本课学习-网页文字修饰常用标签见百度新闻首页,新闻列表中的文章标题左边,还有一些标题加了粗体,这样除了前面学过的title标签外,还可以使用b标签和strong标签来实现文字的加粗效果,它们的语法格式遵循双标签语法。b是bold的缩写,意思是粗体,标签的语法是:text,要修改的文字放在标签里面。strong标签的语法是:将要修改的文字放在文字里面。打开编辑器,新建一个bold.html页面,完成基本代码,在body中写入三个标签。先写一个字母b,自动补全带制表符的双标。然后输入strong这个词,用tab键完成双标,分别给b和strong标签添加文字,这个是b标签,这个是strong标签。最后写一个p标签,写Thisistheptag。保存文档。用浏览器打开页面,b标签和strong标签中的文字变粗了。b和strong标签都可以使文本加粗。有什么不同?b标签仅用于加粗文本,而strong标签更具语义。表示文字比较重要,提醒读者当盲人朋友用阅读器阅读网页内容时,strong会重读,b不会。这是一个新闻热点页面,可以快速识别出新闻来源、光明网三个字,因为它是倾斜的。文本倾斜效果是使用i标签和em标签实现的。i标签是倾斜的斜体[??t?l?k]的缩写。em是emphasis[?emf?sa?z]的缩写,表示强调。他们都是双重标签。i标签的语法是:将要修改的文本放在text标签中。em标签的语法是:Text要修改的文本放在标签内。回到编辑器,新建一个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标签的语法是:text<把要修改的文本放在/s>标签。del标签的语法是:Text要修改的文本放在标签内。回到编辑器,新建一个delete.html页面,完成基本代码,在body中写上s和del两个标签,在相应的标签中放置text,这个是s标签,这个是del标签。用浏览器打开页面,实现文字删除线效果。s和del标签都可以实现删除线的效果。HTML5不再支持s标签。推荐使用del。标签文章配套视频链接点我
