以真我之名——成就重生的我

原创已于 2024-11-29 20:41:23 修改 · 859 阅读

13 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #html

于 2024-11-29 19:08:03 首次发布

HTML 专栏收录该内容

7 篇文章

订阅专栏

“愿你前行的道路有群星闪耀。愿你留下的足迹有百花绽放。你即是上帝的馈赠，世界因你而瑰丽。”这也许是我在游戏中最喜欢一句话了，我们前方的道路有可能不是一帆风顺，但一定是群星闪耀的。

昨天讲了HTML的基本格式和标题的写法，应该各位都学会了吧！那么今天我们先来讲一些细小的点。

普通文本

也许你再写代码的时候想要去标注一些重要的部分，那么这个时候这些代码就可以起关键性的因素。

举个例子

文字斜体标签

这两个的差别可能不是很明显，但是如果你仔细看你会发现标题一是斜体，这个时候就要用到<em>了。

<body>
    <h1><em>Hello World</em></h1>
</body>

<em>是文字斜体标签,就像是这样，其实就是斜体，感觉这么有点好慢啊，那就一个代码出来吧！

文字下划线标签和文字删除标签

直接上主题

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>标题</title>
</head>
<body>
    <h1><u>Hello World</u></h1>
    <h2><strike>My name is Jokersun</strike></h2>
</body>
</html>

效果图:

可以看到上方的字体下有下划线，而下方的字体被一条线给画掉了，这就是文字下划线标签和删除线标签。

文字下划线标签：

<body>
    <h1><u>Hello World</u></h1>
</body>

文字删除线标签：

<body>
    <h2><strike>My name is Jokersun</strike></h2>
</body>

这就是文字的表示方法，在网络的编码中，我们可以直接在<body>标签和</body>之间输入文字（这些文字可以显示），同时还可以添加装饰效果。

其实先这样的元素还有很多下面我给整理出来了，请看下面：

 <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>标题</title>
</head>
<body>
    <h1>4x<sup>2</sup>+4=9</h1>
    <h1>3X<sub>1</sub>+X<sub>2</sub></h1>
    <h2><code>My name is Jokersun</code></h2>
    <h2><samp>My name is Jokersun</samp></h2>
    <h3><p>你好<br/>我是Jokersun</p></h3>
    <h3><mark>Jokersun</mark><h3>
</body>
</html>

效果图：

文字的上标和下标：

<body>
    <h1>4x<sup>2</sup>+4=9</h1><!--上标-->
    <h1>3X<sub>1</sub>+X<sub>2</sub></h1><!--下标-->
</body>

设置等宽文字：

<body>
    <h2><code>My name is Jokersun</code></h2><!--等宽文字-->
    <h2><samp>My name is Jokersun</samp></h2><!--等宽文字-->
</body>

段落标签和段落的换行标签：

<body>
    <h3><p>你好<br/>我是Jokersun</p></h3><!--<p></p>是段落标签<br/>是换行标签-->
</body

！！！:这里需要注意后面还要学一个换行标签，这里要注意区分。

标记文本：

<body>
    <h3><mark>Jokersun</mark><h3><!--标记文本-->
</body

标记文本会把文本设置高亮部分，让标记内容更加的显眼，方便读者查找关键词。

小结

ok了，几天的内容讲完啦！可能有的时候我也在想，如果我一直坚持做自己，如果我不去在意别人的眼光我会怎么样，但是，有一句话叫：“想归想，做归做”。以真我之名，绽放更好的自己，最后以老薛的一首《念》送给大家，希望大家也可以坚持做自己，去做那个喜欢的自己！！！我是在学校写博客的Joker.sun，我们下次见。（歌依旧是链接，别忘了听哟！）

今日电脑配置：