HTML5+CSS3(Html标签)

 HTMl标签

HTML标签是分等级的（两种）：

   文本级标签：p ，span，a、b、i、u、em，文本级标签只能放文字、图片、表单元素。（a标签里不能放a和input）

   容器级标签：div、h系列、li、dt、dd，容器级标签里可以放置任何东西。

1.        p标签是一个文本级标签，p里面只能放文字、图片、表单元素，其他一律不能放
2.        错误写法：**尝试把h放到p里**

 

### 属性介绍

1.   - align="属性值"：设定线条置放位置。属性值可选择：left right center 。
2.   - size="2" :设置线条粗细，以像素为单位，内定为2。
3.   - width="500" 或width="70%":设定线条长度。可以是绝对值（单位是像素）或相对值。如果设置为相对值的话，内定是100%。
4.   - color="#0000FF":设置线条颜色。 
5.   - noshade：不要阴影，即设定线条为平面显示，若没有这个属性则表明线条具有阴影或立体。

# 排版标签：<h1> <p> <hr /> <br /> <div> <span> <center> <pre>`

 

1. 标题标签`<h1>~<h6>`由大到小

   - align属性，属性值可以是：left、center、right。

    <h1>一级标题</h1>  
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>

2. html注释`<!--注释内容-->`  快捷键：Ctrl+/

3. 段落标签`<p></p>`

      - align属性，属性值可以是：left、center、right。

      - **文本级标签**：p、span、a、b、i、u、em。文本级标签里只能放文字、图片、表单元素。（a标签里不能放a和input）

      - **容器级标签**：div、h系列、li、dt、dd。容器级标签里可以放置任何东西。

4. 水平线标签`<hr />`

5. 换行标签 `<br/>`

6. `<div>`和`<span>`

      - div标签：可以把标签中的内容分割为独立的区块，必须单独占据一行。

      - span标签：和div作用一致，但不换行。

div和span是非常重要的标签，div的语义是division“fenge”；span的语义就是span“范围，跨度”。

    **div和span的区别**

 - `<span>`和`<div>`唯一不同区别在于：`<span>`是不换行的， `<div>`是换行的。

 - 如果单独在网页中插入这两个元素，不会对页面产生任何的影响。这两个元素是专门为定义CSS样式而生的。DIV+CSS来实现各种样式。

       

7. 内容居中标签`<center>`

     +  此刻center代表是一个标签，而不是一个属性值。只要在这个标签里面的内容。都会居于浏览器的中间。在HTML5中，center标签不建议使用，而是用css标签。

8. 预定义（预格式化）标签`<pre>`:将保留标签内所有的空白字符（空格、换行符），原封不动额输出结果。