HTML5--2 HTML标签

 <标签  属性="属性值"   属性="属性值"/>
（1）meta标签：对文档进行描述，该页面内容关键字是“考研”
    <meta name="keyword" content="考研"/>
（2）标题标签： h1，h2，h3，h4，h5，h6
    <h1> good </h1>
（3）换行标签  <br />
（4）段落标签  <p></p>
（5）水平线标签 <hr/>
（6）字体样式标签  
     加粗： <strong></strong>  <b></b>
     倾斜： <em></em> <i></i>
（7）特殊符号
     空格：&nbsp;  大于号: &gt;   小于号：&lt;  引号：quot;  版权符号：&copy;
（8）图像标签
      <img src="img/a.jpg" alt="冬至" title="冬至" width="20" height="20"/>
（9）链接标签
      <a href="https://www.baidu.com" target="_blank">百度</a>
      <a href="https://www.baidu.com" target="_blank"> <img src="img/a.jpg"/> </a>
      锚点跳转：
        <a href="#mao1"> <img src="img/a.jpg"/> </a> 
	<a name="mao1">锚点</a> <br />
（10）列表
    无序列表：		
        <ul>
	    <li type="square">橘子</li>
	    <li>苹果</li>
        </ul>
    有序列表：
        <ol>
	    <li type="A">橘子</li>
	    <li>苹果</li>
        </ol>
    定义列表：
	<dl>
	    <dt>智能制造学院</dt>
	    <dd>机制专业</dd>
	    <dd>自动化专业</dd>
	</dl>
（11）表格
	<table align="center" border="1" cellspacing="0" cellpadding="5">
	    <tr>
	        <td colspan="2">第1行第1列</td>
	        <td>第1行第2列</td> 
	    </tr>
	    <tr>
	        <td>第2行第1列</td>
	        <td>第2行第2列</td>
	        <td>第2行第3列</td>
	    </tr> 
	    <tr>
	        <td>第3行第1列</td>
	        <td>第3行第2列</td>
	        <td>第3行第3列</td>
	    </tr> 
	</table>

1. 块级元素

     常见的有：ul ol li dl dt dd tr td p h1-h6 hr form table 等。

     特点：

  （1）在网页中以块的形式显示，元素显示为矩形区域

  （2）默认情况下，块状元素都会占一行，从上往下排列

  （3）块状元素都可以定义自己的宽和高，不设置宽度时，与父级元素一样宽

  （4）块状元素一般作为其他元素的容器，可以容纳其他内联元素和块级元素，可以把这种容器比喻为一个盒子

    p 为段落标签，一般用于装载段落文字，p标签中不可包含块级元素

    div为常用的结构元素，常用于分割页面区域，以及功能模块

2. 内联元素

     常见的有：a span i em strong b 等。

     特点：

  （1）表现形式是始终以行内逐个进行显示

  （2）内联元素没有自己的形状，不能定义宽和高

  （3）遵循盒模型基本规则，如可定义padding margin border background等属性，但个别属性不支持

3. 内联块级元素

    常见的有：img textarea input select iframe 等。

    特点：属于内联元素，不会独占一行，而是会和其他inline元素和inline-block元素在同一行按从左到右顺序显示

4. 元素类型转换

   display： block | inline | inline-block