一个简单的HTML例子（2）

鱼馅饼

已于 2023-08-08 19:10:58 修改

阅读量348

点赞数 1

文章标签： html 前端

于 2023-06-28 16:57:05 首次发布

本文链接：https://blog.csdn.net/StayAlive1887/article/details/131440608

版权

1.第一个网页

以 .html 结尾的文件称之为HTML文件，是专门写给浏览器看的文件。HTML全称为超文本标记语言，其语法规则是使用尖括号来标记内容的，例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>这是网页的标题</title>
</head>
<body>
    <P>这是我写的第一个网页！</p>
</body>
</html>

新建一个文件，复制上面的代码，后缀名改为.html，用浏览器打开。
在这里插入图片描述

标签	备注
<!DOCTYPE html>	文档类型。通常写在网页的首行.
<html></html>	html标签。包含整个网页的内容。
<head></head>	头部标签。用来存放文档的头部信息的，该标签内的内容对用户不可见。
<meta charset=“UTF-8”>	指定文档的编码为utf-8。
<title></title>	设置网页的标题。显示在浏览器的标签页上。
<body></body>	网页文档的主体标签，打开浏览器看到的网页就是写在这个标签里面的。
<p></p>	段落标签，表示文本的一个段落。p是英文单词paragraph的首字母。

<body></body>是一对标签，它表示网页的主题部分，也可以理解为是网页的"身体"。我们写的HTML代码要在浏览器能够看到，就必须写在<body></body>标签中。这是我写的第一个网页！，文本被p标签包裹，表示一段文本。打开一个段落标签，用来结束一个段落标签。所有的标签都要正确的打开和关闭，才会有你想要的效果! 另外。HTML不区分大小写，一对标签也可以写成。

<title> 这里是网页的标题 </title>
也可以写成：
<Title>这里是网页的标题 </Title>，<tiTle>这里是网页的标题 </tiTle>，<titlE>这里是网页的标题 </titlE>

效果都是一样的，为了方便我们阅读代码，建议小写字母标签。

2.什么是html元素？

一个完整的html标签，称之为一个元素。例如：

在这里插入图片描述
可以称之为p标签，也可以称为p元素。p元素的主要内容：
1.开始标签：包含元素的名称，用<>括起来。
2.结束标签：与开始标签类似，只不过在元素名称前面写了/,用于表示元素的结束。
3.内容：元素的内容，就是p元素里面包含的文本信息。
4.元素：开始标签，结束标签，加上内容，就称为元素。
另外，没有内容的元素，称为空元素，如

3.什么是html属性？

属性是对元素的额外说明，或者说是元素的额外信息，这些额外信息不应该显示在元素的内容中。
在这里插入图片描述
class是属性名称，tag是属性的值。class属性可以为元素提供一个标识名称，以便为元素指定样式或进一步的操作。
一个完整的属性应该包括：
1.空格（与元素名之间相隔一个空格）
2.属性名称和等号。
3.属性值（写在双引号里面）。