HTML 基本语法
HTML 基本语法,HTML 基本语法
一般标记是由一个起始标记(Opening Tag)和一个结束标记(Ending Tag)所组成,其语法为:<x受控文字</x
其中,x代表标记名称。<x和</x就如同一组开关:起始标记<x为开启(ON)的某种功能,而结束标记</x(通常为起始标记加上一个斜线/)为关(OFF)功能,受控制的文字信息便放在两标记之间。例如:<i这是斜体字</i。
标记之中还可以附加一些属性(Attribute),用来完成某些特殊效果或功能。例如:<x a1="v1",a2="v2",...,an="vn"受控文字</x
其中,a1,a2,...,an为属性名称,而v1,v2,...,vn则是其所对应的属性值,属性值加不加引号,目前所使用的浏览器都可接受,但依据W3C的新标准,属性值是要加引号的,所以最好养成加引号得习惯。
1.2 空标记
虽然大部分的标记是成双成对出现的,但也有一些是单独存在的。这些单独存在的标记称为空标记(Empty Tags)。其与法为:<x
同样,空标记也可以附加一些属性(Attribute),用来完成某些特殊效果或功能。如:<x a1="v1",a2="v2",...,an="vn",例如:<hr,<br等。
W3C定义的新标准(XHTML1.0/HTML4.0)建议:空标记应以/结尾,即:<X /
如果附加属性则为:<x a1="v1",a2="v2",...,an="vn" /
目前所使用的浏览器对于空标记后面是否要加/并没有严格要求,即在空标记最后在/和没有加/,不影响其功能。但是如果希望你的文件能满足最新标准,那么最好加上/。
2. HTML标记分类
2.1文件结构标记(Document Structure Tags)
此类标记的目的是用来标示出文件的结构,主要的有:
<html...</html:标示html文件的起始和终止。
<head...</head:标示出文件标题区。
<body...</body:标示出文件主体区
2.2区段格式标记(Block Formatting Tags)
此类标记的主要用途是将HTML文件中得某个区段文字,以特定格式显示,增加文件的可看度。主要的有:
<title...</title:文件题目。
<hi...</hi:i=1,2,...,6,网页标题。
<hr:产生水平线。
<br:强迫换行。
<p...</p:文件段落。
<pre...</pre:以原始格式显示。
<address...</address:标注联络人姓名、电话、地址等信息。
<blockquote...</blockquote:区段引用标记。
2.3字符格式标记(Character Formatting Tags)
用来改变HTML文件文字的外观,增加文件的美观程度。主要有:
<b...</b:粗体字。
<i...</i:斜体字。
<tt...</tt:打字体。
<font...</font:改变字体设置。
<center...</center:居中对齐。
<blink...</blink:文字闪烁。
<big...</big:加大字号。
<small...</small:缩小字号。
<cite...</cite:参照。
2.4列表标记(List Tags)
<ul...</ul:无编号列表。
<ol...</ol:有编号列表。
<li...</li:列表项目。
<dl...</dl:定义式列表。
<dd...</dd:定义项目。
<dt...</dt:定义项目。
<dir...</dir:目录式列表。
<menu...</menu:菜单式列表。
2.5链接标记(Anchor Tag)
链接可以说是html超文本文件的命脉,html通过链接标记来整合分散在世界各地的图、文、影、音等信息。此类标记的主要用途为标示超文本文件链接(Hypertext Link),主要有:
<a...</a:建立超级链接。
2.6多媒体标记(Multimedia Tag)
此类标记用来显示图像数据。主要有:
<img:嵌入图像。
<embed:嵌入多媒体对象。
<bgsound:背景音乐。
2.7表格标记(Table Tags)
此类标记用制作表格。主要有:
<table...</table:定义表格区段。
<caption...</caption:表格标题。
<th...</th:表头。
<tr...</tr:表格列。
<td...</td:表格单元格。
2.8表单标记(Form Tags)
此类标记用来制作交互式表单,主要的有:
<Form...</form:表明表单区段的开始与结束。
<input:产生单行文本框、单选按钮、复选框等。
<textarea...</textarea:产