《图解HTML》第三节 HTML简介

由前面两个章节了解到，浏览器如同一个加工厂，在这个加工厂里面，有HTML、CSS、JS三大零件，然后浏览器将这些零件组装成一张张美丽的网页。 HTML负责骨架，CSS负责样式，JS负责行为。那么HTML是什么呢？ HTML是Hyper Text Markup Language（超文本标记语言）的简写，是一种标记语言，而不是一种编程语言，是网页制作所必备的。超文本，本质也是文本。自HTML3.2之后，由W3C推荐标准，定义了多种类型的元素（div，p...）和众多类型的属性值(id,name...)。 HTML文档基本结构 HTML基本结构图 HTML文档基本结构示例 Document

Hello World

文件类型描述(DOCTYPE) 为了说明文档使用的超文本标记语言标准，所有超文本标记语言文档应该以“文件类型声明”（外语全称加缩写）开头，引用一个文件类型描述或者必要情况下自定义一个文件类型描述。举例来说： html5: html4: 根标签（html） html文档的最高节点标签。元数据（meta）元数据（Metadata）是数据的数据信息。标签提供了 HTML 文档的元数据。元数据不会显示在客户端，但是会被浏览器解析。 META元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者及其他元数据。元数据可以被使用浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 Web 服务调用。网页标题（title） title是网页的标题元素包含在head中例如：百度一下你就知道在网页上方的标签中显示:百度一下你就知道，相当于一个关键字搜索引擎可以通过关键字查找到此页面。主题部分（body） body元素是网页的主体部分，网页的内容都写在里面，包括文本，图像，表单，音频，视频等其他内容。我们编写网页的头部在head里编写，主体是在body内编写。在head里面可编写的内容大多是固定的，而在主体中的标签却是繁多且灵活组合使用的。带5标识的，是HTML5新增的标签： HTML标签标签的分类如此多的标签，看得眼花缭乱，可以适当的将它们分分类。例如单标签/双标签，块级元素/内联元素，或者根据功能分类。单标签/双标签单标签：

双标签：除去以上的单标签都是双标签块级元素/内联元素块级元素定义总是在新行上开始；高度，行高以及外边距和内边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度。它可以容纳内联元素和其他块元素内联元素定义和其他元素都在一行上；高，行高及外边距和内边距不可改变；宽度就是它的文字或图片的宽度，不可改变内联元素只能容纳文本或者其他内联元素块级元素有哪些

//定义地址 //定义表格标题

//定义列表中定义条目

//定义文档中的分区或节

//定义列表中的项目 //定义一个框架集 //创建 HTML 表单 //定义最大的标题 // 定义副标题 //定义标题 //定义标题 //定义标题 //定义最小的标题 //创建一条水平线 //元素为 fieldset 元素定义标题 //标签定义列表项目

//定义最大的标题

// 定义副标题

//定义标题

//定义标题

//定义标题