HTML学习笔记1：HTML元素

最新推荐文章于 2024-10-09 11:42:00 发布

^zero^

最新推荐文章于 2024-10-09 11:42:00 发布

阅读量182

点赞数 1

文章标签： html css css3

本文链接：https://blog.csdn.net/m0_62558494/article/details/121762835

版权

本文详细介绍了HTML的基本元素，包括用于定义段落的<p>元素，定义文档主体的<body>元素，以及整个HTML文档的外壳<html>元素。此外，还提到了常用的HTML链接<a>、图像<img>和换行元素<br>的用法。强调了正确使用结束标签和推荐使用小写标签的重要性。

摘要由CSDN通过智能技术生成

下面我们来通过一个实例来学习HTML元素。

<html>

<body>
<p>这是第一个段落。</p>
</body>

</html>

1、<p>元素

<p>这是第一个段落。</p>  
<!--这个 <p> 元素定义了 HTML 文档中的一个段落。
这个元素拥有一个开始标签 <p> 以及一个结束标签 </p>.
元素内容是: 这是第一个段落。
-->

2、<body>元素

<body>
<p>这是第一个段落。</p>  
</body>
<!--<body> 元素定义了 HTML 文档的主体。
这个元素拥有一个开始标签 <body> 以及一个结束标签 </body>。
元素内容是另一个 HTML 元素（p 元素）。
-->

3、<html>元素

<html>

<body>
<p>这是第一个段落。</p>  
</body>

</html>
<!--
<html> 元素定义了整个 HTML 文档。
这个元素拥有一个开始标签 <html> ，以及一个结束标签 </html>.
元素内容是另一个 HTML 元素（body 元素）。
-->

注意：不要忘记结束标签
此外还有其他一些比较常用的元素：

1、<a>元素

<a href=default.html>这是一个链接</a>
	<!--
    HTML 链接是通过标签 <a> 来定义的.
    	default.html位置放置所要到达的链接。
    -->

2、<img>元素

<img loading="lazy" src="/images/logo.png" width="258" height="39" />
<!--
    HTML 图像是通过标签 <img> 来定义的.
	注意： 图像的名称和尺寸是以属性的形式提供的。
-->

3、<br>元素

<!--
HTML 空元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。
在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法
-->

提示：推荐使用小写标签
切记：保存后再运行，否则无法运行。

关注