[前端] [HTML] HTML初识
html作为前端三大语言之一,是用来描述网页页面布局信息的一种标记语言。当你准备实现一个页面时,你的第一步就是需要用html元素将网页的布局描述出来。可以说,html是整个网页的骨架。
html的基本结构
一个html文档的基本结构如下:
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>标题</title>
</head>
<body>
网页内容的区域
</body>
</html>
可以看出,html文档是有一个个html元素组合而成。
HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。例如
<title>标题</title>
就是一个html元素。
基本结构中各个元素的含义如下:
<!DOCTYPE html>
:准确的说这不是一个html标签,而是为了向浏览器提供文档信息而存在的。它向浏览器表明你的html文档是用什么版本编写的,便于浏览器正确的解析html文档。目前html已经到了html5的版本,一般使用<!DOCTYPE html>
即可。
<html></html>
:<html>
元素用于定义整个html文档的区域,html文档的内容应都写在<html>
元素内
<head></head>
:<head>
元素用于定义html文档的头部,它是所有头部元素的容器。
常用的html头部元素:
<title>
、<script>
、<style>
、<link>
、<meta>
等
<meta>
:<meta>
元素用于提供html文档的元信息,例如字符编码、搜索引擎关键词、移动端适配等相关信息。
注意点:
<meta>
元素没有结束标签
<title></title>
:<title>
元素用于定义html文档的标题信息,它会出现在浏览器的标题栏中(如下图所示)。标题信息主要用于用户和搜索引擎进行识别。
<body></body>
:<body>
元素用于定义html文档的主体部分,我们用来描述html页面结构的代码就放在这个html元素中。
编写和运行html
要编写和运行一个html文档非常容易,只需要新建一个以.html
为后缀的文件,并且写入一段html代码,并且用任意浏览器打开这个文件即可。
- 新建一个
.html
后缀的文件
- 编写一段html代码,可以使用记事本或者专门的开发工具(例如VSCode)
- 用浏览器打开这个文件即可看到效果
写在最后
本篇笔记主要记录了html最基础的结构。
初次写笔记,如有错误或不好之处,欢迎批评指正