HTML Lesson_03 标记文字
第三章 标记文字
该章节经常用的标签基本不会超过5个,其他的可作一般性了解
3.1 标题 h1~h6
<h1>标题</h1>
<h2>标题</h2>
<h3>标题</h3>
<h4>标题</h4>
<h5>标题</h5>
<h6>标题</h6>
h1最大,h6最小。默认全都是加粗文本
标题标签为块级标签,默认状态占据一整行。
3.2 关键字 <b></b>
表示重要的文本,外观表现为加粗的文本
3.3 强调 <em></em>
强调,外观表现为斜体文本
3.4 表示外文词语或科技词语 <i></i>
<i>与<em>表现的效果相同,都是斜体字体
3.5 表示重要的文字 <strong></strong>
<strong>和<em>一样都表示强调,不过strong表示的更强一些,还有strong表现为加粗字体,em表现为倾斜字体
3.6 表示不正确或校正 <s></s> <del></del>
外观表现为给文本添加删除线。
html5中不支持该标签,可使用<del>标签代替。
3.7 为文本添加下划线 <u></u> <ins></ins>
为文本添加下划线
通常,该效果一般将元素的text-decoration样式属性设置为underline值即可。
注意 HTML5中不支持该标签 请尽量避免为文本添加下划线,因为用户通常会把它混淆成一个超链接。
3.8 小号字体 <small></small>
通常在页面中,免责声明、注意事项、法律限制或版权声明的特征通常都是小号文本,另外新闻来源、许可要求等通常也使用小号文本显示。
3.9 上标<sub></sub> 下标<sup></sup>
<sub>和<sup>实际作用就是数学的上标和下标
3.10 强制换行<br />
在文本任意位置键入<br /> 都会换行
3.11 指明可以安全换行的建议位置<wbr>
在英文单词过长的情况下,可以使用<wbr>,它会根据浏览器的宽度适当的裁切换行
3.12 表示输入和输出<code><var><samp><kbd>
code:表示计算机代码片段
var:表示编程语言中的变量
samp:表示程序或计算机的输出
kbd:表示用户的输入
注意:这都是英文范畴,需要将设置lang="en" 才能体现效果
3.13 表示缩写<abbr></abbr>
abbr没有实际作用,从语义上看就是一段文本的缩写
但是可以通过css样式来对所有的缩写文字进行统一的设置
3.14 定义术语<dfn></dfn>
具体体现就是一般倾斜
3.15 引用来自它处的内容<q></q>
具体体现就是加一个双引号
3.16 引用其他作品的标题<cite></cite>
具体体现就是一般倾斜
3.17 表示时间和日期<time></time>
没有任何实际效果,可通过css样式统一设置
3.18 ruby、rt、rp
ruby用来为非西方语言提供支持。
<rt><rp>用来帮助读者掌握表意语言文字的正确发音。比如汉语拼音
<rt>表示提供的信息,比如汉语拼音
<rp>表示在不支持ruby标签的情况显示的内容,比如括号
<ruby>
饕<rp>(</rp><rt>tāo</rt><rp>)</rp>
餮<rp>(</rp><rt>tiè</rt><rp>)</rp>
</ruby>
3.19 设置文字方向<bdo></bdo>
<bdo dir="rtl">html1</bdo>
dir有两个属性值
rtl:从右往左
ltr:从左往右 (默认)
3.20 bdi
该属性也是处理方向的,不过大部分浏览器都不支持,忽略
3.21 表示一段一般性的内容<span></span>
没有任何实际效果,可通过css样式统一设置
3.22 突出显示文本<mark></mark>
马克一下就是这个意思,表示突出文本,作标记
表面显示为,一个黄色背景,黑色字的文本
HTML Lesson_03 标记文字相关推荐
- [AHK]为通达信标记文字窗口的按钮增加热键
本文用AutoHotkey给通达信客户端标记文字功能的[添加标记]按钮增加热键,抛砖引玉 举一反三,欢迎大家挖掘AutoHotkey辅助交易的能力,欢迎来[AutoHotkey辅助交易QQ群20874 ...
- php中注释符号有哪些,Html中有哪些标记文字注释的符号
这次给大家带来Html中有那些标记文字注释的符号,使用Html中的标记文字注释的符号的注意事项有哪些,下面就是实战案例,一起来看一下. HTML注释,我们经常要在一些代码旁做一些HTML注释,这样做的 ...
- 前端学习笔记之——标记文字
标记文字 1.生成超链接 超链接是 HTML 中的关键特性,是用户赖以在内容中(在同一文档中和不同页面间)导航的基础.超链接用 a 元素生成. 元素 a 元素类型 包含短语内容时被视为短语元素,包含流 ...
- 【HTML5】标记文字
1.用基本的文字元素标记内容 先看显示效果: 对应HTML代码: <!DOCTYPE html> <html lang="en"> <head> ...
- 让字跑起来的HTML5标签,HTML5:标记文字
文本层面的元素(简称文本元素),把这些元素加入文本当中,也就引入了结构和含义. html5规范明确指出:使用元素应该完全从元素的语义出发.但这类元素中有些元素的含义非常明确,有些则比较含糊.在元素的使 ...
- 我ps制作的html文件alt标记文字,如何在PS中制作我的2016宣言的字体?
如何在PS中制作我的2016宣言的字体? 这篇教程是向路饭的朋友分享用PS制作"我的2016宣言字体,教程很不错,推荐到路饭,来看看吧! 这个教程主要是通过对文字进行加工,配合图案素材的修饰 ...
- python写excel标记文字颜色_python3使用xlwt时写入文档字体颜色和边框样式
转自:https://www.cnblogs.com/xiaodingdong/p/8012282.html 可借鉴的网址:https://www.programcreek.com/python/ex ...
- python写excel标记文字颜色_[知识积累]python3使用xlwt时写入文档字体颜色和边框样式--转载...
可借鉴的网址:https://www.programcreek.com/python/example/39979/xlwt.Alignment 可以直接通过pip安装xlwt 个人理解: xlwt中对 ...
- 前段基础 HTML 第三章文字与段落标记----假期学习第二天
第3章 文字与段落标记 如何编排文字,控制文字显示方式,让文字看上去整齐美观 3.1 标题字 六级标题 <h1></h1> <h2></h2> ...
最新文章
- 李开复张亚勤巅峰对话,还有虚拟人自动驾驶论坛,今年MEET智能未来大会,我蚌埠住了...
- [BZOJ 2844] albus就是要第一个出场
- RuoYi-Cloud 部署篇_02(windows环境 mysql版本)
- Bootstrap3 折叠插件的选项
- (15)VHDL测试激励编写(复位)
- 我们做了一款无网远程运维的智能硬件,坐等运维工程师“翻牌”
- IIS 返回 405 - 不允许用于访问此页的 HTTP 谓词。终极解决办法!!!!
- 高通驱动9008安装_小米10/Redmi K30 Pro系列已支持GPU驱动独立更新,还能双版本切换...
- html 将光标移动到某行,如何将QTextBrowser(其中包含html表)的光标移动到PyQt5中的特定行?...
- tensorflow实现LeNet-5模型
- js正则表达式--个人常用
- 拜占庭将军们的投票出了问题
- Nature Neuroscience(一)
- LaTeX技巧014:实现圆圈形状的脚注
- FPGA零基础学习:理解数字信号和模拟信号
- 报错:CMake Error at /usr/share/cmake-3.10/Modules/CMakeDetermineCCompiler.cmake:48 (message):
- PL-PS 接口说明
- 公众号降权了可以养好嘛,微信公众号降权了多久能恢复
- 压测——普通接口压测
- 深度学习笔记--pytorch从梯度下降到反向传播BP到线性回归实现,以及API调用和手写数据集的实现