HTML标签1

<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 /> 标签

 

 下沉_subscript      上标^superscript

<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:[e-mail]?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>