一、标题标签<h>
通过<h1>
、<h1>
、<h2>
、<h3>
、<h4>
、<h5>
、<h6>
标签可以定义六种级别的标题,其中<h1>
用作主标题,以此类推,而且从<h1>
到<h6>
字号不断变小。
二、段落标签<p>
通过<p>
标签,可以使内容分段
1、字符实体
空格:
(“;”别忘)
“>”或“<”:>
或<
2、换行标签<br />
换行标签<br />
单个出现,在需要换行的地方加入即可
三、块标签<div>
、<span>
1、<div>
标签
<div>
标签即盒子标签,块元素,它相当于一个小<body>
标签,可以在里面嵌套其他标签,文字,图片,视频及又一个<div>
标签
2、<span>
标签
<span>
标签,行内元素,表示一行中的一小段内容
四、含样式和语义的标签
1、<em>
标签
<em>
标签,行内元素,起强调作用,文档会以斜体表示
2、<i>
标签
<i>
标签,行内元素,表示专业词汇,文档会以斜体表示
3、<b>
标签
<b>
标签,行内元素,表示文档中的关键字或产品名,文档会以粗体表示
4、<strong>
标签
<strong>
标签,行内元素,表示非常重要的内容,文档会以粗体显示
五、图片标签<img>
1、<img>
标签两种常用属性
src属性定义图片的引用地址
<img src=" " />
是图像标签的用法,其中“ ”里面是图片路径比如<img src="images/001.jpg" />
alt属性定义图片加载失败时显示的文字,搜索引擎会使用这个文字收录图片,盲人读屏软件会读取这个文字让盲人识别图片
<img src=" " alt=" "/>
这是用法,alt“ ”引号里面是图片文字说明,比如<img src="images/001.jpg" alt="水果图片"/>
六、链接标签<a>
<a>
标签可以在本网页中插入其他网页的链接
1、常用属性
href属性定义跳转的地址
<a href="#">链接名</a>
这是href属性的基本用法,链接名是在本网页中此链接的名字
title属性定义鼠标悬停时弹出的文字提示框
<a href="#" title="鼠标悬停时出现的文字">链接名</a>
这是title属性的基本用法
target属性定义链接窗口打开的位置
target属性有两个参数:
target=“self”:缺省值,新页面替换原来的页面
target=“_blank”:新页面在新窗口打开
<a href="#" target="_blank">新窗口打开</a>