<!-- 文字格式 (34个) ,以下标签分类,仅方便个人记忆,并非官方给出,暂时先列出标签,以后再慢慢补上 - -->
<!-- 换行通用 - -->
<hr> <!-- 5属性 -->
<br>
<wbr>
<span>行内标签</span>
<small>小号标签</small>
<!-- 文本方向- -->
<bdo>文字方向</bdo> <!-- 1属性 -->
<bdi>文字方向</bdi> <!-- 1属性 -->
<sup>上标标签</sup>
<sub>下标标签</sub>
<!-- 文本效果- -->
<time>定义时间</time> <!-- 2属性 -->
<a>文本连接</a> <!-- 7属性 -->
<abbr>文本缩写</abbr> <!-- 1属性 -->
<dfn>文本定义</dfn> <!-- 1属性 -->
<!-- 文字编辑 - -->
<ins>插入文本</ins> <!-- 1属性 -->
<del>删除文本</del> <!-- 1属性 -->
<u>标记文本</u>
<s>删除文本</s>
<!-- 文字强调- -->
<em>强调标签</em>
<strong>强调标签</strong>
<i>斜体标签</i>
<b>粗体标签</b>
<!-- 文本引用 - -->
<blockquote>块级引用</blockquote> <!-- 1属性 -->
<q>内联引用</q> <!-- 1属性 -->
<cite>定义引用</cite>
<mark>内容标记</mark>
<!-- 文本代码 -->
<code>计算机代码</code>
<samp>计算机程序</samp>
<var>定义变量</var>
<kbd>键盘输入</kbd>
<!-- 文本发音 -->
<ruby>文本容器</ruby>
<rb>发音文字</rb>
<rp>不能展示</rp>
<rt>发音字符</rt>
<rtc>语义注解</rtc>
hr标签(块级标签)
说明:定义一条水平线,占据一行。
属性:(以下属性,已经过时,但依然可以使用)
1.align属性定义水平线的排列方向(默认居中):left,center,right。
2.color属性定义水平线的颜色:css支持的颜色写法。
3.noshade属性定义是否去除阴影:布尔值。
4.size属性定义水平线的高度:css支持的长度写法。
2.width属性定义水平线的宽度:css支持的长度写法。
用法:
<!-- 一条宽200px,高5px,天蓝,居左,没有阴影的水平线 -->
<hr width="200px" size="5px" color="sky-blue" align="left" noshade>
br标签
说明:定义一个换行符号,强制换行。
属性:暂无
用法:
<!-- 通常,这段话显示在一行,加上<br>后,变成了两行 -->
<p>选择了路的方向<br>却未决定路途的终点</p>
wbr标签
说明:提供一个合适的换行地点,不强制换行。
属性:暂无
用法:
<!-- 一般用在英语句子换行,又不想拆分单词在两行的时候 -->
<p>这是一段话,当它无法全部显示在一行的时候,它会<wbr>根据wbr标签,选择<wbr>合适<wbr>的<wbr>换行地点</p>
span标签
说明:定义一个典型的行内元素,没有任何语义。
属性:暂无
用法:
<!-- 可以用来给行内某处地方设置特别的样式 -->
<p>一段话,没有什么<span>特别</span>的地方。</p>
a标签
说明:定义一个超链接,可以链接页内元素或其他网页。
属性:
1.download属性定义下载而不是导航url:文本值(下载文件名)。
2.href属性定义超链接地址:#锚点(内部),协议地址(外部)。
3.target属性定义何处打开超链接地址:_top,_parent,_self,_blank
4.hreflang属性定义导航地址的语言,仅作为提供建议。
5.ping属性定义PING POST请求,以空格分隔:url url url。
6.rel属性定义当前文档与超链接地址的关系,空格分隔:参考之前。
7.type属性定义超链接地址的类型:MIME类型。
用法:
<!-- 跳转到当前页面中id为main的元素 -->
<a href="#main">Jump to main</a>
<!-- 空白页面打开一个网页 -->
<a href="https://www.jianshu.com" target="_blank">Jump to Jianshu</a>
<!-- 创建邮箱链接 -->
<a href="mailto:952222@163.com">Sent me email</a>
<!-- 创建电话链接 -->
<a href="tel:+8615900000000">Call me</a>
<!-- 创建下载链接 -->
<a download="demo.jpg" href="download/demo.jpg">Download Jpg</a>
small标签
说明:定义字体变小一号的文本(大->中->小)
属性:暂无
用法:
<!-- 相较于行内元素的字体大小,small标签会自降一号 -->
<p>这是一段普通的文本,<small>这是一段小一号的文本</small></p>
abbr标签
说明:定义一个缩写,可以提供一个完整的描述,默认带点线。
属性:title属性以提示框的形式表现全写(全局属性的title在这里有特别意义):文本值
用法:
<p>准备参加十二月的<abbr title="College English Test - 6">CET-6</abbr>考试</p>
dfn标签
说明:标记一个术语,值由内容,title属性,abbr标签title属性确定
属性:title属性以提示框的形式术语的值:文本值
用法:
<!-- 用法一:dnf带title -->
<p>世界由<dfn title="world wide web">www</dfn>组成</p>
<!-- 用法二:dnf带有title属性的abbr标签 -->
<p>世界由<dfn><abbr title="world wide web">www</abbr></dfn>组成</p>
bdo标签
说明:定义一段文字,双向覆盖文字排向。
属性:dir属性(其实也是全局属性)定义文本排列的方向:ltr,rtl。
用法:
<!-- 文字完全反着排列 -->
<bdo dir="right">这是一段从右往左排列的文字</bdo>
bdi标签
说明:定义一段文字,双向隔离文字拍向。
属性:dir属性(其实也是全局属性)定义文本排列的方向:ltr,rtl。
用法:
<!-- bdi内容会和p内容分开 -->
<p dir="rtl">一段从右往左的文字,但是<bdi>这句不是</bdi></p>
sup标签
说明:定义一段文字,以上标形式显示。
属性:暂无
用法:
<!-- 可以作为算数的平方符号使用 -->
<p>1024<sup>2</sup>+1024<sup>2</sup></p>
sub标签
说明:定义一段文字,以下标形式显示。
属性:暂无
用法:
<!-- 可以作为算数的标记使用 -->
<p>1024<sub>2</sub>+1024<sub>2</sub></p>
ins标签
说明:定义一段已经被插入的文本。
属性:
1.datetime属性定义修改的时间:有效的日期时间。
用法:
<!-- 示例 -->
<p>烟锁池塘柳,<ins datetime="2018-11-22">炮镇海棠楼</ins></p>
del标签
说明:定义一段已经被删除的文本。
属性:
1.datetime属性定义修改的时间:有效的日期时间。
用法:
<!-- 示例 -->
<p>烟锁池塘柳,<del datetime="2018-11-22">疱疹海棠喽</del> 炮镇海棠楼</p>
u标签
说明:定义一段有下划线的文本,并无特别意义,推荐ins标签。
属性:暂无
用法:
<!-- 示例 -->
<p>烟锁池塘柳,<u>炮镇海棠楼</u></p>
s标签
说明:定义一段有删除线的文本,并无特别意义,推荐del标签。
属性:暂无
用法:
<!-- 示例 -->
<p>烟锁池塘柳,<s>疱疹海棠喽</s> 炮镇海棠楼</p>
em标签
说明:定义一段强调文本,表明内容的着重点,显示效果与i标签相同。
属性:暂无
用法:
<!-- 强调动作是敲,而不是推,踹,踢之类的动作-->
<p>鸟宿池边树,僧<em>敲</em>月下门</p>
strong标签
说明:定义一段强调文本,表明内容的重要性,显示效果与b标签相同。
属性:暂无
用法:
<!-- 强调章节的标题内容,非常强烈的强调-->
<p>章节一:<strong>如何学习html</strong></p>
i标签
说明:定义斜体文字。
属性:暂无
用法:
<!-- 出于某些原因,需要和和其他内容区分开来 -->
<p>一段普通文字,<i>没有</i>什么特别的地方</p>
b标签
说明:定义粗体文字。
属性:暂无
用法:
<!-- 一般来说,加粗只是为了吸引用户的注意 -->
<p>一段普通文字,<b>没有</b>什么特别的地方</p>
blockquote标签(块级标签)
说明:定义一段块级引用,一般有缩进。
属性:
1.cite属性定义引用来源:url
用法:
<!-- 示例 -->
<blockquote >小楼昨夜又东风,故国不堪回首月明中。</blockquote>
q标签(块级标签)
说明:定义一段行内引用,一般没有缩进。
属性:
1.cite属性定义引用来源:url
用法:
<!-- 示例 -->
<p>古人云,<q>好记性不如烂笔头</q></q>
cite标签(块级标签)
说明:定义引用的来源,一般是作品什么的,配合blockquote标签使用。
属性:暂无
用法:
<!-- 示例 -->
<blockquote >春风得意马蹄疾,一日看尽长安花。 —— <cite>孟郊《登科后》<cite></blockquote>
mark标签
说明:定义一段标记文本,用于高亮显示,自带黄色背景色。
属性:暂无
用法:
<p>谁念<mark>西风</mark>独自凉,萧萧<mark>黄叶</mark>闭疏窗,沉思往事立残阳。</p>
code标签
说明:定义一段计算机代码,等宽字体
属性:暂无
用法
<!-- 简书的代码显示就是用的code标签 -->
<code>some example</code>
samp标签
说明:定义计算机程序的输出
属性:暂无
用法
<!-- 暂时还没有什么例子 -->
<samp>some example</samp>
var标签
说明:定义变量的名称,或由用户提供的值,默认斜体
属性:暂无
用法
<!-- 比如数学运算中x,y变量 -->
<p><var>x</var>=<var>y</var>+2</p>
kbd标签
说明:定义用户的键盘输入,默认monospace字体
属性:暂无
用法
<!-- 比如数学运算中x,y变量 -->
<p>按下以下键进入游戏:<kbd>enter</kbd></p>
time标签
说明:定义日期和时间(可包含时区)
属性:
1.datetime属性定义时间:标准日期格式
2.pubdate属性定义发布日期,一般表示文章发布日期:布尔值
用法
<!-- 在一篇文章中用pubdate表示该文章的发布时间 -->
<p>html学习之路(二)发布于<time datetime="2018-11-22 19:28" pubdate>星期四</time></p>
ruby标签
说明:定义东亚字符发音的容器(配合以下标签使用)
属性:暂无
rp标签
说明:定义不能使用ruby的注释,通常为圆括号
属性:暂无
rt标签
说明:定义字符的发音,在ruby标签内使用
属性:暂无
rb标签
说明:定义ruby标签内字符发音的范围
属性:暂无
rtc标签
说明:定义字符的语义注解
属性:暂无
用法:
<!-- 比如"汉字"的发音 -->
<ruby>
<rb>汉</rb> <rp>(</rp><rt>han</rt><rp>)</rp>
<rb>字</rb> <rp>(</rp><rt>zi</rt><rp>)</rp>
<rtc>Chinese</rtc>
</ruby>