初出茅庐——自学HTML（一）

系统管理员 2023-01-22 14:55 131阅读 0赞

心血来潮，突然想学习前端技术，之前一直在做应用程序设计和嵌入式软件开发；

于是上网搜索教程，发现看不下去；

寻寻觅觅，蓦然回首，那人却在灯火阑珊处；偶然之间发现哔哩哔哩网站上资源挺多的；于是在上面搜索听了一下，发现绝对适合我这个在前端完全小白的新手；

偶怕跟着学习过后，又是一个从入门到放弃的一条不归路，因此把学习的内容记录下来；一是把老师讲的记录一遍，加深印象；二是也把课堂笔记做个归档；

言归正传：

先说一下一个html文档的结构；

其中<!DOCTYPE html>指定这里使用的是HTML5

整个网页是在<html></html>中的；

其中主要的内容分为<title></title>和<body></body>两部分；

title是不显示在网页内容里的；

body才是网页中显示的内容；

这是HTML语言中的注释部分；

例子：一个简单的网页文件：

<!DOCTYPE html>
 <html lang = "zh_cn">
 <head>
 <meta charset = "UTF-8">
 <title>实体</title>
 </head>
 
 
 <body>
 
 需要显示在  浏览器中的内容；
 
 
 
 ac
 ©
 
 
 </body>
 </html>

其中在<head>中还有一个是关键字是meta

比如：

其中的meta不是给用户看的：meta主要用于设置网页中的一些元数据，元数据不是给用户看，并且包含一些关键字：

——charset 指定网页的字符集  
—— name 指定的数据的名称  
—— content 指定的数据的内容

——keywords 表示网站的关键字，可以同时指定多个关键字，关键字间使用,隔开；

——description 用于指定网站的描述

——http-equiv 将页面重定向到另一个网站

比如：

说明：

网站的描述会显示在搜索引擎的搜索的结果中

title标签的内容会作为搜索结果的超链接上的文字显示

标识3秒后，网页刷新，将自动转到百度网页

<!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="UTF-8">
 
 <meta name="keywords" content="HTML5,前端,CSS3">
 <meta name="description" content="这是一个非常不错的网站">
 
 
 <title>Document</title>
 
 </head>
 <body>
 
 </body>
 </html>