<h5>PS:【标签内的空格只是为了能在简书上完整显示添加上去的。】</h5>
<h6>HTML单标记</h6>
< hr> : 横向标记
< br> : 换行标记
<!-- --> : 注释文本 ( 快捷键 command+/ )
< img src="图片路径" alt="图片描述" title="鼠标在图片上时显示的文字"> : 图片标记标记
<h6>HTML双标记</h6>
< hn>标题内容< /hn> :标题标记 ( n 取值 1~6 标题字体从大到小 )
< p>一段文字< /p> :段落标记
< font>文字内容< /font> : 控制网页文字颜色、大小、字体
< strong>文字内容< /strong> 与 < b>文字内容< /b> : 文字加粗,起强调作用
< em>文字内容< /em> 与 < i>文字内容< /i> : 文字斜体
< ins>文字内容< /ins> 与 < u>文字内容< /u> : 文字下划线
< del>文字内容< /del> 与 < s>文字内容< /s> : 文字删除线
< a href="链接" target="_blank">内容(图片、文字等)< /a> :超链接
(target="_blank" 表示从新页面打开,target="_self" 当前页面打开)
定义 < a id="TARGET">顶部< /a> 使用 < a href="#TARGET">回到顶部< /a> :锚链接
( 与iOS中的tableView滚动到指定Cell位置相同 )
<h6>HTML 特殊标记符号:</h6>
QQ20160902-0@2x.png
<h6>HTML列表</h6>
----------------无序列表----------------
< ul>
< li>科比< /li>
< li>麦迪< /li>
< /ul>
样式如下:
<ul><li>科比</li><li>麦迪</li><li>波波维奇</li></ul>
----------------有序列表----------------
< ol>
< li>科比< /li>
< li>麦迪< /li>
< /ol>
样式如下:
<ol><li>科比</li><li>麦迪</li><li>波波维奇</li></ol>
----------------自定义列表----------------
< dl>
< dt>NBA Player< /dt>
< dd>科比< /dd>
< dd>麦迪< /dd>
< /dl>
样式如下:
<dl><dt>NBA Player</dt><dd>科比</dd><dd>麦迪</dd><dd>波波维奇</dd></dl>
<h6>meta标签介绍:</h6>
-1- 字符集(charset):
< meta charset="utf-8">
utf-8 是网络传输最常用的字符集编码方式
gb2312 简单中文
GBK 包含全部中文字符、繁体
BIG5 繁体中文
-2- name 属性主要用于描述网页,对应于Content(网页内容)
1、< meta name="Generator" Content="">用以说明生成工具(如Microsoft FrontPage 4.0)等;
2、< meta name="Keywords" Content="">向搜索引擎说明你的网页的关键词;
3、< meta name="Description" Content="">告诉搜索引擎你的站点的主要内容;
4、< meta name="Author" Content="你的姓名">告诉搜索引擎你的站点的制作的作者;
5、< meta name="Robots" Content="all|none|index|noindex|follow|nofollow">
其中的属性说明如下:
设定为all: 文件将被检索,且页面上的链接可以被查询;
设定为none:文件将不被检索,且页面上的链接不可以被查询;
设定为index:文件将被检索;
设定为follow:页面上的链接可以被查询;
设定为noindex:文件将不被检索,但页面上的链接可以被查询;
设定为nofollow:文件将不被检索,页面上的链接可以被查询。
-3- http-equiv 类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。
< meta http-equiv="Content-Type" Content="text/html"; charset=gb_2312">
(Contect="text/html" 设置资源类型)
< meta http-equiv="Refresh" Content="5;url=http://www.w3school.com.cn"/>
( 网页重定向,5表示5秒后跳转,url为要跳转的网页地址)
<a href="http://kinglyhum.iteye.com/blog/827807"target="_blank">更多http-equiv介绍</a>
<h6>link标签:</h6>
1:引用外部CSS文件 例如:
<link rel="stylesheet" type="text/css" href="https://ss1.bdstatic.com/.../.css">
2:引用title图片(浏览器标签页显示的小图标) 例如:
<link rel="icon" href="taobao.icon">
网友评论