关于前端:零基础教你学前端11文本修饰之常用标签

2次阅读

共计 1275 个字符,预计需要花费 4 分钟才能阅读完成。

这节课学习——网页中对文本润饰的罕用标签看百度新闻首页,左侧新闻列表中的文章题目,有的题目加粗,这样文本加粗成果,除了应用后面学到的题目标签实现之外,还能够应用 b 标签 和 strong 标签来实现,它们的语法格局都遵循双标签的语法。

b 是 bold 的缩写   示意粗体,标签的语法是:文本 ,标签外面搁置待润饰的文本。strong 标签的语法是: 文本   外面搁置待润饰的文本。

关上编辑器,新建一个 bold.html 页面,补全根本代码,在 body 外面书写三个标签   首先写一个字母 b,配合 tab 主动补全双标签。再输出单词 strong,配合 tab 键补全双标签,别离向 b 和 strong 标签外部,增加文本,这是 b 标签,这是 strong 标签。最初再书写一个 p 标签,写入   这是 p 标签。保留文件。

用浏览器关上页,b 标签和 strong 标签里的文本都变粗了 b 和 strong 标签都能够实现文本加粗,有什么区别,b 标签仅仅是为了加粗显示文本,strong 标签语义化更强,示意该文本比拟重要,揭示读者留神,盲人敌人应用浏览设施浏览网页内容时,strong 会重读,b 不会。

这是一个新闻热点的页面,可能迅速辨认出,新闻来源,光明网三个字,因为它歪斜了。

文本歪斜成果应用 i 标签和 em 标签来实现   i 标签是 italic [ɪˈtælɪk] 的缩写    示意歪斜   em 是 emphasize [ˈemfəsaɪz] 的缩写   示意强调,它们都是双标签。i 标签的语法是:文本 标签外面搁置待润饰的文本。em 标签的语法是:文本  标签外面搁置待润饰的文本。

回到编辑器,新建 italic.html 页面,补全根本代码,在 body 外面书写一个字母 i 配合 tab 键补全代码,同时输出 em,配合 tab 键主动补全代码,别离向两个标签内增加文本。我歪斜了,光明网。

用浏览器关上页面    文本歪斜的成果实现了

i 和 em 标签都能够实现文本歪斜,但   i 标签仅仅为了让字体显示斜体,没有强调的语义,em 标签不仅能让字体显示斜体,还能够增强语气,它能够让百度等搜索引擎的爬虫爬取咱们的页面时,特地收录 em 中的文本,以便他人从百度中搜寻 em 里蕴含的关键字时,让咱们的页面优先曝光。再看一个页面案例,这里提到猪肉价格有所降落,在图片下方,猪肉的原价格被增加了一条删除线,这样的成果该如何实现呢?

删除线成果利用 s 和 del 标签来实现    s 是 strike [straɪk] 的缩写   del 是 delete [dɪˈliːt]  的缩写  都示意删除的意思    这两个标签都是双标签 s 标签的语法是:<s> 文本 </s> 标签外面搁置待润饰的文本。del 标签的语法是:文本  标签外面搁置待润饰的文本。

回到编辑器,新建 delete.html 页面,补全根本代码,在 body 外面书写两个标签 s 和 del,在相应的标签外面搁置文本,这是 s 标签,这是 del 标签。

用浏览器关上页面,文本删除线的成果实现了。

s 和 del 标签都能够实现删除线成果,HTML5 曾经不反对 s 标签了,倡议应用 del。

标签文章配套视频链接点我

正文完
 0