当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > HTML 基本语法

HTML/XHTML教程
一些不太常用的XHTML标签用法以及实例
网页中图片的设置涉及的三个问题
商业HTML邮件的制作建议
HTML Marquee 字符片段滚动
DOCTYPE 文档类型声明(网页爱好者必看)
纯HTML标签你熟悉多少?
HTML元素的ID和Name属性的区别
HTML meta的大作用
HTML标签tbody的用法与说明
HTML 特殊字符转换表
HTML基础 HTML的组成结构
HTML基础之HTML内容细则
Shtml 精简教程
浅谈html table 标签
html Frame、Iframe、Frameset 的区别
HTML 网页页面切换的各种变换效果
HTML的10个表格相关标记
让IE8启动IE7兼容模式的代码
HTML 结构化实现方法
xhtml的块级标记小结

HTML/XHTML教程 中的 HTML 基本语法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 39 ::
收藏到网摘: n/a

1.1一般标记

  一般标记是由一个起始标记(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)

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