Web标准

Web标准是网页设计必须要满足的条件，它包含三个方面：结构，表现和行为，其中结构是用于对网页元素进行整理和分类，在学习过程中，我学的是HTML，即超文本标记语言；表现是设置网页元素的版式，颜色，大小等外部样式，主要学习的是CSS；行为是指网页模式的定义即交互的编写，现阶段学习的是JavaScript。三大要素中唯有行为较难理解，同时也是较为重要的内容，行为简单理解就是网页的功能，比如说某些网页可用于购物，某些网页可以玩游戏等。这个标准提出过最佳体验方案：结构，样式（表现），行为相分离，简单的理解就是体现三个方面的代码存储到三个文件中，如：结构写到HTML文件中，样式写到CSS文件中，行为写到JavaScript文件中。

HTML

概述

HTML是超文本标记语言，超文本指的是一种组织信息的方式，通常来说信息的形式有文字，图片和音频等，超文本这种方式可以通过超级链接将文字，图片和音频联系在一起，比如说，当我们登录了某个网页，点击某个文字或者词组，紧接着又进入了一个新的页面，或者又在原页面播放了音频等，这就体现了信息间的联系。标记语言理解较为复杂，它指的是一种将文本以及文本相关的其他信息结合起来，展现出文档结构和数据处理细节的电脑文字编码，我是直接对整个名词进行理解，HTML就是一种可以联系文字，音频，图片等信息的语言。

内容

HTML的内容很多，需要牢记。作为一种标记语言，它包含了很多标签，可分为行标签和块标签，行标签包括span标签,a标签,br标签,em标签,img标签等，他们的特点是按行排列，即当浏览器宽度足够大时，这些标签的内容会排成一行；块标签包含div标签,h标签,p标签,ol-li标签,ul-li标签等，他们会独占一行，默认宽度占满一行。

语法

常用的标签如下：

<h></h>，标题标签，有6类，对应1~6级标题，数字越小，字体越大

<p></p>,段标签，其内容为段落，当我们将文章中的段落部分复制到该标签中后，通过浏览器打开该文件时，文本在浏览器中会议段落的形式展示出来

<img/>,图标签，内容为图片链接，这里有个小建议，当我们需要使用图片时可以在HTML文件的同目录下创建一个装图片的文件夹，这样在书写链接时比较方便。

<a></a>，链接标签，内容也为链接，不过这里的链接种类较为丰富，可以是图片链接，音频链接，甚至是另外一个网页的链接

<span></span>，这个标签没具体语义，但用途较为广泛，通常时用于装载一行内容

<div></div>，盒子标签，内容独占一行

<table></table>，表格标签，含有<tr></tr>子标签，其含义为表格中的行，同时它也含有子标签，<td></td>行中的列标签，如果想引起注意，第一行还可以用<thead></thead>标签强调第一行

<form></form>，表单标签，这一类标签我们比较熟悉了，常用于注册表，表单标签包括<input/>输入标签，根据标签元素type的不同取值可以得到不同的功能的输入，例如单纯的输入，单选或者复选等；<label/>用于绑定内容，<select>标签也可用于选择，<textarea>标签也用于文本输入

<ol></ol>和<ul></ul>，列表元素，前者为有序列表，后者为无序列表，同时二者皆含有子标签<li>

常见的标签用法已经介绍完毕了，还有些细节需要注意：

1.注意标签的格式，不要漏写或者多写；

2.含有子标签的标签有些可以混用如，表格中有时也可以添加一些列表进去；

3.标签内可以添加元素，用于改变标签纸的展示形式，后面学CSS时可以更深度地研究

总结

HTML较为简单，但不容小觑，熟悉好每个标签的使用方式能让我们的网站设计变得更加轻松省力！