HTML 图像是通过 <img> 标签进行定义的。<img src="w3school.jpg" width="104" height="142" />
<h1> 定义最大的标题。<h6> 定义最小的标题。
<hr /> 标签在 HTML 页面中创建水平线。
hr 元素可用于分隔内容。
注释:<!-- This is a comment -->
文本格式化标签
标签 |
描述 |
<b> |
定义粗体文本。 |
<big> |
定义大号字。 |
<em> |
定义着重文字。 |
<i> |
定义斜体字。 |
<small> |
定义小号字。 |
<strong> |
定义加重语气。 |
<sub> |
定义下标字。 |
<sup> |
定义上标字。 |
<ins> |
定义插入字。 |
<del> |
定义删除字。 |
<s> |
不赞成使用。使用 <del> 代替。 |
<strike> |
不赞成使用。使用 <del> 代替。 |
<u> |
不赞成使用。使用样式(style)代替。 |
引用、引用和术语定义
标签 |
描述 |
<abbr> |
定义缩写。 |
<acronym> |
定义首字母缩写。 |
<address> |
定义地址。 |
<bdo> |
定义文字方向。 |
<blockquote> |
定义长的引用。 |
<q> |
定义短的引用语。 |
<cite> |
定义引用、引证。 |
<dfn> |
定义一个定义项目。 |
引用外部样式表:
<link rel="stylesheet" type="text/css" href="mystyle.css">
内联样式
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>
下面的这行会在新窗口打开文档:
<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>
HTML 链接 - name 属性
name 属性规定锚(anchor)的名称。
命名锚的语法:
<a name="label">锚(显示在页面上的文本)</a>
提示:锚的名称可以是任何你喜欢的名字。
提示:可以使用 id 属性来替代 name 属性,命名锚同样有效。
实例
首先,在 HTML 文档中对锚进行命名(创建一个书签):
<a name="tips">基本的注意事项 - 有用的提示</a>
然后,在同一个文档中创建指向该锚的链接:
<a href="#tips">有用的提示</a>
也可以在其他页面中创建指向该锚的链接:
<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>
替换文本属性(Alt)
alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
<img src="boat.gif" alt="Big Boat">
HTML <ol> 标签
New:HTML5 中的新属性。
属性 |
值 |
描述 |
compact |
compact |
HTML5 中不支持。HTML 4.01 中不赞成使用。 规定列表呈现的效果比正常情况更小巧。 |
reversed |
reversed |
规定列表顺序为降序。(9,8,7...) |
start |
number |
规定有序列表的起始值。 |
type |
1 A a I i |
规定在列表中使用的标记类型。 |
表单标签
标签 |
描述 |
<form> |
定义供用户输入的表单 |
<input> |
定义输入域 |
<textarea> |
定义文本域 (一个多行的输入控件) |
<label> |
定义一个控制的标签 |
<fieldset> |
定义域 |
<legend> |
定义域的标题 |
<select> |
定义一个选择列表 |
<optgroup> |
定义选项组 |
<option> |
定义下拉列表中的选项 |
<button> |
定义一个按钮 |
<isindex> |
已废弃。由 <input> 代替。 |
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。
<frameset cols="25%,75%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset>
假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在 <frame> 标签中加入:noresize="noresize"。
为不支持框架的浏览器添加 <noframes> 标签。
iframe 用于在网页内显示网页。
<iframe src="URL"></iframe>
使用 iframe 作为链接的目标
iframe 可用作链接的目标(target)。
链接的 target 属性必须引用 iframe 的 name 属性:
背景颜色(Bgcolor)
背景(Background)
HTML <head> 元素
以下标签都可以添加到 head 部分:<title>、<base>、<link>、<meta>、<script> 以及 <style>。
<base> 标签为页面上的所有链接规定默认地址或默认目标(target):
<base target="_blank" />
元数据(metadata)是关于数据的信息。
<meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。
重定向:<meta http-equiv="Refresh" content="5;url=http://www.w3school.com.cn" />
JavaScript 使 HTML 页面具有更强的动态和交互性。。
<script type="text/javascript">
document.write("Hello World!")
</script>
<noscript>
Your browser does not support JavaScript!</noscript>
如果浏览器压根没法识别 <script> 标签,那么 <script> 标签所包含的内容将以文本方式显示在页面上。为了避免这种情况发生,应该将脚本隐藏在注释标签当中。
<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>
HTML 中有用的字符实体
注释:实体名称对大小写敏感!
显示结果 |
描述 |
实体名称 |
实体编号 |
|
空格 |
|
  |
< |
小于号 |
< |
< |
> |
大于号 |
> |
> |
& |
和号 |
& |
& |
" |
引号 |
" |
" |
' |
撇号 |
' (IE不支持) |
' |
¢ |
分 |
¢ |
¢ |
£ |
镑 |
£ |
£ |
¥ |
日圆 |
¥ |
¥ |
€ |
欧元 |
€ |
€ |
§ |
小节 |
§ |
§ |
© |
版权 |
© |
© |
® |
注册商标 |
® |
® |
™ |
商标 |
™ |
™ |
× |
乘号 |
× |
× |
÷ |
除号 |
÷ |
÷ |