一、HTML标签
下面是比较常用并且重要的标签
1.排版标签
标题标签 <h> </h>
段落标签 <p> </p>
水平线标签 <hr>
换行标签 <br>
块标签 <div> </div>
行内标签 <span> </span>
2.文本格式化标签
粗体 <b> </b> 、 <strong> </strong>
斜体 <i> </i> 、 <em> </em>
添加删除线 <s> </s> 、 <del> </del>
添加下划线 <u> </u> 、 <ins> </ins>
3.标签属性
属性是提供关于有关标签的更多信息,总是以 属性=" 属性值 " 的形式出现
<标签名 属性1=’‘属性值1’’ 属性2=’‘属性值2’’>
内容…
</标签名>
4.图像标签<img>
<img src="图片路径" alt="不能显示图片时替换的文本" title="鼠标悬停是显示的内容"/>
5.链接标签
<a></a>标签的功能有三种,分别是链接、锚点定位、base标签
5.1 链接
从一张网页链接到另一张网页上
<a herf="跳转目标" target="目标弹出方式">
内容...
</a>
target | 属性 |
---|---|
_blank | 默认。在当前页面打开 |
_self | 在新的页面中打开 |
_parent | 在父框架中打开 |
_top | 在整个窗口中打开 |
5.2 锚点定位
也是在页面内进行定位,当你点击<a>时,就会立刻定位到文章的某一处。
<div id="demo"> </div>
<a href="#demo"> </a> 锚点
5.3 base标签
<base>标签可以设定整体链接的打开状态(必须设定在元素head头部中)
<base url="页面整体的基准链接" target="所有链接的打开方式">
6.特殊字符标签
空格 ------  ;
< ------ <;
> ------ >;(注意:分号要英文)
7.列表标签
7.1 有序列表
有序列表的排序是有顺序的
<ol>
<li>列表1</li>
<li>列表2</li>
</ol>
7.2 有序列表
无序列表的排序是没有顺序的
<ul>
<li>橘子</li>
<li>苹果</li>
<li>香蕉</li>
</ul>
7.3 自定义列表
常用于对术语或名词进行解释或是描述
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
<dl></dl> 表示整个列表的开始
<dt></dt> 放想要解释的名词或术语
<dd></dd> 对名词或术语进行解释