当前位置: 首页 > news >正文

QD1-P8 HTML格式化标签

本节学习:HTML 格式化标签。

本节视频

www.bilibili.com/video/BV1n64y1U7oj?p=8

一、font 标签

  • 用途:定义文本的字体大小、颜色和 face(字体类型)。

  • 示例

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>P8-格式化标签</title></head><body>示例文字<br /><font color="red" size=5"" face="仿宋">示例文字</font><br /><font color="red" size=5"" face="楷体">示例文字</font></body>
</html>

渲染效果

Clip_2024-10-09_15-17-29

二、pre 标签

  • 用途:HTML 代码中的文本渲染到浏览器时,默认忽略换行,默认将多个空格视为一个空格。在 HTML 中需使用标签确定文本格式,例如 pre 标签,定义预格式化文本,渲染时将会:

    • 保留文本中的空格和换行
    • 并且使用等宽字体
  • 示例

pre 标签中的文本会保持输出的格式展现在浏览器中

Clip_2024-10-09_15-23-29

三、粗体

  • b 标签和 strong 标签都有加粗效果
示例文字1<b>示例文字2</b><strong>示例文字3</strong>

渲染​​

Clip_2024-10-09_15-34-45

b 标签的本意就是加粗,strong 标签的本意是突出显示。

三、斜体

斜体使用 i 标签,示例

斜体:<i>斜体</i>

渲染

​​​Clip_2024-10-09_15-48-06

四、下划线

下划线使用 u 标签,示例

下划线:<u>下划线</u>

渲染

Clip_2024-10-09_15-50-10

五、中划线(删除线)

中划线使用 s 标签或者 del 标签,示例

中划线:<del>中划线</del>

渲染

Clip_2024-10-09_15-51-40

六、上标

上标使用 sup 标签,示例

上标:2<sup>10

渲染

Clip_2024-10-09_15-52-55

七、下标

下标使用 sub 标签,示例

下标:H<sub>2</sub>O

渲染

Clip_2024-10-09_15-53-56

http://www.lryc.cn/news/456804.html

相关文章:

  • WordPress修改固定链接后301的重定向方法
  • 关于Allegro导出Gerber时的槽孔问题
  • 平时使用的正则总结
  • [万字解析]从零开始使用transformers微调huggingface格式的中文Bert模型的过程以及可能出现的问题
  • K8s简介及环境搭建
  • Python对PDF文件页面的旋转和切割
  • Android 10.0 修改Systemui三键导航栏虚拟按键颜色功能实现
  • 『网络游戏』客户端使用PESorket发送消息到服务器【14】
  • JVM(学习预热 - 走进Java)(持续更新迭代)
  • 43 C 程序动态内存分配:内存区域划分、void 指针、内存分配相关函数(malloc、calloc、realloc、_msize、free)、内存泄漏
  • 编译链接的过程发生了什么?
  • 【D3.js in Action 3 精译_028】3.4 小节 DIY 实战:使用 Observable 在线绘制 D3 条形图
  • 【Linux】 TCP短服务编写和守护进程
  • 自学数据库-MYSQL
  • 机器学习——多模态学习
  • ​ceph掉电后无法启动osd,pgs unknown
  • HTML5实现古典音乐网站源码模板1
  • 快速生成单元测试
  • WebGL系列教程十一(光照原理及Blinn Phong着色模型)
  • 《ASP.NET Web Forms 实现短视频点赞功能的完整示例》
  • Linux SSH服务
  • MySQL--视图(详解)
  • Javascript 普通非async函数调用async函数
  • 【LeetCode】修炼之路-0004-Median of Two Sorted Arrays【python】
  • C++面试速通宝典——10
  • 肺腺癌预后新指标:全切片图像中三级淋巴结构密度的自动化量化|文献精析·24-10-09
  • 基于jmeter+perfmon的稳定性测试记录
  • 前沿论文 M5Product 组会 PPT
  • navicat~导出数据库密码
  • 【Java】 —— 数据结构与集合源码:Vector、LinkedList在JDK8中的源码剖析