[前端] [HTML] HTML初识

2020-05-17  本文已影响0人  零Ling_c

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代码,并且用任意浏览器打开这个文件即可。

  1. 新建一个.html后缀的文件
  1. 编写一段html代码,可以使用记事本或者专门的开发工具(例如VSCode
  1. 用浏览器打开这个文件即可看到效果

写在最后

本篇笔记主要记录了html最基础的结构。

初次写笔记,如有错误或不好之处,欢迎批评指正

上一篇下一篇

猜你喜欢

热点阅读