概述：
HTML(Hypertext Markup Language)，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。
HTML(Hypertext Markup Language)，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。
CSS(Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
网页大致可以分为结构（HTML）表现（CSS）行为 (JS)。
元素和标签是一样的，元素就是标签，标签就是元素。
HTML部分
1.html的基本结构
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>2.实体
在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格，同时在HTML中有些时候，我们不能直接书写一些特殊符号，比如：多个连续的空格，比如字母两侧的大于和小于号。如果我们需要在网页中书写这些特殊的符号，则需要使用html中的实体（转义字符）
实体的语法：
&实体的名字;一些常用的实体
空格
> 大于号
< 小于号
© 版权符号3.meta，title标签
在html的head中我们经常看到这类标签
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--表示 让网页打开后重定向到另一个网页，content中3表示3s后跳转到url中的网址-->
<meta http-equiv="refresh" content="3; url=http://www.topzhang.cn">meta主要用于设置网页中的元数据，其中有些属性和属性值含义如下：
charset 指定网页的字符集
<meta charset="UTF-8">name 指定数据的名称， content 指定数据的内容
keywords 表示网站的关键字
<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东"/>description 用于网站的描述，会显示在搜索引擎的搜索结果中
<meta name="description" content="bilibili是国内知名的视频弹幕网站，这里有最及时的动漫新番，最棒的ACG氛围，最有创意的Up主。大家可以在这里找到许多欢乐。">
<meta name="keywords" content="Bilibili,哔哩哔哩,哔哩哔哩动画,哔哩哔哩弹幕网,弹幕视频,B站,弹幕,字幕,AMV,MAD,MTV,ANIME,动漫,动漫音乐,游戏,游戏解说,二次元,游戏视频,ACG,galgame,动画,番组,新番,初音,洛天依,vocaloid,日本动漫,国产动漫,手机游戏,网络游戏,电子竞技,ACG燃曲,ACG神曲,追新番,新番动漫,新番吐槽,巡音,镜音双子,千本樱,初音MIKU,舞蹈MMD,MIKUMIKUDANCE,洛天依原创曲,洛天依翻唱曲,洛天依投食歌,洛天依MMD,vocaloid家族,OST,BGM,动漫歌曲,日本动漫音乐,宫崎骏动漫音乐,动漫音乐推荐,燃系mad,治愈系mad,MAD MOVIE,MAD高燃"> title标签的内容会作为搜索结果的超链接上的文字显示(网页的标题)
<title>document</title>其他
标签中常见的标签