【前端开发】HTML标签总结-行标签和块标签

一，基本概念

HTML(Hypertext Markup Language) 超文本标记语言，是用于描述网页文档的一种标记语言，XHTML是一种遵循更严格的XML规则的HTML新版本，这种新的XML兼容版本的HTML被称为XHTML。

 声明必须是 HTML 文档的第一行，位于  标签之前。它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

二．大体框架 

 

     

 

    网页要显示的内容…(可以使用各种标签设置参数)  

使用META标记 ，提供关于网页的信息 
 设置网页使用UTF-8编码

HTML标签语法：

1、双标记：<开始标记>内容。例 ：新华网、

2、单标记：<标记>。 例：

---

–加横线、
–换行、–加宽等。

3、标记的属性：<标记 属性1=参数 属性2=参数…>内容。例：新华新闻。

特殊标签(3个)：、、

---

、

                 块元素与行元素可以通过css 中display样式进行转换（inline，block，inline-block）。

                                                   display常用的几个属性 

    

值	描述
none	此元素不会被显示。
block	此元素将显示为块级元素，此元素前后会带有换行符。
inline	此元素会被显示为内联元素，元素前后没有换行符。
inline-block	行内块元素。（CSS2.1 新增的值）

e， inline-block属性是CSS2.1新加值，IE8以上及其他主流浏览器都已经支持，它可以使元素像行内元素那样水平一次排列，但是框的内容符合块级元素行为，能够显示设置宽，高，内外边距。 就是可以一行排列多个此类元素，并且可以根据属性设置尺寸大小。

块元素(block element)   

1. * div – 常用块级主要标签   
2. * dl – 定义列表     
3. * form – 交互表单   
4. * h1-h6 – 标题   
5. * hr – 水平分隔线   
6. * ol ,ul- 排序表单 ，非排序列表   
7. * p – 段落 
8. * pre – 格式化文本
9. * table – 表格
10.   * blockquote – 块引用  

行元素(inline element)   

1.   * a – 锚点   
2. * br – 换行    
3. * em – 强调   
4. * i – 斜体   
5. * img – 图片   
6. * input – 输入框   
7. * label – 表格标签   
8. * q – 短引用   
9. * select – 项目选择   
10. * span – 常用内联容器，定义文本内区块   
11. * sub – 下标   
12. * sup – 上标   
13. * textarea – 多行文本输入框   
14. * var – 定义变量