第4天 | 16天搞定前端，html文本格式，奇葩说?

myzbx 2024-12-02 22:45 40 浏览

一本正经久了，我们都差点忘记自己也曾经是一只小鬼，HTML一本正经多了，我们就会忘记该看哪些内容，才是重点的。标注HTML文本内容的重点之处，可用颜色，也可用文本格式标签。

HTML专用于文本格式的标签有用于加粗的，有用于倾斜的，还有用于划线的等等。

4.1 重点的强调

强调文本的标签，没有特别的属性，放大文本用<big>，缩小则用标签。加粗用或，倾斜用或标签。

其中strong和em是web标准中xhtml的标签，strong和em的意思是“强调”；b是html的，b的意思是bold(粗体)，i是html的，i的意思是Italic(斜体)。

对于搜索引擎来说和比和要重视的多。为了符合现在W3C的标准，还是推荐使用strong和em标签。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>第4个HTML-文本格式</title>
</head>
<body>
老陈说编程,建议你从<strong>基础</strong>学起<br/>
有了<b>基础</b>，学起来才能轻轻松松，否则就出出现<br/>
<em>头重脚轻</em>,有了<i>头重脚轻</i>的毛病，就容易放弃。<br/>
为了让你有所体悟，我特意加大<big>基础</big>二字，<br/>
缩小了<small>头重脚轻</small>四个字。
</body>
</html>

输出结果

4.2 画出个道来

在写一篇文章时，难免会对其内容进行修修改改，有时会删除线删掉一部分不要的内容，有时会都重点内容画下划线，在HTML文件中，删除线用<s>，下划线用标签。还有一种删除线和下划线的效果，是用<del>和<ins>标签。

如果要说<s>和<del>,和<ins>的区别的话，那就是<s>和常常是单独出现的单身狗，而<del>和<ins>则是经常成双成对出现的，是好基友。

如果你是一个爱<u>琴</u>之人，你就不会随意掐断<s>琴弦</s>(改为：情弦)。<br/>
若情弦一断，人便失去了牵绊，便会活得<del>好</del><ins>更加</ins>洒脱。

输出结果

4.3 上标和下标

在偏向角单位，如℃时，如平方时，就要用上标实现；在偏向右下角，如底数时，就要用到下标来实现。html用和标签实现上标和下标效果。它们也没什么特别的属性需要讲解的。

你若要问爱情的温度是多少℃?<br/>
我会告诉你，开心时是39<sup>℃</sup>，不开心是零下1<sup>℃</sup>。<br/>
如果你想问我是什么道理，我就会告诉你：<br/>
这个跟计算log<sub>2</sub>90°是一样的。

输出结果

好了，有关html文本格式的内容，老陈讲完了，如果觉得对你有所帮助，希望老铁能转发点赞，让更多的人看到这篇文章。你的转发和点赞，就是对老陈继续创作和分享最大的鼓励。

一个当了10年技术总监的老家伙，分享多年的编程经验。想学编程的朋友，可关注今日头条：老陈说编程。分享Python，前端(小程序)、App和嵌入式方面的干货。关注我，没错的。

#前端##HTML5##CSS##程序员##奇葩说#

HTML 样式

上一篇：HTML表单及css样式
下一篇：html基础必备-文本格式标记，前端小白一看就会

第4天 | 16天搞定前端，html文本格式，奇葩说?

4.1 重点的强调

4.2 画出个道来

4.3 上标和下标

相关推荐

使用VSCode模板提高Vue开发效率（vscode开发vue3）

吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】

8.7k star，一款超炫酷的动态可视化大屏项目

说下你的vue项目的目录结构，该怎么划分?

用上Vue3，你真的变了吗?（vue3 key）

移动前端重构实战系列:5-7章（前端移动端主要技术有哪些）

这么牛逼的cursor功能，赶紧用起来

browser-use:AI 驱动的浏览器自动化神器——DOM识别与交互详解

巧克力:从一朵花开始的华丽变身_巧克力花束教程视频

comfyui安装MimicMotion扩展，AI跳舞动作模仿