入门教程视频(入门技巧)

30分钟让你知道什么是HTML，对它有一些基本的了解。一旦开始，你可以从网上找到更多更详细的资料继续学习。

什么是HTML？

【推荐教程:HTML教程]

HTML是英文Hyper Text markup Language的缩写，它指定了自己的语法规则来表达比“文本”更丰富的含义，比如图片、表格、链接等等。浏览器(即火狐等。)软件知道HTML语言的语法，可以用来查看HTML文档。目前，互联网上的大部分网页都是用HTML编写的。

HTML是什么样的？

简单来说，HTML的语法就是在文本上加一个标签来表示文本的意思，让用户(人或者程序)更好的理解文本。

下面是最简单的HTML文档:

所有的HTML文档都应该有一个

& lthead & gt标签用于包含整个文档的一般信息，例如文档的标题(

& lta & gt标签用于表示链接。在浏览器(如IE、Firefox等)中查看HTML文档时。)，点击

一个HTML文档可以包含什么。

通过不同的标签，HTML文档可以包含不同的内容，比如文本、链接、图片、列表、表格、表单、框架等等。

文本

HTML对文本有最丰富的支持。可以设置不同级别的标题、段落和换行符，指定文本的语义和外观，指明文本引用自其他地方等等。

互连

链接用于指示内容与另一个页面或当前页面上的某个位置相关。

画

图片是用来让页面更漂亮或者提供更多信息的。

制表/列表

列表用于显示一系列项目之间的相互关系。

形式

表格是一种按行和列组织数据的形式。也有很多人使用表格进行页面布局。

表单/表格

表单通常由文本输入框、按钮、多选框、单选框、下拉列表等组成。，这使得HTML页面更具交互性。

结构

框架使页面能够包含其他页面。

HTML文档格式的详细描述

前面介绍了HTML文档的基本格式，下面给出详细的解释。

HTML文档可以由任何文本编辑器(如记事本、UltraEdit等)创建和编辑。)，因为它的内容本质上只是一些文字。

在HTML文本中，用尖括号括起来的部分称为标签。如果要在文本中使用尖括号(或者大与号小与号，总之是同一个东西)，就必须使用字符转义，也就是说转换字符的本义。& lt你应该用&；lt；替换，>然后使用&；gt；至于& Symbol本身，你应该用&；amp替换(不得不说很多HTML文档都不遵循这个规则，常见的浏览器也可以分析&；不管是逃避的开始还是象征，但这不建议)。

标签本质上是对它所包含的内容的说明，可能会有属性，来给出更多的信息。比如<img>（图片）标签有src属性（用于指明图片的地址），width和height属性（用于说明图片的宽度和高度）。HTML里能使用哪些标签，这些标签分别可以拥有哪些属性，这些都是有规定的，知道了这里说的基本知识之后，学习HTML其实也就是学习这些标签了。本文后面会对常用的HTML标签做出简短的介绍。标签本质上是对它所包含的内容的描述，并且可能具有提供更多信息的属性。例如

标签通常有开始部分和结束部分（也被称为开始标签和结束标签），它们一起限定了这个标签所包含的内容。属性只能在开始标签中指定，属性值可以用单引号或双引号括起来。结束标签都以/加上标签名来表示。有时候，有些标签并不包含其它内容（只包括自己的属性，甚至连属性都没有），这种情况下，可以写成类似这样：<img src="logo.gif" />。注意最后的一个空格和一个反斜杠，它说明这个标签已经结束，不需要单独的结束标签了。标签通常有一个开始部分和一个结束部分(也称为开始标签和结束标签)，它们共同定义了标签中包含的内容。属性只能在开始标记中指定，属性值可以用单引号或双引号括起来。结束标签都用标签名来表示。有时候，有些标签不包含其他内容(只有自己的属性，甚至没有属性)。在这种情况下，它们可以这样写:

有些标签还可以包含新标签，新标签的名称甚至可能与包含它的标签相同(哪些标签可以包含标签，哪些标签可以被包含也有规定)。例如:

在这种情况下，最后一个标签应该先结束。

浏览器将忽略HTML文档中的所有空白色字符(框空、制表符、换行符、回车符)，唯一的例外是空框，它被视为单个空框。这个规则的原因是忽略空白色符号允许使用HTML的作者以他认为最方便的格式排列内容。例如，可以在每个标签的开头添加缩进，在标签结束后减少缩进。因为空格在英语文本中广泛使用(用来分隔单词)，所以空格得到了如此特殊的处理。如果要显示连续的空单元格(例如用于缩进)，应该使用& amp；nbsp来表示空格。

常见标签介绍

文本

也许最常用的标签是

粗体、下划线和斜体字符也是常用的文本效果，它们用

还有一些标记表示所包含的文本有特殊的含义，例如

一篇很长的文章，如果有合适的小标题，可以很快对其内容有个大概的了解。在HTML中，用来表示标题的标签有:

画

& lthr & gt标签用于在页面上添加水平线。您可以通过指定宽度和颜色属性来控制水平线的长度和颜色。

<img>标签用于在页面上添加图片，src属性指定图片的地址，如果无法打开src指定的图片，浏览器通常会在页面上需要显示图片的地方显示alt属性定义的文本。& ltimg & gt标签用于向页面添加图片，src属性指定图片的地址。如果src指定的图片无法打开，浏览器通常会在页面上需要显示图片的地方显示alt属性定义的文本。

互连

超链接

分段和换行

因为HTML文档会忽略空白字符，为了保证正常的段落换行，需要指出哪些单词属于同一个段落，所以标签< p & gt。

有些人不使用

有时，文档应该被视为不同部分的组合。例如，一个典型的页面可能包括三个部分:页眉、正文和页脚。& ltdiv & gt标签专门用于指示不同的部分:

形式

HTML文档通常在浏览器中从左到右、从上到下显示，到达窗口右侧时自动换行。为了达到分栏的效果，很多人用表格(

& lt表& gt标签通常包含几个

& lttr & gt标签也可以是

& ltth & gt和

制表/列表

表格用于表示二维数据(行和列)，而一维数据由列表表示。列表可以分为无序列表(

无序列表表示一系列相似的项目，它们之间没有顺序。

有序列表中项目之间的顺序非常重要，浏览器通常会自动为它们生成编号。

结构

最后，我们来谈谈框架，这是一项非常流行的技术，它能够在一个窗口中同时显示多个文档。没有

& lt框架集& gt标记的属性Rows和Cols用于指定框架集中有多少行(列)以及每行(列)的高度(宽度)。

& lt框架集& gt标签可以包含

如果您认为这样的页面不够复杂，您还可以在

以上是HTML 30分钟入门教程的详细内容。更多信息请关注AdminJS.cn其他相关文章！