当前位置: 首页 > Web前端 > HTML5

零基础教你学前端——13.文本修改标签案例

时间:2023-04-05 21:02:52 HTML5

下面完成一个文本修改标签案例来分析:页面中有四行文本,考虑使用四个段落标签p来实现,粗斜体下划线,下标等文本修饰都可以实现通过分别使用b标签、i标签、u标签、sup标签和sub标签。打开编辑器,新建一个homework.html文件,使用!用tab键完成基本结构,在正文中写入第一行文本代码。在键盘上使用Ctrl和斜杠(/)键入一行注释。注释以破折号感叹号开头,以破折号和插入符号结束。中间写评论的内容,一般在内容两边加一个空格。在评论里面写,这是第一段,保存。注释的作用是对代码进行解释。评论内容不会显示在浏览器页面中。在VSCode中,整个注释部分是灰色的。在浏览器中打开页面,评论不会在浏览器中显示。内容。返回编辑器,注释结束后回车实现换行,使用p标签实现段落,在p标签内部回车,然后换行。为了实现粗体和斜体效果,需要创建一个b标签,并在b标签内部创建一个i标签。请注意,嵌套方法将文本写入i标记内。圆的面积公式为:s=πr2回到b标签外面写圆s=πr2的面积公式(Ace等于Pi的平方乘以R)显然,数字2需要以上标的形式显示。使用sup标签将数字2括起来并保存。返回浏览器并刷新第一行文本。返回编辑器,继续实现第二行文字的效果。再次使用ctrl+/生成注释,写注释内容:这是第二段,在注释外写一个p标签,在p标签中回车完成换行。输入标签里面的文字,水和二氧化碳的化学反应方程式CO2+H2O=H2CO3在前面的汉字上加上b标签,达到加粗的效果观察这个化学方程式,其中每个分子式都有一个数字和该号码应采用以下方式。显示我们都是用sub标签,把对应的数字包裹起来,保存。回到浏览器刷新第二行文字,回到编辑器再写一行注释。这是第三段。在注释的末尾,将第三个p标记写在新行上。在标签中写上千峰教育??的价值:初心至这里注意育人好匠心育人的本意是有超链接功能的,所以我们需要用一个标签把这段文字包裹起来,定义href属性属性value前锋教育官网地址(http://www.qfedu.com/)回到浏览器,刷新,点击超链接,页面跳转成功。返回编辑器并写下最后一个注释。这是第四段,写第四个p标签。在tag中写前端培训机构:千峰教育等仔细观察,千峰教育有加粗下划线的效果别人有如何实现删除线的效果?把u标签包在b标签里面,把前锋教育放在u标签里面。写好em标签,把del标签包在里面,剩下的都放在del标签里面,保存!回到浏览器,刷新,页面最终效果就显示出来了!文章配套视频:https://www.bilibili.com/video...