第二课 | 第一节 | 语义化标签

一，a标签

a标签 有 4 个保留的目标名称用作特殊的文档重定向操作：

1. _blank  
2. 浏览器总在一个新打开、未命名的窗口中载入目标文档。  
3. <a href="http://www.qianduandu.com" target="_blank">链接</a>  
4.   
5. _self  
6. 这个目标的值对所有没有指定目标的 <a> 标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题 <base> 标签中的 target 属性一起使用。  
7. <a href="css第二课--常见标签.ppt" target="_self">下载</a>  
8.   
9. _parent  
10. 这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 等效。  
11. <a href="http://www.qianduandu.com"  target="_parent">链接</a> 
    
13.   
14. _top  
15. 这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。  
16. <a href="http://www.qianduandu.com"  target="_top">链接</a>   
17.   
18. <base target="_self" />    <!-- 设置所有链接的默认打开方式 -->    
19.   
20. 提示：这些 target 的所有 4 个值都以下划线开始。任何其他用一个下划线作为开头的窗口或者目标都会被浏览器忽略，因此，不要将下划线作为文档中定义的任何框架 name 或 id 的第一个字符。  
21.   
22. a:link{}默认状态（激活前）；  
23. a:hover{}鼠标经过状态；  
24. a:active{}鼠标点击状态（激活时）  
25. a:visited()浏览后状态 

    二,img单标签

    img：特殊的行内属性标签；
    1，便签支持宽高；
    2，若只加宽或高，就会等比放大或缩小；

    1. <img src="1.png" alt="前端度" />  

    三,p标签--标题标签

    1，p标签

    1. <p>段落段落段落段落段落段</p>  

    2，标题标签

    1. <h1>标题1</h1>  
    2. <h2>标题2</h2>  
    3. <h3>标题3</h3>  
    4. <h4>标题4</h4>  
    5. <h5>标题5</h5>  
    6. <h6>标题6</h6> 
       

四,span标签--strong-标签-em标签

1. span  ：区分样式（无意义行内属性标签）  
2. em     ：强调作用（斜体）  
3. strong：优化作用（加粗）  

五,ul标签--ol标签--dl标签

1,ul无序列表-->li列表项

1. <ul>  
2.     <li>内容</li>  
3.     <li>内容</li>  
4.     <li>内容</li>  
5.     <li>内容</li>  
6. </ul> 
   

2,ol有序列表-->li列表项

1. <ol>  
2.     <li>内容</li>  
3.     <li>内容</li>  
4.     <li>内容</li>  
5.     <li>内容</li>  
6. </ol>  

3,dl定义列表-->dt定义列表标题-->dd定义列表项

1. <dl>  
2.     <dt>定义列表标题</dt>  
3.     <dd>定义列表项</dd>  
4.     <dd>定义列表项</dd>  
5.     <dd>定义列表项</dd>  
6. </dl>