①HTML标签不区分大小写,但推荐小写。
②扩张子为.html与.htm,推荐.html
③段落元素由 p 标签定义。
④标题使用 <h1> 至 <h6> 标签进行定义
⑤换行符<br>,<hr />标签定义水平线
⑥HTML 注释<!-- This is a comment -->
⑦HTML 会裁掉文本中所有的空格。任何数量的空格都被按一个空格计数。使用 ,就可以在文档中增加空格。
⑧头元素包含关于文档的概要信息,也称为元信息(meta-information)。头元素内的元素不会被浏览器显示出来。
⑨HTML标签的属性总是在HTML元素的开始标签中规定。属性值应该始终被包括在引号内。 但当属性值本身就含有双引号,那么您必须使用单引号
⑩HTML 中的脚本使用 <script> 标签进行定义。请注意你可以使用 type 属性来指定脚本语言。为了避免无法识别脚本的浏览器将脚本以文本方式显示在页面上,应该将脚本隐藏在注释标签当中。
⑪如何使用样式
当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表:
外部样式表
当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
内部样式表
当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
内联样式
当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
<pstyle="color: red; margin-left: 20px"
>
This is a paragraph
</p>
⑫HTML标签:
DTD: 指示在哪种 XHTML 1.0 DTD 中允许该标签。S=Strict, T=Transitional, F=Frameset.
标签 | 描述 | DTD |
---|---|---|
<!--...--> | 定义注释。 | STF |
<!DOCTYPE> | 定义文档类型。 | STF |
<a> | 定义锚。 | STF |
<abbr> | 定义缩写。 | STF |
<acronym> | 定义只取首字母的缩写。 | STF |
<address> | 定义文档作者或拥有者的联系信息。 | STF |
<applet> | 不赞成使用。 定义嵌入的 applet。 | TF |
<area> | 定义图像映射内部的区域。 | STF |
<b> | 定义粗体字。 | STF |
<base> | 定义页面中所有链接的默认地址或默认目标。 | STF |
<basefont> | 不赞成使用。 定义页面中文本的默认字体、颜色或尺寸。 | TF |
<bdo> | 定义文字方向。 | STF |
<big> | 定义大号文本。 | STF |
<blockquote> | 定义长的引用。 | STF |
<body> | 定义文档的主体。 | STF |
<br> | 定义简单的折行。 | STF |
<button> | 定义按钮 (push button)。 | STF |
<caption> | 定义表格标题。 | STF |
<center> | 不赞成使用。 定义居中文本。 | TF |
<cite> | 定义引用(citation)。 | STF |
<code> | 定义计算机代码文本。 | STF |
<col> | 定义表格中一个或多个列的属性值。 | STF |
<colgroup> | 定义表格中供格式化的列组。 | STF |
<dd> | 定义定义列表中项目的描述。 | STF |
<del> | 定义被删除文本。 | STF |
<dir> | 不赞成使用。 定义目录列表。 | TF |
<div> | 定义文档中的节。 | STF |
<dfn> | 定义定义项目。 | STF |
<dl> | 定义定义列表。 | STF |
<dt> | 定义定义列表中的项目。 | STF |
<em> | 定义强调文本。 | STF |
<fieldset> | 定义围绕表单中元素的边框。 | STF |
<font> | 不赞成使用。 定义文字的字体、尺寸和颜色。 | TF |
<form> | 定义供用户输入的 HTML 表单。 | STF |
<frame> | 定义框架集的窗口或框架。 | F |
<frameset> | 定义框架集。 | F |
<h1> to <h6> | 定义 HTML 标题。 | STF |
<head> | 定义关于文档的信息。 | STF |
<hr> | 定义水平线。 | STF |
<html> | 定义 HTML 文档。 | STF |
<i> | 定义斜体字。 | STF |
<iframe> | 定义内联框架。 | TF |
<img> | 定义图像。 | STF |
<input> | 定义输入控件。 | STF |
<ins> | 定义被插入文本。 | STF |
<isindex> | 不赞成使用。 定义与文档相关的可搜索索引。 | TF |
<kbd> | 定义键盘文本。 | STF |
<label> | 定义 input 元素的标注。 | STF |
<legend> | 定义 fieldset 元素的标题。 | STF |
<li> | 定义列表的项目。 | STF |
<link> | 定义文档与外部资源的关系。 | STF |
<map> | 定义图像映射。 | STF |
<menu> | 不赞成使用。 定义菜单列表。 | TF |
<meta> | 定义关于 HTML 文档的元信息。 | STF |
<noframes> | 定义针对不支持框架的用户的替代内容。 | TF |
<noscript> | 定义针对不支持客户端脚本的用户的替代内容。 | STF |
<object> | 定义内嵌对象。 | STF |
<ol> | 定义有序列表。 | STF |
<optgroup> | 定义选择列表中相关选项的组合。 | STF |
<option> | 定义选择列表中的选项。 | STF |
<p> | 定义段落。 | STF |
<param> | 定义对象的参数。 | STF |
<pre> | 定义预格式文本。 | STF |
<q> | 定义短的引用。 | STF |
<s> | 不赞成使用。 定义加删除线的文本。 | TF |
<samp> | 定义计算机代码样本。 | STF |
<script> | 定义客户端脚本。 | STF |
<select> | 定义选择列表(下拉列表)。 | STF |
<small> | 定义小号文本。 | STF |
<span> | 定义文档中的节。 | STF |
<strike> | 不赞成使用。 定义加删除线文本。 | TF |
<strong> | 定义强调文本。 | STF |
<style> | 定义文档的样式信息。 | STF |
<sub> | 定义下标文本。 | STF |
<sup> | 定义上标文本。 | STF |
<table> | 定义表格。 | STF |
<tbody> | 定义表格中的主体内容。 | STF |
<td> | 定义表格中的单元。 | STF |
<textarea> | 定义多行的文本输入控件。 | STF |
<tfoot> | 定义表格中的表注内容(脚注)。 | STF |
<th> | 定义表格中的表头单元格。 | STF |
<thead> | 定义表格中的表头内容。 | STF |
<title> | 定义文档的标题。 | STF |
<tr> | 定义表格中的行。 | STF |
<tt> | 定义打字机文本。 | STF |
<u> | 不赞成使用。 定义下划线文本。 | TF |
<ul> | 定义无序列表。 | STF |
<var> | 定义文本的变量部分。 | STF |
<xmp> | 不赞成使用。 定义预格式文本。 |
⑬HTML标准属性
HTML 标签拥有属性。每个标签的特殊属性均被列于每个标签描述之下。这里列出的属性是通用于每个标签的核心属性和语言属性(有个别例外):核心属性
以下标签不提供下面的属性:base、head、html、meta、param、script、style 以及 title 元素。
属性 | 值 | 描述 |
---|---|---|
class | class_rule or style_rule | 元素的类(class) |
id | id_name | 元素的某个特定id。 |
style | 样式定义 | 内联样式定义。 |
title | 提示文本 | 显示于提示工具中的文本。 |
属性 | 值 | 描述 |
---|---|---|
accesskey | 字符 | 设置访问某元素的键盘快捷键。 |
tabindex | 数 | 设置某元素的Tab次序。 |
⑭HTML事件属性
事件处理器的值是一个或一系列以分号隔开的 Javascript 表达式、方法和函数调用,并用引号引起来。当事件发生时,浏览器会执行这些代码。
窗口事件 (Window Events)
仅在 body 和 frameset 元素中有效。
属性 | 值 | 描述 |
---|---|---|
onload | 脚本 | 当文档被载入时执行脚本 |
onunload | 脚本 | 当文档被卸下时执行脚本 |
表单元素事件 (Form Element Events)
仅在表单元素中有效。
属性 | 值 | 描述 |
---|---|---|
onchange | 脚本 | 当元素改变时执行脚本 |
onsubmit | 脚本 | 当表单被提交时执行脚本 |
onreset | 脚本 | 当表单被重置时执行脚本 |
onselect | 脚本 | 当元素被选取时执行脚本 |
onblur | 脚本 | 当元素失去焦点时执行脚本 |
onfocus | 脚本 | 当元素获得焦点时执行脚本 |
图像事件 (Image Events)
该属性可用于 img 元素:
属性 | 值 | 描述 |
---|---|---|
onabort | 脚本 | 当图像加载中断时执行脚本 |
键盘事件 (Keyboard Events)
在下列元素中无效:base、bdo、br、frame、frameset、head、html、iframe、meta、param、 script、style 以及 title 元素。
属性 | 值 | 描述 |
---|---|---|
onkeydown | 脚本 | 当键盘被按下时执行脚本 |
onkeypress | 脚本 | 当键盘被按下后又松开时执行脚本 |
onkeyup | 脚本 | 当键盘被松开时执行脚本 |
鼠标事件 (Mouse Events)
在下列元素中无效:base、bdo、br、frame、frameset、head、html、iframe、meta、param、 script、style 以及 title 元素。
属性 | 值 | 描述 |
---|---|---|
onclick | 脚本 | 当鼠标被单击时执行脚本 |
ondblclick | 脚本 | 当鼠标被双击时执行脚本 |
onmousedown | 脚本 | 当鼠标按钮被按下时执行脚本 |
onmousemove | 脚本 | 当鼠标指针移动时执行脚本 |
onmouseout | 脚本 | 当鼠标指针移出某元素时执行脚本 |
onmouseover | 脚本 | 当鼠标指针悬停于某元素之上时执行脚本 |
onmouseup | 脚本 | 当鼠标按钮被松开时执行脚本 |