回顾总结“尚硅谷”HTML教程内容,再不复习就忘完了。。
一、简介
0.安装编辑器
VS Code:https://code.visualstudio.com/
1.html结构介绍
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
- !DOCTYPE html:文档声明,用来告诉浏览器当前网页的版本,不区分大小写,写在第一行,html外面。
- html:是html中的根标签(元素),网页中的所有元素都要写在根元素的里面
- head:head是网页的头部,head中的内容不会在网页中直接出现,主要用来帮助浏览器或者搜索引擎来解析网页
- meta charest=“utf-8”:meta标签用来设置网页的元数据,这里meta用来设置网页的字符集,避免乱码问题。charest指定网页字符集,name指定数据的名称
<meta name="keywords" content="HTML,前端,css3e">
<meta name="description" content="这是一个介绍">
常见的字符集:
ASCII
ISO88591
GB2321:中国的
GBK
UTF-8:万国码,一般都是这个
- title:title中的内容会显示在浏览器的标题栏,搜索引擎会主要根据title中的内容来判断网页的主要内容
- body:body是html的子元素,表示网页的主体,网页中所有的可见内容都应该写在body里
3.实体
在浏览器中,多个空格默认情况会被浏览器解析为一个空格。在html中,有些时候不能直接书写一些特殊符号。如果需要书写特殊符号,需要使用html中的实体(转义字符)
实体的语法:&实体的名字;
nbsp:空格
gt:大于号
lt:小于号
copy:版权符号
4.HTML基础
1.HTML 标题
HTML 标题(Heading)是通过h1~h6 标签来定义的。