首页 > 其他分享 >html5文本标签

html5文本标签

时间:2024-03-20 23:34:00浏览次数:27  
标签:em pre strong 标签 字体 html5 文本

标题文本 h1、h2、h3、h4、h5、h6

其中 h1、h2、h3是比较常用的。h3、h4、h5、h6相对来说用的会少一点,除非结构层次比较深才会使用。

段落文本 p

<p>这是一个段落<p/>

强调文本 strong 和 em

尽量避免使用b代替strong,使用i代替em。它们表示的含义不一样
<strong>strong表示文本的重要性,浏览器会对strong标签内容加粗</strong>
<em>em表示内容的着重点,浏览器一般不会对em内容倾斜 </em>

标记细则 small big

small标签和big标签分别表示小号字体和大号字体。small通常是行内文本的一小块,通常用于免责声明、注意事项、版权信息、法律限制等。big通常是大号字体展示。一啊不能用的少。

加粗字体b,斜体i

b标签用于加粗字体,i标签用于使字体倾斜。

上标sup、下标sub

sup标签和sub标签使标记的文本比普通文本高一点或者第一点。常用于表示数学公式。具体的代码和运行结果如下:
<p>这是一段<sup>上标文本</sup></p>
<p>这是一段<sub>下表文本</sub></p>
image
sup和sub可以使行高增加,可以使用css修复。

定义术语 dfn标签

dfn标签默认斜体显示文本,
<p><dfn>Internet</dfn>是一个全球互联网系统,用户量巨大</p>

标记代码 code

code标签用于展示一段程序代码,该标签包裹的内容一般是一段程序代码,有特殊的样式显示。由于代码中经常包含<和>等特殊字符,在code中需要转义。如果显示单独的一块代码,可以在外围使用 pre标签包裹
其他与计算机相关的有kbdsampvar等标签,不过基本上不使用。
<code>int a=1;</code>

预定义格式 pre

pre标签主要用于报纸计算机示例代码的完整格式。因为普通html元素会忽略空格、换行等元素。pre则要求完全保持元素内的所有格式,包括所有的空格换行等。

缩写词 abbr [了解即可]

下划线和删除线 ins del

ins和del的效果也可以通过css实现。
<ins>这是一个ins下划线标签</ins> <del>这是一个del删除线标签</del>
运行效果如下:
image

指明引用或者参考 cite,一般用于标记歌曲名、电影名、照片、雕塑 图书名、作品等名称

<p>她正在看 <cite>红楼梦</cite> </p>
运行效果如下:
image

标签:em,pre,strong,标签,字体,html5,文本
From: https://www.cnblogs.com/caoruipeng/p/18086109

相关文章

  • 个人主页HTML5网站源码个性炫酷大气简洁唯美官网上线倒计时引导页HTML5源码
    源码介绍:个性化官宣个人主页,个人主页HTML5网站源码个性炫酷大气简洁唯美官网上线倒计时引导页HTML5源码,超好看的个人官网展示页面。源码下载:个性炫酷大气简洁唯美官网上线倒计时引导页HTML5源码下载界面预览:......
  • HTML5语法总结
    目录一.HTML基本框架二.标题标签三.段落标签四.换行与水平线标签五.文本格式化标签(加粗、倾斜、下划线、删除线)六.图像标签扩展:相对路径,绝对路径与在线网址七.超链接标签八.音频标签九.视频标签十.列表标签十一.表格标签扩展:表格结构标签合并单元格十二.表单标签1.input标签inp......
  • 常用的文本查看命令
    命令选项描述tail-f跟踪文件尾部的内容。持续输出新添加的内容。head显示文件的开头部分。默认显示前10行。less逐页显示文件内容。支持向前和向后翻页。more逐页显示文件内容。只支持向前翻页。cut-f<字段列表>-d<分隔符>从文本中剪切出指定......
  • 使用 html 页面编辑精确定位文本文件选中
    如下是一个实例,实现了文本的换行,选中以及滚动到选中文本位置的功能?<htmlstyle='height:100%;'><head><metacharset='UTF-8'/></head><bodystyle='height:100%;padding:0;margin:0;border-width:0;'><divid="cont......
  • UNI APP 利用过滤器 解决后台返回带标签的内容时 图片过大的问题
    https://www.shanhubei.com/archives/51233.html后台返回的数据有时候没有过滤带标签,平时就只能v-html渲染出来,但是如里面有图片的话会出现图片过大超出屏幕的问题,那么普通的加样式已经不会生效了,就只能想办法来解决了。代码演示,解决办法呢,也很简单、只要利用好过滤器就好了。......
  • uni-app、uview开发时的三种富文本渲染方案
    来源:https://www.shanhubei.com/archives/51231.html1.使用vue语法的v-html<!--使用v-html渲染富文本--><!--<viewv-html="`<h1>富文本</h1><h2>富文本</h2><h3>富文本</h3>`"></view>-->2.使用小程序标签rich-text&l......
  • HarmonyOS鸿蒙开发常用组件详细说明(图片、文本、按钮、弹窗、进度条、文本框)
    常用组件一直会分享,虽然鸿蒙目前来没有多大发展,但不可否然以后发展,华为的技术是一大突破,存在即合理可以现在没有多大发展。但不可否定未来的发展。关注’猿来编码‘,微信订阅号,回复’组件‘,获取文章目录常用组件关注’猿来编码‘,微信订阅号,回复’组件‘,获取1、图片......
  • C#.NET 逐行读取TXT文本
    C#.NET逐行读取TXT文本usingSystem;usingSystem.IO;classProgram{staticvoidMain(){stringfilePath=@"C:\path\to\your\file.txt";//替换为你的TXT文件路径try{//创建一个StreamReader......
  • 想要把PDF文件转TXT文本编辑改动怎么办?三秒钟帮你搞定 PDF编辑器
    pdf是一种便携文件格式,是由Adobe公司所开发的独特的跨平台文件格式。PDF文件以PostScript语言图象模型为基础,无论在哪种打印机上都可保证精确的颜色和准确的打印效果,即PDF会忠实地再现原稿的每一个字符、颜色以及图象。有点遗憾的是,大部分移动设备诸如手机、MP4等是不支持打开......
  • HTML学习记录(2)(HTML常用标签)
    一,p与hrp段落可以将HTML文段分割为若干段落。段落常用<p>标签来定义,用align来定义段落的对齐方式实列<p>我是第一个段落</p><p>我是第二个段落</p><palign="left">我在左边</p><palign="center">我在中间</p><palign="right">我在右边</p>......