HTML标签

HTML 标签
HTML是超文本标签语言，包含了很多标签
1.根标签 html
2.头标签 head

• link：<link rel="icon" type="image/x-icon" href="th.png">设置网页图标
• title：<title></title> 设置网页标题
• meta:<meta charset="UTF-8"> 设置字符编码

3.体标签 body

1. 行级标签

   1.文本标签span:<span>文本内容</span>
   2.超链接a：<a href="要跳转的地址"></a>

   • 关于链接的跳转

     1.在本页进行跳转
     例：

分

 <a name="p1"><img src="http://pic28.photophoto.cn/20130818/0020033143720852_b.jpg" alt="" width="300px"/></a><br/>
    <a name="p2"><img src="http://pic33.photophoto.cn/20141022/0019032438899352_b.jpg" alt="" width="300px"/></a><br/>
    <hr/>
    <a href="#p1">第1张</a>
    <a href="#p2">第2张</a>

2.跳转到新的页面

    <a href="http://www.baidu.com" target=_blank>

3.img 图片标签：

`<img src="图片的路径" alt="测试下这个属性作用" width="200"/>`

img标签是行内块级元素，既有行级的特点，又有块级的特点

4.强调标签strong与em
区别：二者都是强调标签，strong表现的是加粗，em表现的是倾斜

  <em>这是一个强调标签</em>
        <strong>这也是一个强调标签</strong>

5.b标签：加粗

 <b>这是一个b标签</b>

6.i标签 倾斜

   <i>这是一个i标签</i>

7.q标签：引用标签
8.small标签：可以让字体变小

1. 块级标签
   -h1~h6 标题标签
   -水平标签<hr/>
   -p标签 段落标签
   -br 换行标签
   -pre 预格式标签 保留原有格式
   -列表
   ①.有序列表

<ol>
<li></li>
<li></li>
<li></li>
...
</ol>

②.无序列表

<ul>
<li></li>
<li></li>
<li></li>
...
</ul>

-. 描述标签dl(dt只能有一个，但dd可以有多个)

<dl>
<dt></dt>
<dd></dd>
<dd></dd>
...
</dl>