HTML标签_1

• <meta charset="utf-8" /> 设置字符集
• <meta name="description" content="这是网页描述信息"/>
• <meta name = "keywords" content="网页关键字"/>
• <link rel="icon" href="img/img.jpg"/> 这是选项卡图标

• <h1>标题标签，h1到h6，h1最大，h6最小</h1>

<pre>

　　pre标签是预格式标签，

　　保留代码中的空格和换行。

</pre>

 

<blockquote cite="htttp://www.baidu.com">

　　引用标签，整体缩进两个。

</blockquote>

 

<ul>列表标签

　　<li>无序列表</li>

</ul>

 

<ol>有序列表

　　<li>有序列表</li>
</ol>

<dl> 标签列表

　　<dt>标题</dt> 

　　<dd>内容</dd> 

</dl>

 

<figure>图片组合标签

<img src="img/cat.jpg" width="150px"height="50px"/>

<figcaption>图片描述标签</figcaption>

</figure>

 

<span>

 

<em>倾斜 强调

 

<strong>加粗 强调

 

<i>倾斜

 

<b>加粗

 

<引用标签>

<blockquote>常引用</blockquote> 整体缩进

<q>短引用</q> 加引号

<cite>标题引用</cite> 倾斜

 

<img src="img/icon.jpg" title="鼠标放上后看到的提示文字" alt="图片无法加载时的文字" align="相对于文字的排列">

• src="img/icon.jpg"
• title="鼠标放上后看到的提示文字"
• alt="图片无法加载时的文字"
• align="相对于文字的排列" top|bottom|center

</img>

 

<a href="a.html">

1. href属性:可以写网络地址，也可以写相对地址，不要绝对路径
2. title:鼠标指向时文字
3. target:_self 自身页面 | _blank 新页面
4. rel:prev前一页|next下一页|prefetch预加载 声明即将跳转文档与本文件的关系

rev:声明本文件与即将跳转文件的关系，仅对搜索引擎友好，可以让搜索引擎在抓取网页时，可以很清楚的知道网页的上下文结构关系。

特殊应用：

功能性链接

• <a href="mailto://jianghao@jerei.com" target="_blank">发送邮件</a>
• <a href="tencent://message/?uin=1184300194" target="_blank">

点击与指定qq发起聊天</a>

• <a href="tel://18766560091" target="_blank">手机端点击打电话</a>

• <a href="message://18766560091">手机端发送短信</a>
• <a href="ftp://www.zou.com/img/a.jpg">文件上传下载协议</a>

锚点链接

　　本页面|其他页面间锚点链接

　　<a name="one"></a> <a href="#one">本页面链接</a>

　　<a href="a.html#one">其他页面链接</a>

　　</a>