这节课学习——网页中对文本润饰的罕用标签看百度新闻首页,左侧新闻列表中的文章题目,有的题目加粗,这样文本加粗成果,除了应用后面学到的题目标签实现之外,还能够应用 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ælk] 的缩写    示意歪斜   em是emphasize [emfsaz] 的缩写   示意强调,它们都是双标签。i 标签的语法是: 文本标签外面搁置待润饰的文本。em 标签的语法是: 文本  标签外面搁置待润饰的文本。

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

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

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

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

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

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

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

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