继续学习其他网页文字修饰标签。先在正文下划线。我们看百度新闻的首页,在右上角导航,文字下方有一条装饰线,这条装饰线本质上是一条下划线。这个下划线是通过u标签实现的,u是英文单词underline的缩写,意思是下划线,是双标签。u标签的语法是:Text把要修改的文本放在里面。打开编辑器,新建一个文件,命名为underline.html,完成基本结构,在body中创建一个u标签,在u标签中输入:我是u标签,在浏览器中打开页面,我们看到了text已经添加了下划线。让我们学习如何制作角标。这是百度天气页面,上面显示的是过去一周北京的天气。仔细观察就会发现:圆圈的单位是摄氏度(°C),在字母C的左上角。我们再来看一个例子。这是哈药集团官网的一个页面,(http://www.hayao.com/product/...)我们在这里看到罗红霉素的分子式:碳41,氢76,氮2,氧15,原子数显示在元素的右下角。这些特殊的角标是如何制作的呢?角标可以达到这种效果。角标有两种:sup和sub,英文单词superscript的缩写,sub是英文单词subscript的缩写,都是双标。上标标签的语法为:text下标标签的语法为:text回到编辑器实现摄氏效果,新建sup.html文件,并完成基本结构,在body(11○C)11摄氏度写一段文字,如何让圆出现上标?我们在圆(○)前添加一个sup标签,选中圆(○),将圆(○)直接拖到sup标签中保存。在浏览器中打开,很明显11后面的圆圈(○)已经显示为上标了。回到编辑器,我们再实现分子式效果,新建一个sub.html文件,完成基本代码,在body中写一个H2O,水的分子式,在2前面写一个sub标签,选择值2,把2这个数字拖到子标签里保存。在浏览器中打开,水分子式的效果就实现了。如果有一段文字是粗体、斜体、下划线,我们可以通过标签的嵌套来达到样式叠加的效果。嵌套规则类似于洋葱,一层层包裹,例如b标签包裹i标签,i标签包裹u标签,一层层嵌套。这里要注意,如果要包裹整个标签,一定不能交叉嵌套。回到编辑器。让我们实现一个既是粗体又是斜体的文本效果。新建一个nesting.html文件,自动完成基本结构,在body里面写一个b标签,在b标签里面写一个i标签,在i标签里面写text,这里实现的是粗体和斜体的效果,节省。用浏览器打开,效果就实现了。文章配套视频链接
