html语言是网页制作的基础，是初学者必学的内容。虽然现在有许多所见即所得的网页制作工具，但是说到底，还是有必要了解一些HTML的语法。这样，您可以更精确的控制页面的排版，可以实现更多的功能。HTML语言可直接使用普通的文本编辑器进行编辑(例如：DOS下的EDITWindows中的记事本等)。

小技巧：如何查看别人网页的HTML

你只要用浏览器(例如：IE)打开某网页(例如：)，然后用鼠标右键点击网页中的空白位置，选择“查看源文件”，此时这个网页的源文件就一览无遗了。如果遇到有些网页屏蔽右键菜单的话，那么可以选择“查看→源文件”查看源文件。

一、HTML标记的约定

HTML语言是网页制作的基础，是初学者必学的内容。虽然现在有许多所见即所得的网页制作工具，但是说到底，还是有必要了解一些HTML的语法。这样，您可以更精确的控制页面的排版，可以实现更多的功能。HTML语言可直接使用普通的文本编辑器进行编辑(例如：DOS下的EDITWindows中的记事本等)。

在HTML中，标记是用来界定各种单元，如标题、段落、列表等。HTML单元由三部分组成：起始标记、单元内容、结束标记。起始标记由“＜”和“＞”来界定，结束标记由“＜/”和“＞”来界定，单元名称和属性由起始标记给出。如：“＜TITLE＞走进数码网–数码时代的电脑应用专家＜/TITLE＞”，“＜TITLE＞”和“＜/TITLE＞”是起始标记和结束标记，“走进数码网–数码时代的电脑应用专家”是单元的基本内容。

1.超文本标记用带尖挎号“＜”和“＞”表示。

2.超文本标记一般是成对出现，用带斜杠的元素表示结束，如：＜html＞和＜/html＞。但有些标记只有起始标记而没有结束标记，如：＜BR＞，它网页中表示引入一个换行动作还有些标记可以省略，如：段落的结束标记＜/P＞就可以省略。

3.超文本标记忽略大小写，如：＜HTML＞和＜html＞是等效的，但其中实体内容的名称是要区分大小写，如”&NAME”和”&name”是表示不同的实体。

4.一个标记元素可写在多行，参数位置不受限制。

二、HTML主要标记的用法

HTML文档的标记在该语言中占有重要的地位，可以说，整个HTML文档都是它的标记构成的，HTML文档的标记为编写该文档建立了固定的框架，我们只要在这个框架中填充内容就行了。但你可能会对HTML语言，而感到一头雾水吧？

其实您可以将HTML文档分成两部分：首部信息和正文主体。其具体的结构如下：

＜HTML＞

＜HEAD＞

首部元素、元素属性及基本内容。

＜/HEAD＞

＜BOBY＞

主体元素、元素属性及基本内容。

＜/BOBY＞

＜/HTML＞

首部元素中的内容在浏览器中是不被显示出来，它主要是浏览器使用首部来收集有关页面的各种信息。我们在浏览器中看到的是＜BOBY＞和＜/BOBY＞之间的内容。在此就不再对各元素的应用进行详细说明，下面主要介绍一些元素的含义。

1.主窗体元素含义

＜HTML＞和＜/HTML＞：超文本的开始和结束。

＜HEAD＞和＜/HEAD＞：超文本标题的开始和结束。

＜TITLE＞和＜/TITLE＞：超文本窗口标题的开始和结束，它被显示在浏览器顶端的标题栏中。

＜META＞：是用来描述HTML文档的元信息，即文档文档自身的信息。

＜BODY＞和＜/BODY＞：正文的开始和结束，它被显示在浏览器中。其中可以包含许多元素，是HTML语言的核心部分。

主要属性：

background=url：指定背景图片，由属性url指定位置。

bgcolor=color：指定文档中的背景颜色

text=color：指定文档中的文本颜色

link=color：指定尚未访问的超链接的颜色

alink=color：指定活动的超链接的颜色

vlink=color：指定访问过的超链接的颜色

HTML使用的颜色可用颜色十六进制的RGB值来表示，也可以用颜色英文名来表示，例如颜色RGB值”#000000″和颜色英文名”Black”都表示黑色。附常见颜色对照表，如下表。

2.字符风格控制元素含义

＜H1＞＜/H1＞到＜H6＞＜/H6＞：定义字体的大小。

＜B＞和＜/B＞：字体加粗。

＜I＞和＜/I＞：字体变斜体。

＜U＞和＜/U＞：字体加下划线。

＜S＞和＜/S＞：字体加中划线。

＜SUP＞和＜/SUP＞：字体为上标。

＜SUB＞和＜/SUB＞：字体为下标。

＜FONT＞和＜/FONT＞：定义字体属性。

FONT的主要参数：

size：定义字体的大小。

color：定义字体的颜色。

center：对齐方式。

3.版面控制元素含义

＜PRE＞到＜/PRE＞：空格、回车有效。

＜ALIGN＞和＜/ALIGN＞：对齐方式，主要参数有左对齐：LEFT右对齐：RIGHT居中对齐：CENTER。

＜P＞和＜/P＞：段落的开始和结束。

＜HR＞：加划线。

＜IMG SRC=…＞：插入图片。

4.标题分级控制元素含义

＜UL＞和＜OL＞：标题分级方式。

＜LI＞：子标题。

5.锚元素含义

＜a href=”链接地址”＞和＜/a＞：锚元素的开始和结束。

例如：

”/”，是表示http链接。

”mailto:info@webjx.com”，是表示邮件链接。

”file://c:/index.html”，是表示本地文件链接。

”ftp://ftp.webjx.com/”，是表示FTP文件下载链接。

6.表格元素含义

＜TABLE＞和＜/TABLE＞：表格的开始和结束。

＜CAPTION＞和＜/CAPTION＞：表格标题的开始和结束。

＜TR＞和＜/TR＞：行的开始和结束。

＜TH＞和＜/TH＞：栏标题的开始和结束。

＜TD＞和＜/TD＞：栏的开始和结束。

主要参数：

ALIGN：横向定位

VALIGN：纵向定位

BORDER：表格边宽

COLSPAN：单元所占栏数

ROWSPAN：单元所占行数

7.交互元素含义

＜FORM NAME=”” ACTION=”URL” METHOD=GET|POST＞

＜INPUT TYPE=”TEXT”＞：文本框。

＜INPUT TYPE=”PASSWORD”＞：密码输入。

＜INPUT TYPE=”CHECKBOX”＞：单选框。

＜INPUT TYPE=”RADIO”＞：收音机按钮。

＜INPUT TYPE=”IMAGE”＞：图象。

＜SELECT＞和＜/SELECT＞：下拉式选单。

＜SELECT MULTIPLE＞和＜/SELECT＞：多项选择。

＜TEXTAREA COLS=N ROS=N＞和＜/TEXTAREA＞：文字输入区。

＜INPUT TYPE=”SUBMIT”＞：提交传送到服务器。

＜INPUT TYPE=”RESET”＞：清除已输入信息。

欢迎大家阅读《菜鸟快速读懂HTML语言_html》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码

搞代码网(gaodaima.com)提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权

转载请注明原文链接：菜鸟快速读懂HTML语言_html