java程序员菜鸟入门之八HTML

一、概述

1、HTML是超文本标记语言，“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

二、HTML结构

三、HTML标签

1、标签的分类：用于结构的（文档元素、分组元素）；用于包裹内容的（文本标签、表格标签、表单标签 ）；用于引入资源、向页面嵌入内容（嵌入标签(不一定是单标签)）；文档必备标签

2、文档标签：h1~h6 标题 ；

                      nav 一组导航元素

3、分组标签：p 表示段落；

                      div 一个没有任何语义的通用元素，和span是对应元素，h5的文档标签可以算是div语义化之后的标签；

                      hr 水平线，语义上表示段落级别的主体转换 

                      ul，ol 无序列表、有序列表，需要配合li使用 ，li 列表项，ul、ol的子标签

4、文本标签：a 生成超链接 

                      span 通用元素，没有任何语义，和div对应，一个默认块级一个默认行内，如果不追求语义化，span标签可以完成大部分文本标签的效果 

                       time 表示时间和日期 

                       u 标记一段文字但不强调

                       sup 表示上标字体 

                       sub 表示下标字体 

                       small 表示小号字体内容

                       strong 表示重要 

                       br 强制换行

5、表格标签：table 定义一个表格，表格标签都要放在该标签里

                      thead+th thead定义一个表格头，th定义表格头中的单元格，th需要被tr包裹 

                       tbody 定义表格的主体内容

                      tfoot 定义表格的尾部 

                      tr 定义表格的行

                      td 定义表格的单元格，和th类似，单元格标签必须在tr标签中

6、表单标签：form 表示HTML表单

                      input 表示用来收集用户输入数据的控件，通过设置type属性的不同属性值获取不同功能的控件

                      label 可以通过for属性绑定表单中其它控件，解释其他控件用途

                      select、option、optgroup 表单下拉框组合 

                      textarea 表示可以输入多行文本的控件 

                      datalist 定义一组提供给用户的建议值

                      fieldset、legend 对表单中的控件分组 

                      output 表示计算结果 

                    button 按钮，可以通过设置type值获取重置、提交、普通按钮这三种功能的按钮，这些功能的控件都可以通过input获取

7、嵌入标签：img 嵌入图片

                      iframe 嵌入另一个文档 

                     audio 嵌入音频，最好配合source标签使用

                     video 嵌入视频，最好配合source标签使用

                    canvas 生成一个动态的图形画布 

                    source 引用各种媒体资源 

8、文档必备标签：定义文档类型的!DOCTYPE、html、head、meta、title、body、script、link、注释

四、HTML的属性

1、id：唯一性

2、class：类，侧重点在相似的一类标签的意思

3、style：样式

五、理解分类

Head中常用的标签 、Body体上的标签 、Body体里面的标签 、锚点标签 、分割线、标题字体、字体设置、设置字体显示、特殊字符、设置文字布局、图片插入、表格、table属性、表格的分列（水平分列和垂直分列）、表单标签（表单控件、表单按钮）、框架标记