HTML基础、HTML元素、HTML属性_普通html内容和html属性-CSDN博客

本文链接：https://blog.csdn.net/SweetSFF/article/details/132498448

本文介绍了HTML的基础知识，包括标题标签（h1-h6）、段落标签(p)，链接标签(a)、图像标签(img)，元素的概念、嵌套结构，空元素如<br>的使用，以及HTML属性如class、id和style的定义和应用。

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

HTML基础

HTML标题
HTML标题是通过<h1>-<h6>标签来定义的。

<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题<h3>

HTML段落
HTML段落通过标签<p>来定义。

<p>这是一个段落</p>
<p>这是另一个段落</p>

HTML链接
HTML链接是通过标签<a>来定义的。

<a href="https://www.baidu.com">这是一个链接</a>

HTML图像
HTML图像是通过标签<img>来定义的。

<img src="/images/1.png" width="200" height="200"/>

HTML元素

HTML文档由HTML元素定义
在这里插入图片描述

HTML元素语法

以开始标签起始，以结束标签终止。
元素的那内容是开始标签与结束标签之间的内容。
某些HTML元素具有空内容。
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数HTML元素可拥有属性。

嵌套的HTML元素

大多数HTML元素可以嵌套，HTML文档由相互嵌套的HTML元素构成。
实例：

<!DOCTYPE html>
<html>

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

</html>

<p>元素：这个元素定义了HTML文档中的一个段落。
<body>元素定义了HTML文档的主体。
<html>元素：定义了整个HTML文档。

HTML空元素

没有内容的HTML被称为空元素。空元素是在开始标签中关闭的。
<br>就是没有关闭标签的空元素，该标签表示定义换行。
在XHTML、XML以及未来HTML版本中，所有元素都必须被关闭。在开始标签中添加斜杠，如<br/>，是关闭空元素的正确方法。
提示：使用小写标签，HTML标签对大小写不敏感。

HTML属性

属性就是HTML元素提供的附加信息。

HTML属性

HTML元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现，例：name=“value”。
实例：
HTML链接由<a>标签定义，链接地址使用href属性。

<a href="https://www.baidu.com">这是一个链接</a>

HTML常用的属性

完整的HTML属性列表：HTML标签参考手册

属性	描述
class	为HTML元素定一个或多个类名classname
id	定义元素的唯一id
style	规定元素的行内样式