HTML_文本标签

概念:
1、用于包裹:词汇、短语等。
2、通常写在排版标签里面。
3、排版标签更宏观(大段的文字),文本标签更微观(词汇、短语)。
4、文本标签通常都是行内元素。

常用的文本标签
标签名 全称  标签语义
em Emphasized      加重(文本)。要着重阅读的内容
strongstrong  十分重要的内容(朗读时语气比em要强)
span span   

范围。没有具体语义,用于包裹短语的通用容器

brBreak Row换行
hrHorizontal Rule分割线
prePreformatted

预定义格式(文本)、按原文显示(一般用于在页面中嵌入大量代码,火星文等)

不常用的文本标签
标签名 全称  标签语义
cite Citation      引用。通常包含作品标题(书籍、歌曲、电影、电视节目、绘画、雕塑)。
dfn                                                    definition定义。通常是特殊术语,或专属名词等。
del与ins            delete与insert删除的文本 与 插入的文本。
sub与supSubscripted与Superscripted 下标 与 上标。
code code 一段代码 
samp  sample  从正常的上下文中,将某些内容提取出来。例如:标识设备输出。
kbdKeyboard 键盘文本,表示文本是通过键盘输入的,经常用在计算机相关的手册中。
abbr Abbreviation缩写词(通常配合上title属性)。
bdo   Bi-Directional Override文本显示方向(通常要配合dir属性),可选值:默认值是ltr(left to right)、rtl(right to left)。
varVariable 变量(文本),可以与code标签一起使用。
smallSmall变小(文本),附属细则,例如:包括版权、法律文本。
bBold摘要中的关键字、评论中的产品名称。
iItalic斜体(文本),通常用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。现在多用于:呈现字体图标。
uUnderlined下划线(文本),通常表示与正常的内容有反差的文本。例如:错的单词、不合适的描述等。
qQuotation引用语、短引用。
blockquote(块元素)Block Quotation 区块引用语、长引用。
address(块元素)address地址

备注:
1、这些不常用的文本标签。编码时不用过于纠结(酌情而定,不用也没毛病)。
2、blockquote与address是块级元素,其他的文本标签都是行内元素。
3、有些语义感不强的标签,我们很少使用,例如:small、b、u、q、blockquote。
4、HTML标签太多了!记者那些重要的、语义感强的标签即可,截止目前,有这些:
h1~h6、p、div、em、strong、span。

举例:

<body><span>举例:</span><p>1、这首 <cite>《光辉岁月》</cite>,非常的好听!<br>2、<dfn>耗子尾汁</dfn>,是一个网络流行语,意思为 <dfn>好自为之</dfn>。<br>3、商品原价:<del>199</del>,限时秒杀:<ins>99</ins> 。<br>4、水的化学方程式是:H<sub>2</sub>O,8的三次方是这么写的:8<sup>3</sup>。<br>5、等过一段我们学习了JS,你就会发现这段代码很有意思:<code>alert(1)</code>。<br>6、手机突然提示: <samp>支付宝到账100万元!</samp><br>7、保存的快捷键是: <kbd>ctrl + s</kbd>。<br><!-- 移入到LOL时会显示全称名:英雄联盟 -->8、 <abbr title="英雄联盟">LOL</abbr>这个游戏非常好玩!<br>9、你是年少的欢喜,这句话反过来念就是: <bdo dir="rtl">你是年少的欢喜</bdo>。<br>10、等过一段我们学习了JS,我们就知道要这样定义变量: <code>let <var>a</var> = 1</code>。<br>11、<small>本网站所有资料、图表仅供参考,涉及投资项目所造成的赢亏与本网站无关。</small> <br>12、我也买个<b>罗技GPW二代</b>这个鼠标,确实很好用!<br>13、猪头声嘶力竭的喊着:<i>“ 燕子,没有你我怎么活啊!”</i><br>14、张三把“你好”的英文写成了:<u>heelo</u>,这是不对的!<br>15、屈原曾经说过:<q>路漫漫其修远兮,吾将上下而求索</q><br>16、有一首歌,歌词是这样的: <blockquote>后来,我总算学会了如何去爱,可惜你早已远去消失在人海;后来,终于在眼泪中明白,有些人一旦错过就不在。</blockquote>17、我们学校地址是:<address>江西省南昌市八一公园</address></p>
</body>

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

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

相关文章

数字图像处理:图像复原应用

数字图像处理&#xff1a;图像复原应用 1.1 什么是图像复原&#xff1f; 图像复原是图像处理中的一个重要领域&#xff0c;旨在从退化&#xff08;例如噪声、模糊等&#xff09;图像中恢复出尽可能接近原始图像的结果。图像复原与图像增强不同&#xff0c;复原更多地依赖于图…

3D一览通常见问题QA

感谢大家一直以来对大腾智能3D一览通的支持&#xff0c;我们致力于提供便捷高效的3D协同服务。这里小编整理了一些关于3D一览通的常见问题&#xff0c;以便大家更好地了解和使用3D一览通。 Q&#xff1a;3D一览通的功能是什么&#xff1f; 3D一览通是大腾智能打造的一款云端轻…

如何在 JSON 中编写“anyOf”语句?

在 JSON 中&#xff0c;anyOf 语句通常用于 JSON Schema&#xff08;JSON 模式&#xff09;中&#xff0c;来定义多个可能的模式&#xff0c;表示数据可以匹配多个子模式中的任意一个。这种功能常用于验证 JSON 数据是否符合某一组可能的条件之一。 1、问题背景 问题&#xff…

【计算机网络 - 基础问题】每日 3 题(三十六)

✍个人博客&#xff1a;https://blog.csdn.net/Newin2020?typeblog &#x1f4e3;专栏地址&#xff1a;http://t.csdnimg.cn/fYaBd &#x1f4da;专栏简介&#xff1a;在这个专栏中&#xff0c;我将会分享 C 面试中常见的面试题给大家~ ❤️如果有收获的话&#xff0c;欢迎点赞…

MongoDB 的安装详情

在虚拟机里面opt下 新建一个mongodb文件夹 再新建一个opt/mongodb/data文件夹&#xff0c; 然后将挂载的mongodb数据放到data文件夹里&#xff1a; 【把mongodb的数据挂载出来&#xff0c;以后我们再次重启的时候 数据起码还会在】 冒号右边 挂载到左边的路径 docker run -…

Matlab终于能够实现Transformer预测了

声明&#xff1a;文章是从本人公众号中复制而来&#xff0c;因此&#xff0c;想最新最快了解各类智能优化算法及其改进的朋友&#xff0c;可关注我的公众号&#xff1a;强盛机器学习&#xff0c;不定期会有很多免费代码分享~ 目录 原理简介 数据介绍 结果展示 完整代码 今…

ubuntu24 修改ip地址 ubuntu虚拟机修改静态ip

1. ubuntu 修改地址在/etc/netplan # 进入路径 cd /etc/netplan # 修改文件夹下的配置文件&#xff0c;我的是50-cloud-init.yaml. ye可能你得是20-cloud-init.yaml 2. 修改为&#xff1a; dhcp4: 改为false 192.168.164.50 是我自己分配的ip地址, /24 为固定写法&#xff…

数据结构与算法:堆与优先队列的深入剖析

数据结构与算法&#xff1a;堆与优先队列的深入剖析 堆是一种特殊的树形数据结构&#xff0c;广泛应用于优先队列的实现以及各种高效的算法中&#xff0c;如排序和图算法。通过深入了解堆的结构、不同堆的实现方式&#xff0c;以及堆在实际系统中的应用&#xff0c;我们可以掌…

初级网络工程师之从入门到入狱(四)

本文是我在学习过程中记录学习的点点滴滴&#xff0c;目的是为了学完之后巩固一下顺便也和大家分享一下&#xff0c;日后忘记了也可以方便快速的复习。 网络工程师从入门到入狱 前言一、Wlan应用实战1.1、拓扑图详解1.2、LSW11.3、AC11.4、抓包1.5、Tunnel隧道模式解析1.6、AP、…

服务器软件之Tomcat

服务器软件之Tomcat 服务器软件之Tomcat 服务器软件之Tomcat一、什么是Tomcat二、安装Tomcat1、前提&#xff1a;2、下载3、解压下载的tomcat4、tomcat启动常见错误4.1、tomcat8.0 startup报错java.util.logging.ErrorManager: 44.2、java.lang.UnsatisfiedLinkError 三、Tomca…

LVGL模拟器使用以及安装

LVGL模拟器介绍 LVGL模拟器&#xff1a;使用PC端软件模拟LVGL运行&#xff0c;而不需要任何嵌入式硬件。 优点&#xff1a;便于学习、跨平台协同开发。 我这里使用的是CodeBlocks。 环境搭建及工程获取 环境搭建 安装包获取&#xff1a;https://www.codeblocks.org/downlo…

vue后台管理系统从0到1搭建(4)各组件的搭建

文章目录 vue后台管理系统从0到1搭建&#xff08;4&#xff09;各组件的搭建Main.vue 组件的初构 vue后台管理系统从0到1搭建&#xff08;4&#xff09;各组件的搭建 Main.vue 组件的初构 根据我们的效果来看&#xff0c;分析一下&#xff0c;我们把左边的区域分为一个组件&am…

云计算作业一:问题解决备忘

教程地址&#xff1a;https://blog.csdn.net/qq_53877854/article/details/142412784 修改网络配置文件 vim /etc/sysconfig/network-scripts/ifcfg-ens33在root用户下编辑 静态ip地址配置后查看ip与配置不符 注意&#xff1a;确保在这之前已经在VMware的编辑>虚拟网络编…

2024年9月中国电子学会青少年软件编程(Python)等级考试试卷(一级)答案 + 解析

一、单选题 1、下列选项中关于 turtle.color(red) 语句的作用描述正确的是&#xff1f;&#xff08; &#xff09; A. 只设置画笔的颜色为红色 B. 只设置填充的颜色为红色 C. 设置画笔和填充的颜色为红色 D. 设置画笔的颜色为红色&#xff0c;设置画布背景的颜色为红色 正…

Java @RequestPart注解:同时实现文件上传与JSON对象传参

RequestPart注解&#xff1a;用于处理multipart/form-data请求的一部分&#xff0c;通常用于文件上传或者处理表单中的字段。 java后端举例&#xff1a; PostMapping("/fileTest")public AjaxResult fileTest(RequestPart("file") MultipartFile file,Req…

【从零开始的LeetCode-算法】3099. 哈沙德数

如果一个整数能够被其各个数位上的数字之和整除&#xff0c;则称之为 哈沙德数&#xff08;Harshad number&#xff09;。给你一个整数 x 。如果 x 是 哈沙德数 &#xff0c;则返回 x 各个数位上的数字之和&#xff0c;否则&#xff0c;返回 -1 。 示例 1&#xff1a; 输入&am…

你真的了解appium吗?

背景&#xff1a;对于QA同学来说&#xff0c;appium应该都不陌生&#xff0c;作为市面上最流行的app自动化测试框架之一&#xff0c;凭借强大的扩展性、跨平台能力和活跃的社区&#xff0c;使得它成为了移动端自动化测试的首选。今天让我们一起重新了解下这个工具&#xff01; …

关于jmeter设置为中文问题之后无法保存设置的若干问题

1、jemeter如何设置中文模式 Options--->Choose Language--->Chinese(Simplifies), 如此设置后就可显示中文模式(缺点&#xff1a;下次打开还是英文)&#xff1b;如下图所示&#xff1a; 操作完成之后&#xff1a; 但是下次重启之后依旧是英文&#xff1b; 2、在jmeter.…

k8s jenkins 2.421动态创建slave

k8s jenkins 动态创建slave 简述使用jenkins动态slave的优势&#xff1a;制作jenkins-slave从节点jenkins-slave-latest:v1配置jenkins动态slave配置 Pod Template配置容器模板挂载卷 测试 简述 持续构建与发布是我们日常工作中必不可少的一个步骤&#xff0c;目前大多公司都采…

机器视觉基础系列四—简单了解背景建模算法

机器视觉基础系列四—简单了解背景建模算法 首先我们应该了解的是背景建模的定义是什么&#xff1f;又有哪些应用场景呢&#xff1f; 背景建模是指通过分析视频序列中的像素值变化情况&#xff0c;从中提取出静态背景部分&#xff0c;并将其用于目标检测、运动跟踪等计算机视觉…