HTML 文本

最新推荐文章于 2024-11-02 16:36:45 发布

09jianfeng

最新推荐文章于 2024-11-02 16:36:45 发布

阅读量660

点赞数

分类专栏： HTML

HTML 专栏收录该内容

8 篇文章

订阅专栏

本文深入探讨HTML元素的基础知识，包括元素语法、嵌套、空元素、属性使用、文本样式化以及样式应用。通过实例解析，展示了如何利用HTML创建有序、美观的网页布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML元素就是通过使用HTML标签进行定义的。

<开始标签> 元素内容 <结束标签>

这就是一个元素：

<p>shiyanlou</p>

2.HTML元素语法

HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性(下面会讲)

3.HTML元素嵌套示例再把前面的例子拿出来，大家先看看，下面这个例子中有几个元素：

<html>
    <body>
        <p>let's go to shiyanlou</p>
    </body>
</html>

答案当然是三个，应该很好理解吧，这就是所谓的嵌套。

4.HTML空元素

没有内容的 HTML 元素被称为空元素。 就是没有关闭标签的空元素（ 标签用来定义换行）。在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。在开始标签中添加斜杠，比如 ，是关闭空元素的正确方法，即使 在所有浏览器中都是有效的，但使用 其实是更长远的保障，说了那么多就是想说以后换行就用 。

前面我们从示例中看出，标签结束以后也后一个换行的动作，那现在又介绍了下面我来给大家展示下标签和 标签的区别

相同之处是br和p都是有换行的属性及意思
区别 是只需一个单独使用，而和是一对使用
br标签是小换行提行（相当于我们平时文本中输入一个回车），p标签是大换行（分段，相当与两个回车）各行作用。

下面大家就一起动手看看两个标签的区别先来个 换行

图片描述信息

再来个换行

图片描述信息

要想两个表现出一样的效果

图片描述信息

2.HTML属性

某些标签要想按照作者的意愿来实现在网页上，就得需要一定信息的补充，这信息就叫属性，HTML标签可以加上属性的描述。属性提供了有关 HTML 元素的更多的信息。

是在 HTML 元素的开始标签中定义。
总是以名称和值对应的形式出现，比如：name="value"。
属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。

我们先举例：

<a href="http://www.shiyanlou.com">shiyanlou</a>

 <html>	<title>shuxing test </title>	<body>	<h1 align="center">shiyanlou</h1>  //正中对齐	<p>my home</p>	</body></html>

下面我们再来给网页增添背景颜色，也许你已经猜到，这个属性就是属于< body>标签

<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">

3.HTML文本格式化

一般我们在网页中能看见有各种各样的字体、文本样式，这就是文本格式化标签的功劳。下面我们就来学习使用文本格式化标签（比较常用的）

标签	描述
< b>	（bold）粗体
< big>	（big）大字体
< em>	（emphasized）强调字
< i>	（italic）斜体
< small>	（small）小字体
< strong>	(strong)加重语气