HTML基本语法

作者

　　很多人在开始学习HTML的时候都会觉得无从下手，不知道如何学习，现在为了能让大家更好的地学习HTML知识，爱站小编为大家整理分享HTML的基本语法，希望对你有所帮助。

1.1一般标记
　　一般标记是由一个起始标记(Opening Tag)和一个结束标记(Ending Tag)所组成，其语法为：

受控文字

　　其中，x代表标记名称。

和
就如同一组开关：起始标记

为开启(ON)的某种功能，而结束标记
(通常为起始标记加上一个斜线/)为关(OFF)功能，受控制的文字信息便放在两标记之间。例如：这是斜体字。
　　标记之中还可以附加一些属性(Attribute)，用来完成某些特殊效果或功能。例如：

受控文字

　　其中，a1,a2,…,an为属性名称，而v1,v2,…,vn则是其所对应的属性值，属性值加不加引号，目前所使用的浏览器都可接受，但依据W3C的新标准，属性值是要加引号的，所以最好养成加引号得习惯。
　　1.2 空标记
　　虽然大部分的标记是成双成对出现的，但也有一些是单独存在的。这些单独存在的标记称为空标记(Empty Tags)。其与法为：

　　同样，空标记也可以附加一些属性(Attribute)，用来完成某些特殊效果或功能。如：

，例如：

,
等。
　　W3C定义的新标准(XHTML1.0/HTML4.0)建议：空标记应以/结尾，即：

　　如果附加属性则为：

　　目前所使用的浏览器对于空标记后面是否要加/并没有严格要求，即在空标记最后在/和没有加/，不影响其功能。但是如果希望你的文件能满足最新标准，那么最好加上/。

　　
2. HTML标记分类

　　
2.1文件结构标记(Document Structure Tags)

　　此类标记的目的是用来标示出文件的结构，主要的有：

　　…:标示html文件的起始和终止。

　　…:标示出文件标题区。

　　

…

:标示出文件主体区
　　2.2区段格式标记(Block Formatting Tags)
　　此类标记的主要用途是将HTML文件中得某个区段文字,以特定格式显示，增加文件的可看度。主要的有：
　　

:文件题目。
　　

…
:i=1,2,…,6,网页标题。
　　

:产生水平线。
　　
:强迫换行。
　　

…

:文件段落。
　　

...

:以原始格式显示。
　　

…

：标注联络人姓名、电话、地址等信息。
　　

…

:区段引用标记。
　　2.3字符格式标记(Character Formatting Tags)
　　用来改变HTML文件文字的外观，增加文件的美观程度。主要有：
　　…:粗体字。
　　…:斜体字。
　　...:打字体。
　　…:改变字体设置。
　　

…

:居中对齐。
　　

…
:文字闪烁。
　　…:加大字号。
　　…:缩小字号。
　　…:参照。
　　2.4列表标记(List Tags)
　　

  • …

:无编号列表。
　　

  1. …　　
  2. …
  3. :列表项目。
    　　
    …

    :定义式列表。
    　　

    …
    :定义项目。

    　　
    …
    :定义项目。

    　　

    …
    :目录式列表。

    　　

    …

    :菜单式列表。

    　　
    2.5链接标记(Anchor Tag)

    　　链接可以说是html超文本文件的命脉，html通过链接标记来整合分散在世界各地的图、文、影、音等信息。此类标记的主要用途为标示超文本文件链接(Hypertext Link)，主要有：

    …:建立超级链接。

    　　
    2.6多媒体标记(Multimedia Tag)

    　　此类标记用来显示图像数据。主要有：

    　　:嵌入图像。

    　　
    :嵌入多媒体对象。

    　　
    :背景音乐。

    　　
    2.7表格标记(Table Tags)

    　　此类标记用制作表格。主要有：

    　　…

    :定义表格区段。

    　　…:表格标题。

    　　…:表头。

    　　…:表格列。

    　　…:表格单元格。

    　　
    2.8表单标记(Form Tags)

    　　此类标记用来制作交互式表单，主要的有：

    　　

    …
    :表明表单区段的开始与结束。

    　　
    :产生单行文本框、单选按钮、复选框等。

    　　
    :产生多行输入文本框。

    　　
    …:标明下拉列表的开始与结束。

    　　
    …:在下拉列表中产生一个选择项目。

    　　HTML标记并没有大小写之分，即和是相同的。以下来分别介绍这些标记。

    　　
    3. 文件结构标记

    　　一个html文件的结构基本上可以分为两部分，一部分称为标题区(Head Section)；另一部分称为主体区(Body Section)。文件结构标记就是用来标示出何处属于标题，何处属于主体。

    　　
    3.1
    ：标示整份文件

    　　用途：标示整篇html文件

    　　说明：一个标准的html文件是一篇以开头，而以结束的文件。即：

    　　

    　　… html文件全文

    　　

    　　
    3.2:标示出文件标题区

    　　说明：html文件中，由和所夹住的区域称为文件的标题区。通常head区段都内含在html区段之中，即：

    　　

    　　

    　　…… html文件标题区

    　　

    　　…..

    　　

    　　
    3.3


    　　
    是html文件标题区中最重要也是最常用的标记。其他标题区的标记还包括
    、

    、
    、

    、
    等。

    　　

    所标注的文字并无长度的限制，不过太长的标题，有时可能会被截掉，并且也不容易记忆。

    　　
    3.4
    :标示出文件主体区

    　　说明：在html文件中，由…所夹住的区域称为文件的主体区，通常是在区段之后。

    　　3.5
    标记的属性

    backgroud属性：

    这个属性可以指定一个图形文件(一般为gif或jpeg)，作为背景图案。该图形会像拼瓷砖一样铺成整个网页的底图。

 　　

为了让大家更好的学习HTML，本文爱站小编为大家详细介绍了HTML的基本语法，刚开始接触并想学习网页制作的朋友们赶紧收藏起来吧。