前端技术学习第一讲：HTML

HTML

一、什么是HTML

HTML的英文全称是 Hyper Text Markup Language，为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

二、HTML有什么特点

• 简易性：HTML版本升级采用超集方式，从而更加灵活方便。
• 可扩展性：HTML的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。
• 平台无关性：HTML语言可以使用在广泛的浏览器上，这是万维网（WWW）盛行的其中一个原因。
• 通用性：另外，HTML是网络的通用语言，一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

三、HTML有哪些标签

HTML共计110个标签

1、基础标签

• < !DOCTYPE >：定义文档类型*
• < html >： HTML 文档根标签*
• < head >：定义关于文档的信息*
• < meta >：定义关于 HTML 文档的元信息*
• < title >：标题标签*
• < base >：定义页面中所有链接的默认地址或默认目标
• < body >：定义文档的主体*
• < h1 > to < h6 >：定义 HTML 标题(由大到小)*
• < p >：定义一个段落*
• < br >：定义换行*
• < hr >：定义水平线*
• < !–…-- >：定义一个注释*

2、格式标签

• < abbr >：定义一个缩写
• < address >：定义文档作者或拥有者的联系信息
• < b >：定义粗体文本*
• < i >：定义斜体文本*
• < u >：定义下划线文本*
• < bdi >：允许您设置一段文本，使其脱离其父元素的文本方向设置。
• < bdo >：定义文本的方向
• < blockquote >：定义块引用
• < cite >：定义作品的标题
• < del >：定义被删除的文本
• < code >：定义计算机代码文本
• < dfn >：定义一个定义项目
• < em >：定义强调文本
• < kbd >：定义键盘文本
• < samp >：定义计算机代码样本
• < strong >：定义语气更为强烈的强调文本*
• < var >：定义文本的变量部分
• < ins >：定义被插入文档中的文本
• < mark >：定义带有记号的文本
• < meter >：度量衡
• < pre >：预格式化文本*
• < progress >：定义运行中的任务进度
• < q >：定义短的引用（自动加引号）
• < rp >：定义不支持 ruby 元素的浏览器所显示的内容
• < rt >：定义字符的解释或发音
• < ruby >：定义 ruby 注释
• < small >：定义小号文本
• < sup >：定义上标文本（上标文本可以用来添加脚注）
• < time >：定义一个日期 / 时间
• < wbr >：规定文本中的何处适合添加换行符

3、表单标签

• < form >：定义一个 HTML 表单，用于用户输入*
• < input >：定义一个输入控件*
• < textarea >：定义多行文本输入控件*
• < button >：定义按钮*
• < select >：定义选择列表（下拉列表）*
• < optgroup >：定义选择列表中相关选项的组合*
• < option >：定义选择列表中的选项*
• < label >：定义 input 元素的标注*
• < fieldset >：定义围绕表单中元素的边框
• < legend >：定义 fieldset 元素的标题
• < datalist >：规定了 input 元素可能的选项列表
• < output >：定义一个计算的结果

4、框架标签

• < iframe >：定义内联框架*

5、图像标签

• < img >：定义图像*
• < map >：定义图像映射
• < area >：定义图像地图内部的区域
• < canvas >：通过 JavaScript 来绘制图形
• < figure >：用于对元素进行组合
• < figcaption >：定义一个 caption for a < figure > element

6、音频和视频标签

• < audio >：定义声音，比如音乐或其它音频流*
• < source >：定义 media 元素的媒体资源
• < track >：为媒体元素定义外部文本轨道
• < video >：定义一个音频或者视频*

7、链接标签

• < a >：定义一个链接*
• < link >：定义文档与外部资源的关系*
• < nav >：定义导航链接*

8、列表标签

• < ul >：定义一个无序列表*
• < ol >：定义一个有序列表*
• < li >：定义一个列表项*
• < dl >：定义一个定义列表*
• < dt >：定义一个定义列表中的项目*
• < dd >：定义定义列表中项目的描述*
• < menu >：定义菜单列表
• < commend >：定义用户可能调用的命令

9、表格标签

• < table >：定义一个表格*
• < caption >：定义表格的标题
• < th>：定义表格中的表头单元格*
• < tr>：定义表格中的行*
• < td>：定义表格中的单元*
• < thead>：定义表格中的表头数据*
• < tbody>：定义表格中的主体内容*
• < tfoot>：定义表格中的表注内容*
• < col>：定义表格中一个或多个列的属性值
• < colgroup>：定义表格中供格式化的列组

10、样式和节点标签

• < style>：定义文档的样式信息*
• < div>：定义文档中的节*
• < span>：定义文档中的节*
• < header>：定义一个文档头部部分*
• < footer>：定义一个文档底部*
• < section>：定义了文档的某个区域
• < article>：定义了一个文章内容
• < aside>：定义其所处内容之外的内容
• < details>：定义了用户可见的或者隐藏的需求的补充细节
• < dialog>：定义一个对话框或者窗口
• < summary>：定义一个可见的标题。当用户点击标题时会显示出详细信息。

11、程序标签

• < script>：定义客户端脚本*
• < noscript>：定义针对不支持客户端脚本的用户的替代内容
• < embed>：定义了一个容器，用来嵌入外部应用或者互动程序
• < object>：定义嵌入的对象
• < param>：定义对象的参数
• < main>：定义文档的主要内容