HTML基础——读懂、修改

本文介绍了HTML的基本概念,包括HTML的组成,如标签、元素和属性,以及网页头和网页体的结构。通过实例讲解了HTML标签的使用,如style、href和class属性,并探讨了id与class的区别。最后,讨论了如何获取HTML源代码并制作本地网页。
摘要由CSDN通过智能技术生成

1、HTML是什么?

定义
HTML(Hyper Text Markup Language)是用来设计网页的一种语言,也叫超文本标记语言 。

HTML之于网页就好比建筑图纸之于建筑:
在这里插入图片描述
向浏览器中输入某个网址后,浏览器会向服务器发出请求,然后服务器就会作出响应。
其实, 服务器返回给浏览器的这个结果就是HTML代码。
然后,浏览器会根据这个HTML代码,解析成我们所能看见的漂亮的网页。

2、HTML的组成

2.1 标签
首先,我们一起看个最简单的HTML文档,感受一下。

<html>
   <head>
        <meta charset="utf-8"> 
   </head>
   <body>
        <h1>我是一级标题</h1>
        <h2>我是二级标题</h2>
        <h3>我是三级标题</h3>
        <p>我是一个段落啦。一级标题、二级标题和我,我们三个一起组成了body。</p>
   </body>
</html>

在这里插入图片描述
提示:
标签也有是单独出现的,比如HTML代码中的(定义网页编码格式为 utf-8)

2.2 元素
开始标签+结束标签+中间的所有内容,它们在一起就组成了【元素】
在这里插入图片描述
几个常见元素:
在这里插入图片描述
注意:
HTML标签是可以嵌套标签的,而且可以多层嵌套;这就像是在电脑中,一个硬盘可以包含数个文件夹,文件夹中还可以嵌套文件夹。

2.3 网页头和网页体
HTML文档基本是由【网页头】和【网页体】组成的:
在这里插入图片描述
知识点:
(1) HTML文档的最外层标签一定是 , 里面嵌套着元素与元素;
(2)HTML文档和网页的内容一定是一一对应的。
只是,【网页头】的内容不会被直接呈现在浏览器里的 网页正文 中

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值