前言
写了那么久终于进入正题，还记得前面说过的前端三剑客，按照顺序HTML自然排在最前面进行学习，基础不牢地动山摇，所以别看HTML简单，但他可谓是重中之重。
目录
前言
一、HTML网页的结构
1、文档声明：
2、html标签：
（1）
是网页的“头部”，用于定义一些特殊的内容
3、
是网页的“身体”。
一、HTML网页的结构
两个标签闭合，成为一个基本的HTML代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
</body>
</html>
1、文档声明：<!DOCTYPE html>
<!DOCTYPE html>是一个文档声明，表示这是一个HTML页面。
2、html标签：<html></html>
（1）<head></head>是网页的“头部”，用于定义一些特殊的内容
HTML标签的作用，是在告诉浏览器，这个页面是从开始，然后到结束的。里面就是全部代码内容！
对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。
扩充：只有6个标签能放在head标签内
（1）title标签
title标签唯一的作用就是定义网页的标题。
（2）meta标签
meta标签一般用于定义页面的特殊信息
例如页面关键字、页面描述等。这些信息不是提供给用户看的，而是提供给搜索引擎蜘蛛（如百度蜘蛛、谷歌蜘蛛）看的
meta标签有两个重要的属性：name和http-equiv。
name
keywords 网页的关键字，可以是多个，而不仅仅是一个
description 网页的描述
author author
copyright 版权信息
一般只会用到keywords和description。
http-equiv
定义网页所使用的编码；
语法：
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
在HTML5标准中，上面这句代码可以简写为：
<meta charset="utf-8" />
定义网页自动刷新跳转。
语法：
<meta http-equiv="refresh" content="6;url=http://www.baidu.com"/>
这段代码表示当前页面在6秒后会自动跳转到http://www.baidu.com这个页面。
<meta charset="utf-8" />的作用是为了防止页面出现乱码
（3）link标签
link标签用于引入外部样式文件（CSS文件）
（4）style标签
style标签用于定义元素的CSS样式
（5）script标签
script标签用于定义页面的JavaScript代码
也可以引入外部JavaScript文件
（6）base标签
target
_blank
_parent
_self
_top
framename
在何处打开页面中所有的链接。
<base> 标签为页面上的所有链接规定默认地址或默认目标。
一般不需要时也不会过多调试其中内容。
title标签：title标签唯一的作用就是定义网页的标题。一般会出现如下图位置。
3、<body></body>是网页的“身体”。
对于一个网页来说，大部分代码都是在这个标签对内部编写的。 没写的花打开就是一个空白网页，因为没有内容给他渲染。
如果我们在里面放入一段文字，或者是任何内容，也就成功做出我们的第一个网页。文章来源：https://www.toymoban.com/news/detail-424410.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
这其实就是是我们的第一个网页
</body>
</html>
文章来源地址https://www.toymoban.com/news/detail-424410.html
到了这里，关于【前端之路】HTML小道独行——前端程序员的第一个网页的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[ChatGPT] 从 GPT-3.5 到 GPT-5 的进化之路 | ChatGPT和程序员 : 协作 or 取代](https://imgs.yssmx.com/Uploads/2024/02/447473-1.jpeg)
