首页 > 代码库 > HTML标签_1
HTML标签_1
- <meta charset="utf-8" /> 设置字符集
- <meta name="description" content="这是网页描述信息"/>
- <meta name = "keywords" content="网页关键字"/>
- <link rel="icon" href="http://www.mamicode.com/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>
</ol>
<dl> 标签列表
<dt>标题</dt>
<dd>内容</dd>
</dl><figure>图片组合标签
<img src="http://www.mamicode.com/img/cat.jpg" width="150px"height="50px"/>
<figcaption>图片描述标签</figcaption>
</figure>
<span>
<em>倾斜 强调
<strong>加粗 强调
<i>倾斜
<b>加粗
<引用标签>
<blockquote>常引用</blockquote> 整体缩进
<q>短引用</q> 加引号
<cite>标题引用</cite> 倾斜
<img src="http://www.mamicode.com/img/icon.jpg" title="鼠标放上后看到的提示文字" alt="图片无法加载时的文字" align="相对于文字的排列">
- src="http://www.mamicode.com/img/icon.jpg"
- title="鼠标放上后看到的提示文字"
- alt="图片无法加载时的文字"
- align="相对于文字的排列" top|bottom|center
</img>
<a href="http://www.mamicode.com/a.html">
- href属性:可以写网络地址,也可以写相对地址,不要绝对路径
- title:鼠标指向时文字
- target:_self 自身页面 | _blank 新页面
- 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="http://www.mamicode.com/#one">本页面链接</a>
<a href="http://www.mamicode.com/a.html#one">其他页面链接</a>
</a>
HTML标签_1
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。