博客
关于我
HTML文本操作标签总结
阅读量:323 次
发布时间:2019-03-04

本文共 646 字,大约阅读时间需要 2 分钟。

HTML文本操作

基本文字排版

段落是由文字开始和结束之间的内容形成的,p标签适用于 段落。要实现换行,可以使用br标签,br标签的功能类似于回车键。pre标签用于格式化保留文本的空格和换行,适用于需要等宽字体显示的文本。此外,pre标签内的内容不会被浏览器解析。

描述文本的语义化,结构化元素

为了突出显示文本,可以使用strong标签表示粗体,em标签表示斜体。cite标签通常用于引用作品标题,ins标签用于添加下划线,del标签用于显示删除线,sup和sub标签用于上下标显示。ruby标签用于注音,可以将注音放在文本的上方或下方。time标签用于显示时间,pubdate属性可指定发布时间。

块级元素和行内元素

块级元素如p、h1到h6、address、header、nav、footer等均自带换行,适用于结构化内容。行内元素如b、i、em、strong、sup、sub、small、ins、del、cite等无换行效果,适用于文本中的格式化显示。

容器元素

div标签用于对内容进行分块,span标签用于单独文本显示,通常配合CSS使用才能显示效果。

注释

注释可以使用/* */或
标签包裹内容,适用于对代码或内容进行说明。

列表

无序列表使用ul标签和li标签,无序列表默认从1开始,序号可以通过type属性指定为数字、字母或罗马数字。有序列表使用ol标签,start属性指定起始序号,reversed属性可倒序排列。dl标签用于描述列表项,dt标签为标题,dd标签为描述。

转载地址:http://cjrq.baihongyu.com/

你可能感兴趣的文章
Numpy矩阵与通用函数
查看>>
numpy绘制热力图
查看>>
numpy转PIL 报错TypeError: Cannot handle this data type
查看>>
Numpy闯关100题,我闯了95关,你呢?
查看>>
nump模块
查看>>
Nutch + solr 这个配合不错哦
查看>>
NuttX 构建系统
查看>>
NutUI:京东风格的轻量级 Vue 组件库
查看>>
NutzCodeInsight 2.0.7 发布,为 nutz-sqltpl 提供友好的 ide 支持
查看>>
NutzWk 5.1.5 发布,Java 微服务分布式开发框架
查看>>
NUUO网络视频录像机 css_parser.php 任意文件读取漏洞复现
查看>>
NUUO网络视频录像机 upload.php 任意文件上传漏洞复现
查看>>
Nuxt Time 使用指南
查看>>
NuxtJS 接口转发详解:Nitro 的用法与注意事项
查看>>
NVDIMM原理与应用之四:基于pstore 和 ramoops保存Kernel panic日志
查看>>
NVelocity标签使用详解
查看>>
NVelocity标签设置缓存的解决方案
查看>>
Nvidia Cudatoolkit 与 Conda Cudatoolkit
查看>>
NVIDIA GPU 的状态信息输出,由 `nvidia-smi` 命令生成
查看>>
nvidia 各种卡
查看>>