HTML是一种标记语言，而不是编程语言。

 

　　HTML出现于1991年。

 

　　HTML5出现于2012年。

 

　　XHTML5出现于2013年。

 

　　元素：元素指的是从开始标签到结束标签的所有代码。标签：承载HTML的主要内容，形如。属性：从属于标签，为可选参数，形如。

 

　　块元素：通常以新行开始，如，，，。内联元素：通常不以新行开始，如，，，。

 

　　HTML5空文档如下：

 

　　是HTML5的声明方式。

 

　　不同的HTML和XHTML版本有不同的声明方式。

 

　　html标签，定义这是一个html文档。

 

　　属性lang指定语言，如，等。

 

　　闭标签，大多数标签需要使用的方式来闭合。多数IDE提供自动补全（闭合）。

 

　　head表示头部，body表示内容。

 

　　标签定义关于 HTML 文档的元信息。

 

　　属性用来定义字符集。

 

　　标签包含的内容就是HTML文档的标题。

 

　　代码结果：

 

　　大小不同的6个标题。从1到6是从大到小。

 

　　采用p标签：

 

　　代码结果：

 

　　不采用p标签：

 

　　代码结果：

 

　　可以用来定义超链接。

 

　　用第一个标签指定，第二个a标签href连接到。

 

　　内容跨篇幅很大时可用性很高，直接在一个页面内点击跳转。

 

　　src指定来源，宽高属性指定大小，alt替换文本（图片显示失误时有效）。

 

　　可以用来引入图片。

 

　　需要注意的是标签不需要闭合。

 

　　代码结果：

 

　　为图片加超链接

 

　　都是换行操作。

 

　　第二种是推荐用法。更适用于当前的操作和代码环境。

 

　　可以通过更改样式，显示出独立于其他标签的样式结果。

 

　　的主要作用是代码块的划分。

 

　　顺带一提，css文件中，默认标签直接用，来自属性就要加。

 

　　颜色可以自选。

 

　　取值有多种：

 

　　，在新窗口显示目标网页

 

　　，在当前窗口显示目标网页

 

　　，框架网页中当前整个窗口位置显示目标网页

 

　　，框架网页中在上部窗口中显示目标网页

 

　　多数标签可用，可选等取值，指定对齐方式。

 

　　p标签的align属性已被弃用，HTML 4.01 Strict和XHTML 1.0 Strict DTD均不支持此属性。

 

　　请用CSS作为替代。

 

　　CSS语法：

 

　　大多数标签拥有此属性，表示类名。

 

　　大多数标签拥有此属性，人工指定identification，后续添加css样式等。

 

　　大多数标签拥有此属性，用来定义内联css样式。

 

　　大多数标签拥有此属性，用来定义额外信息。

 

　　其中标签被标记为弃用。

 

　　代码结果：

 

　　方便测试，新建一个css文件使用

 

　　创建css文件，New一个File

 

　　命名为mycss.css

 

　　随便加一点颜色设置进来：

 

　　外部引入过程：

 

　　其中属性为，为，属性指定css文件位置。

 

　　测试代码：

 

　　代码结果：

 

　　内部引入过程：

 

　　测试：

 

　　代码结果：

 

　　内联引入过程：

 

　　代码结果：

 

　　表格需要用到标签。

 

　　属性定义边界长度，属性定义单元格间隔。

 

　　此外还有可以定义填充色，可以定义填充图片。（没有展示）

 

　　定义了标题。

 

　　是行，是列。表头。

 

　　代码结果：

 

　　定义列表元素

 

　　代码结果：

 

　　更改图标：

 

　　列举的可选属性（此处无法用补全）：

 

　　为实心原点，为空心圆，为实心方块。

 

　　属性指定起始值。

 

　　属性同样为指定列表标号的类型，可选值有：

 

　　、、、。

 

　　可以使用CSS中的取消端点的显示。

 

　　代码结果：

 

　　标签的内容同样可以是一个新的列表。

 

　　代码结果：

 

　　代码结果：

 

　　在以前的HTML规范当中，表单必须要在区域内创建。

 

　　代码结果：

 

　　可以进行交互操作。

 

　　代码结果：

 

　　可以脱离创建。

 

　　代码结果：

 

　　可以填充内容，拖拽大小。

 

　　可以跳转到本地/网络页面，可以是各个类型的网页格式，例如html，php，jsp等等。

 

　　方法有get和post两种取值，对应HTML的get和post两种方法。

 

　　get请求直接将参数放在url上，post请求的参数值可以在Chrome浏览器中查看。get方法可以做资源定位（根据分享url快速定位到相应web区域），post方法保护隐私。

 

　　代码结果：

 

　　代码结果（输入内容后点击提交）：

 

　　可以看到网页的跳转，并且根据get请求，参数值显示在了url上。

 

　　无格式布局：

 

　　代码结果：

 

　　加入CSS样式（内部）：

 

　　代码结果：

 

　　代码结果：

 

　　标签定义框架集。它用于组织多个窗口（框架）。每个框架存在一个独立的文档。在最简单的应用中，frameset 元素仅仅声明框架集中存在的列或行的数目。 由于该标签对网页可用性的负面影响，在 HTML 5 中 frameset标签没有得到支持。

 

　　index.html

 

　　a.html

 

　　代码结果(index.html嵌入a.html)：

 

　　超出长度，自动加了下拉框。

 

　　取值在父级页面打开。

 

　　index.html

 

　　a.html

 

　　b.html

 

　　代码结果（index包含a，a包含b，b包含链接）：

 

　　代码结果（点击链接）：

 

　　可以看到整个a和b都变成了链接的目标网页。

 

　　这便是与的结合。在直接父级页面打开。

 

　　而取值是在顶级页面打开。

 

　　在 HTML 中，某些字符是预留的。

 

　　在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。

 

　　如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。

 

　　如需显示小于号，我们必须这样写：或

 

　　提示：使用实体名而不是数字的好处是，名称易于记忆。不过坏处是，浏览器也许并不支持所有实体名称（对实体数字的支持却很好）。