前端技术对html的内联元素的学习

news/2024/11/14 3:11:13/文章来源:https://www.cnblogs.com/BingBing-8888/p/18542394

内联元素


目录
  • 内联元素
    • 字体元素
      • 斜体字
      • 粗体字

字体元素

斜体字

同样,<em><i>标签默认情况下均以斜体显示标签中的文本,但是<em>标签具有强调的语义,用来表示标签中的内容很重要,而<i>标签仅仅用于定义斜体文本。

示例代码如下:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>&lt;em&gt;和&lt;i&gt;标签演示</title>
</head>
<body><p>当您决定使用C语言中文网,您已经超越了 <em>90%</em> 的程序员,请记住网址 <i>http://c.biancheng.net/</i>。</p>
</body>
</html>

同上例一样,给90%添加 标签是为了强调C语言中文网带来的震撼效果,而给网址添加 标签仅仅是为了引起读者的注意。

运行结果如下图所示:

图2: 标签示例

根据 HTML5 的规范,标题应该用<h1>~<h6>标签定义,被强调的文本应该用<em>标签定义,重要的文本应该用<strong>标签定义,被标记的或者高亮显示的文本应该用<mark>标签定义等等,类似这样的规范还有很多

粗体字

默认情况下,<strong><b>标签都可以使文本以粗体展示标签中的文本,但是<strong>标签的语义是标签中的内容具有很高的重要性,而<b>标签的语义仅仅是加粗文本以引起读者的注意,并没有特殊的意思。

示例代码如下所示:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>&lt;strong&gt;和&lt;b&gt;标签演示</title>
</head>
<body><p>当您决定使用C语言中文网,您已经超越了 <strong>90%</strong> 的程序员,请记住网址 <b>http://c.biancheng.net/</b>。</p>
</body>
</html>

此处给90%添加 标签是为了强调C语言中文网的重要性,以及它带来的震撼效果;而给网址添加 标签仅仅是为了视觉上的加粗效果,这样能引起读者的注意。

运行结果如下图所示:

图1: 标签示例

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/832392.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Blender 常用材质节点

渲染模型 PBR全称:Physically Based Rendering (基于物理的渲染)BRDF全称:Bidirectional Reflectance Distribution Function (双向散射分布函数)BSDF包含BRDF(反射)和BTDF(透射)功能区介绍 伪用户 如果材质没有任何模型引用,关掉blender时,该材质会被自动删除,要想不…

Linux搭建FTP服务器配置

一、概念 1.1介绍 FTP:File transfer protocol 文件传输协议 端口 TCP21:命令 TCP20:数据 1.2原理 默认采用被动模式 被动模式FTP 为了解决服务器发起到客户的连接的问题,人们开发了一种不同的FTP连接方式。这就是所谓的被动方式,或者叫做PASV,当客户端通知服务器它处于被动…

基于RBAC做数据权限

在RBAC模型下,系统只会验证用户A是否属于角色RoleX,而不会判断用户A是否能访问只属于用户B的数据DataB。这种问题我们称之为“水平权限管理问题”。 数据权限 数据规则 比如我们系统的商机数据,需要从下面几个维度来控制数据访问权限。 销售人员只能看自己的数据; 各大区的…

Free5GC源码研究(9) - PCF研究(下)

前文再续书接上一回,继续研究Free5GC中所实现的PCF的另外两组服务:SMPolicy和PolicyAuthorizationSMPolicy PCF中与SMF的交互,对session的控制有着很重的的分量,甚至连TS23.503中对与Policy Control的定义都是指PCF指示SMF去控制QoS流的过程。Policy control: The process …

遥感大数据智能分析与应用

在数字化和信息化时代,遥感技术已经成为获取地球表面信息的重要手段。随着遥感数据量的激增,如何高效、智能地分析和应用这些数据,成为了一个亟待解决的问题。本文将探讨遥感大数据智能分析的现状与未来趋势。遥感大数据的挑战与机遇遥感数据正以前所未有的速度增长,这些数…

GMES101 作业一

一共就是求两个矩阵一个旋转矩阵一个投射矩阵 旋转矩阵 旋转矩阵还能第一时间反应过来去找公式 投射矩阵 投射矩阵就完全不记得了,又去看了一遍视频,终于完全理解了投射矩阵究竟是个啥意思 原来还要自己算\[ M_{persp\to ortho}= \begin{matrix} n&0&0&0 \\ 0&am…

waypoint常常被翻译成航路点

参考资料:2023-端到端自动驾驶系统研究综述-陈妍妍 2024-EMMA: End-to-End Multimodal Model for Autonomous Driving

作业四

作业一 要求: ▪ 熟练掌握 Selenium 查找 HTML 元素、爬取 Ajax 网页数据、等待 HTML 元素等内 容。 ▪ 使用 Selenium 框架+ MySQL 数据库存储技术路线爬取“沪深 A 股”、“上证 A 股”、 “深证 A 股”3 个板块的股票数据信息。 o 候选网站:东方财富网: http://quote.eas…

ATE测试 - STDF文件分析 - Excel报表格式探讨

1、转换对象:STDF文件 2、适用人员:TE 或 解决方案人员 或 需要对测试项TestItem原始测试值进行分析的 2、Excel格式:如下示意图4、局限性:Excel一个sheet中,列数最大不能超过16384列,行数最大不能超过1048576行,因此这种格式对于超过16384颗Die的文件就无法生成Excel文…

实验一:百度机器翻译SDK实验(2024.11.15日完成)

实验一:百度机器翻译SDK实验(2024.11.15日完成)任务一:下载配置百度翻译Java相关库及环境(占10%)。任务二:了解百度翻译相关功能并进行总结,包括文本翻译-通用版和文本翻译-词典版(占20%)。任务三:完成百度翻译相关功能代码并测试调用,要求可以实现中文翻译成英文,…

2024.11.12 NOIP模拟 - 模拟赛记录

Preface 一套烂题。 T1 一眼搬的 CF(赛后十秒就找到原题了),只搬 idea 就算了,根本不设置部分分,大样例给的更是一坨(数据范围给的 \(10^{15}\),1 2 10 72 121 算什么大样例?),甚至最后的题解都是直接复制的洛谷。 T2 稍好,除了实数运算稍微恶心一点,其它都没什么。…

数据采集与融合技术作业四

目录作业①实验要求及结果心得体会作业②实验要求及结果心得体会作业③实验要求及结果心得体会码云连接作业① 实验要求及结果要求 熟练掌握 Selenium 查找HTML元素、爬取Ajax网页数据、等待HTML元素等内容。 使用Selenium框架+ MySQL数据库存储技术路线爬取“沪深A股”、“上证…