HTML5学习记录之文本元素

来源：互联网发布：淘宝链接二维码编辑：程序博客网时间：2024/05/16 09:42

主要记录除元素a外的其他文本元素的功能（虽说大多都没有什么功能）

学习视频：http://edu.csdn.net/course/detail/489/5452?auto_start=1

<!DOCTYPE html><!--文档类型声明不区分大小写--><html lang = "zh-cn"><head><meta charset="utf-8"><title>文本元素</title></head><body>b元素:这是<b>HTML5</b>教程<br><!-- 加粗 -->strong元素:这是<strong>HTML5</strong>教程<br><!-- 强调加粗 -->wbr元素：安全换行，主要就是英语单词被拆开的问题<br><!-- 换行 -->i元素：这是<i>HTML5</i>教程<br><!-- 斜体 -->em元素：这是<em>HTML5</em>教程<br><!-- 斜体 -->s元素：这是<s>HTML5</s>教程<br><!-- 删除线 -->del元素:这是<del>HTML5</del>教程<br><!-- 强调的删除线 -->u元素：这是<u>HTML5</u>教程<br><!-- 下划线 -->ins元素:这是<ins>HTML5</ins>教程<br><!-- 下划线 -->small元素:这是<small>HTML5</small>教程<br><!-- 小一号的字体 -->sub元素:这是HTML<sub>5</sub>教程<br><!-- 下标 -->sup元素:这是HTML<sup>5</sup>教程<br><!-- 上标 -->code元素:<code>HTML5</code><br><!-- 计算机代码片段 -->var元素：<var>HTML5</var><br><!-- 编程语言中的遍量 -->samp元素:<samp>HTML5</samp><br><!-- 程序或计算机的输出 -->kdb元素:<kbd>HTML5</kbd><br><!-- 用户的输入 --><!-- 这四个属于英语范畴，必须把语言改成英文才有效果.lang = "en" -->abbr元素:<abbr>HTML5</abbr><br><!-- 没有实际作用，从语义上看是一段文本的缩写 --><!-- 表示缩写，让CSS去设计它 -->dfn元素:<dfn>HTML5</dfn><br><!-- 一般性的倾斜，从语义上看，表示解释一个词或短语的一段文本 -->q元素：<q>HTML5</q><br><!-- 效果就是加了一个双引号 --><!-- 引用来自他处的内容 -->cite元素：<cite>HTML5</cite><br><!-- 引用其他作品的标题，实际作用就是倾斜 -->ruby元素:<ruby style = "font-size:100px;">饕(tāo)餮(tiè)</ruby><br>ruby元素:<ruby style = "font-size:100px;">饕<rp>(</rp><rt>tāo</rt><rp>)</rp>餮<rp>(</rp><rt>tiè</rt><rp>)</rp></ruby><br><!-- 中文的拼音，西方不需要 --><!-- 子标签rp包含括号，子标签rt包含拼音 感受两种方法的区别-->bdo元素：<bdo>默认状态</bdo><br>bdo元素：<bdo dir = "rtl">HTML5</bdo><br><!-- 从右往左是rtl，从左往右是ltr --><!-- 顺序默认是ltr，可以用dir设置 --><!-- 还有一个bdi也是处理方向的，大部分浏览器不支持 -->mark:<mark>突出显示文本</mark><br><!-- 实际作用就是黄色的背景黑色的字 -->time:<time>2020-10-1</time><br><!-- 没有实际作用，表示日期和时间 -->span:<span>表示一般性文本</span><br><!-- 没有实际作用，我们经常用它来设置CSS等操作 --></body></html>

0 0