<p>This is my first paragraph.</p>
<a href="http://www.w3school.com.cn">This is a link</a>
<img src="w3school.jpg" width="104" height="142" />
<hr /> 标签在 HTML 页面中创建水平线。
注释 <!-- This is a comment -->
换行(新行),请使用 <br /> 标签
下沉<sub>subscript</sub> 上标<sup>superscript</sup>
<pre>
这是
预格式文本。
它保留了 空格
和换行。
</pre> //预格式文本 pre 标签很适合显示计算机代码
<del>二十</del> //文字上显示删除线
<ins>十二</ins> //下划线
font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
使用 Target 属性,你可以定义被链接的文档在何处显示
<a href="http://www.w3school.com.cn/" target="_blank"
>Visit W3School!</a>
锚标签和 Name 属性
<a name="label">Text to be displayed</a>
<a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>
无序列表 <ul> //<ul type="disc"> <ul type="circle"> <ul type="square">
<li>苹果</li>
<li>香蕉</li>
<li>菠萝</li>
</ul>
有序列表<ol> // <ol type="A"> <ol type="a"> <ol type="I"> <ol type="i">
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ol>
定义列表
自定义列表不仅仅是一列项目,而是项目及其注释的组合。
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
<dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl>
浏览器显示如下:
-
Coffee
- Black hot drink Milk
- White cold drink
定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
------------------------------------------------ ---------------------------------------------------------------
始终为属性值加引号
属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。
在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:
name='Bill "HelloWorld" Gates'
------------------------------------------------ ---------------------------------------------------------------
应该避免使用下面这些标签和属性:
标签 | 描述 |
---|---|
<center> | 定义居中的内容。 |
<font> 和 <basefont> | 定义 HTML 字体。 |
<s> 和 <strike> | 定义删除线文本 |
<u> | 定义下划线文本 |
属性 | 描述 |
align | 定义文本的对齐方式 |
bgcolor | 定义背景颜色 |
color | 定义文本颜色 |
对于以上这些标签和属性:请使用样式代替!
将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到 tips 这个节,就像这样:
<a href="#tips">
<a href="http://www.w3school.com.cn/html/html_links.asp#tips">
Jump to the Useful Tips Section
</a>