HTML 概要
本教程已教你如何使用 HTML 创建站点。
HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示。
HTML 的关键是标签,其作用是指示将出现的内容。
现在,你已学完HTML,接下来该学习什么呢?
下一步,你应该学习 XHTML 和 CSS 。
XHTML
XHTML 是新的 HTML 。最新的HTML版本是 HTML 4.01,同时也是最终的版本。
HTML 将被 XHTML 取代,XHTML 是更严格且更纯净的 HTML 版本。
如需学习 XHTML,请访问我们的 XHTML 教程 。
CSS
CSS被用来同时控制多重网页的样式和布局。
通过使用 CSS,所有的格式化均可从 HTML 中剥离出来,并存储于一个独立的文件中。
CSS 给予你对布局的完全控制,同时不会弄乱文档内容。
如需学习如何创建样式表,请访问我们的 CSS 教程 。
XHTML 元素 - 语法规则
- XHTML 元素必须正确嵌套
- XHTML 元素必须始终关闭
- XHTML 元素必须小写
- XHTML 文档必须有一个根元素
XHTML 元素必须正确嵌套
在 HTML 中,某些元素可以不正确地彼此嵌套在一起,就像这样:
<b><i>This text is bold and italic</b></i>
在 XHTML 中,所有元素必须正确地彼此嵌套,就像这样:
<b><i>This text is bold and italic</i></b>
XHTML 元素必须始终关闭
这是错误的:
<p>This is a paragraph
<p>This is another paragraph
这是正确的:
<p>This is a paragraph</p>
<p>This is another paragraph</p>
空元素也必须关闭
这是错误的:
A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">
这是正确的:
A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />
XHTML 元素必须小写
这是错误的:
<BODY>
<P>This is a paragraph</P>
</BODY>
这是正确的:
<body>
<p>This is a paragraph</p>
</body>
XHTML 属性 - 语法规则
- XHTML 属性必须使用小写
- XHTML 属性值必须用引号包围
- XHTML 属性最小化也是禁止的
XHTML 属性必须使用小写
这是错误的:
<table WIDTH="100%">
这是正确的:
<table width="100%">
XHTML 属性值必须用引号包围
这是错误的:
<table width=100%>
这是正确的:
<table width="100%">
禁止属性简写
这是错误的:
<input checked>
<input readonly>
<input disabled>
<option selected>
这是正确的:
<input checked="checked" />
<input readonly="readonly" />
<input disabled="disabled" />
<option selected="selected" />
XHTML 元素 - 语法规则
- XHTML 元素必须正确嵌套
- XHTML 元素必须始终关闭
- XHTML 元素必须小写
- XHTML 文档必须有一个根元素
XHTML 元素必须正确嵌套
在 HTML 中,某些元素可以不正确地彼此嵌套在一起,就像这样:
<b><i>This text is bold and italic</b></i>
在 XHTML 中,所有元素必须正确地彼此嵌套,就像这样:
<b><i>This text is bold and italic</i></b>
XHTML 元素必须始终关闭
这是错误的:
<p>This is a paragraph <p>This is another paragraph
这是正确的:
<p>This is a paragraph</p> <p>This is another paragraph</p>
空元素也必须关闭
这是错误的:
A break: <br> A horizontal rule: <hr> An image: <img src="happy.gif" alt="Happy face">
这是正确的:
A break: <br /> A horizontal rule: <hr /> An image: <img src="happy.gif" alt="Happy face" />
XHTML 元素必须小写
这是错误的:
<BODY> <P>This is a paragraph</P> </BODY>
这是正确的:
<body> <p>This is a paragraph</p> </body>XHTML 属性 - 语法规则
- XHTML 属性必须使用小写
- XHTML 属性值必须用引号包围
- XHTML 属性最小化也是禁止的
XHTML 属性必须使用小写
这是错误的:
<table WIDTH="100%">这是正确的:
<table width="100%">XHTML 属性值必须用引号包围
这是错误的:
<table width=100%>这是正确的:
<table width="100%">禁止属性简写
这是错误的:
<input checked> <input readonly> <input disabled> <option selected>这是正确的:
<input checked="checked" /> <input readonly="readonly" /> <input disabled="disabled" /> <option selected="selected" />