首页 > 软件开发 > HTML >

HTML语义字符之地址大字小字删除修改加粗倾斜

来源:互联网 2023-03-16 19:10:55 158

HTML学习中可能遇到很多知识点,有的是常用的有的是很少用到的。今天我就来分享下不常用到的语义字符控制的标签。今天的实例我来实现HTML中的地址元素标签、打字元素、小字元素、删除线元素、修改语义、加粗语义和倾斜语义的实现。OTD办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • UE编辑器

方法/步骤

  • 1

    我们在书写一个地方地址的时候通常需要的是特殊格式来表示。在这里HTML也提供了一个标签,他叫address>标签。具体代码如下图所示:OTD办公区 - 实用经验教程分享!

    html>OTD办公区 - 实用经验教程分享!

    head>title>语意字符控制/title>/head>OTD办公区 - 实用经验教程分享!

    body>OTD办公区 - 实用经验教程分享!

    地址:address>陕西省西安市/address>OTD办公区 - 实用经验教程分享!

    OTD办公区 - 实用经验教程分享!

    /body>OTD办公区 - 实用经验教程分享!

    /html>OTD办公区 - 实用经验教程分享!

    通过如下图所示的执行结果可以看出地址隐含了倾斜这个功能和自动换行。OTD办公区 - 实用经验教程分享!

    HTML语义字符之地址大字小字删除修改加粗倾斜OTD办公区 - 实用经验教程分享!

  • 2

    HTML也给我提供了一个叫做大字的标签,具体效果可以通过下面的实例来说明,具体代码如下:OTD办公区 - 实用经验教程分享!

    html>OTD办公区 - 实用经验教程分享!

    head>title>语意字符控制/title>/head>OTD办公区 - 实用经验教程分享!

    body>OTD办公区 - 实用经验教程分享!

    标签学习验证,这里是big>大字/big>OTD办公区 - 实用经验教程分享!

    OTD办公区 - 实用经验教程分享!

    /body>OTD办公区 - 实用经验教程分享!

    /html>OTD办公区 - 实用经验教程分享!

    通过如下图执行结果可以看到,big标记的字体加大加粗了。OTD办公区 - 实用经验教程分享!

    HTML语义字符之地址大字小字删除修改加粗倾斜OTD办公区 - 实用经验教程分享!

  • 3

    HTML实现删除功能,这里提供了del>/del>标记,他的效果就相当于删除线的效果,只是实现方法不同了。OTD办公区 - 实用经验教程分享!

    html>OTD办公区 - 实用经验教程分享!

    head>title>语意字符控制/title>/head>OTD办公区 - 实用经验教程分享!

    body>OTD办公区 - 实用经验教程分享!

    错误文字如下:del>我将要删除你/del>OTD办公区 - 实用经验教程分享!

    OTD办公区 - 实用经验教程分享!

    /body>OTD办公区 - 实用经验教程分享!

    /html>OTD办公区 - 实用经验教程分享!

    HTML语义字符之地址大字小字删除修改加粗倾斜OTD办公区 - 实用经验教程分享!

  • 4

    我们想要将我们修改的内容用其他形式来着重显示,可以用HTML提供的ins>/ins>来实现。OTD办公区 - 实用经验教程分享!

    html>OTD办公区 - 实用经验教程分享!

    head>title>语意字符控制/title>/head>OTD办公区 - 实用经验教程分享!

    body>OTD办公区 - 实用经验教程分享!

    我修改的文字如下:ins>我修改的部分/ins>OTD办公区 - 实用经验教程分享!

    OTD办公区 - 实用经验教程分享!

    /body>OTD办公区 - 实用经验教程分享!

    /html>OTD办公区 - 实用经验教程分享!

    如下图所示,可以看到用ins标签实现的部分相当于给文字添加了下划线。OTD办公区 - 实用经验教程分享!

    HTML语义字符之地址大字小字删除修改加粗倾斜OTD办公区 - 实用经验教程分享!

  • 5

    在HTML提供了strong>/strong>来着重显示,实现的效果就是对文字的加粗操作。具体代码如下图所示:OTD办公区 - 实用经验教程分享!

    html>OTD办公区 - 实用经验教程分享!

    head>title>语意字符控制/title>/head>OTD办公区 - 实用经验教程分享!

    body>OTD办公区 - 实用经验教程分享!

    着重显示的文本:strong>这里是strong实现的内容/strong>OTD办公区 - 实用经验教程分享!

    OTD办公区 - 实用经验教程分享!

    /body>OTD办公区 - 实用经验教程分享!

    /htmlOTD办公区 - 实用经验教程分享!

    从如下图所示可以看到这个标签执行的效果。OTD办公区 - 实用经验教程分享!

    HTML语义字符之地址大字小字删除修改加粗倾斜OTD办公区 - 实用经验教程分享!

  • 5本页面未经许可获取自百度经验
  • 6

    对于HTML的文字倾斜,除了用i标签外还有em>/em>来实现。具体的代码如下图所示:OTD办公区 - 实用经验教程分享!

    html>OTD办公区 - 实用经验教程分享!

    head>title>语意字符控制/title>/head>OTD办公区 - 实用经验教程分享!

    body>OTD办公区 - 实用经验教程分享!

    em>这里是em来实现的文字/em>OTD办公区 - 实用经验教程分享!

    OTD办公区 - 实用经验教程分享!

    /body>OTD办公区 - 实用经验教程分享!

    /html>OTD办公区 - 实用经验教程分享!

    可以看到下面的文字已经倾斜了。OTD办公区 - 实用经验教程分享!

    HTML语义字符之地址大字小字删除修改加粗倾斜OTD办公区 - 实用经验教程分享!

  • 注意事项

    • 程序设计是一个不断联系的过程。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!OTD办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码