day 1
HTML——超文本标记语言，通过HTML标记对网页中的文本、图片、声音等内容进行语义化描述
HTML并不是一门真正意义上的编程语言，而是一种标记语言，通过带有尖角号<>的标签对文本进行标记，从而实现网页的结构搭建
w3c组织——万维网组织
http是无连接的，每一次都需要重新请求
纯文本和超文本的区别
def，纯文本只包含文字内容，不能包含文字以外的，例如图片、视频等
纯文本文件：文件内部只能书写纯文本，而且不能保存样式。最常见的是.txt，.html，.css，.js，不能传输格式，比如把.txt文档从电脑上传到手机上，文字的格式是手机默认的格式。
非纯文本：最常见的是Word文档.doc，.ppt。
纯文本和非纯文本的空间内存相差非常大
所有的纯文本编辑器都能编辑HTML文件。例如最简单的记事本，只需要写完之后把格式改为.html
快捷键
html骨架 html：5→tab
快速生成元素 元素名→tab
生成h1~h6 h$*6→tab
自动生成多个元素 div*5→tab
选中多个光标 按住滚轮不松手，向下拖动鼠标（不是滚动）
在任意位置换行 ctrl加enter
html5骨架
1.DTD
必须出现在第一行，让浏览器知道这是什么格式的文件
<!DOCTYPE html> DOCTYPE 表示文档类型，html就是超文本标记语言
2.html标签
整个网页必须被<html></html>包裹，里面有<head></head>和<body></body>
其中head和body是同级关系
<head></head>:网页的配置
<body></body>:网页的正是内容，浏览器可视区域
标签有一个属性lang ，表示 language的意思，表示整个网页的主体语言
en表示English 中文表示法有 zh、cn、zh-CN。
3.字符集
在head标签对中，是一个个文件的配置。几乎所有的配置都是写在meta标签中的
meta就是元的意思，表示基本配置
UTF-8中汉字占3个字节 gbk中汉字占2个字节
如果网页使用场景面向群体是国际化的，使用utf-8，如中华网，如果主要群体是国内，则使用gbk，如腾讯网。
如何修改字符集？比如将字符集gbk修改为utf-8
第一步将meta标签里面的gbk改为utf-8
第二步修改编辑器的字符集，点击编译器右下角的GBK
第三步选择通过编码重新打开
第四步输入对应的字符集，即utf-8
第五步点击右下角的字符集，再次选择通过编码保存
4.视口标签
如果不加这个视口标签，手机看这个网页是“俯瞰”模式，将以980p*宽度俯瞰页面
加上改视口，手机看网页就是app模式，将以app的状态和字号看页面
5.浏览器私有设置
6.title标签
title就是在在浏览器选项卡的区域显示的文字
7.keywords 关键字
搜索引擎优化
<meta name="keywords” content="前端,HTML,JavaScript">
8.description页面描述
<meta name ="description"content="网页的描述"/>
以腾讯网为例
HTML的基本语法
1.标签
标签名必须书写在一对尖括号<>内部
标签分为单标签和双标签，双标签必须成对出现，有开始标签和结束标签
结束标签必须有关闭符号/ eg：<h1>存放内容的地方</h1>
根据标签内部存放的内容不同，将不同的标签划分为两个级别
根据标签的种类区分两个等级，分别是容器级和文本级
容器级：元素内部除了可以存放文本之外，还可以嵌套标签
文本级：元素内部只能存放文本或者文本级标签
单标签 双标签
2.标签属性
def，标签属性是标签身上的一些特殊性质，通俗来说，给标签加上某个属性就相当于给标签赋予了职能，前提是标签必须具备这样的职能
书写位置：在开始标签或者单标签的标签名后面添加一个空格，空格后面书写属性
属性包含属性名（key）和属性值（value）两部分，根据英文表示，习惯将竖向写法称为键值对写法，标签属性的键值对写法是：k=“v”
以a标签为例
其中href相当于k 而www.baidu.com相当于v
多个属性之间必须要用空格隔开
3.标签之间对空白换行缩进不敏感
文本的位置不会根据书写标签的位置决定，二十根据标签的种类决定（块级还是行内级），但是对内存有影响
文本级标签无法嵌套
4.文本空白折叠现象
HTML的常用标签
1.h系列标签
英文：headline（标题）
包含一共六个标题，有h1~h6
都是双标签，是容器级标签
作用：给内部内容添加对应级别标题的语义
根据标签重要性不同，认为权重也不同，所有的标题标签的权重都比别的标签要搞
可运用上节课学习的h$*6+tab键快速生成h1~h6级别标签，然后按住鼠标滚轮进行统一赋文字
从我们对文本的定义来讲，权重就是文本的权重，比如设置h标签的文字就赋予了标题的含义
如果从浏览器的角度去考虑，它的权重在搜索引擎的优化，搜索引擎的优化除了会抓取meta标签你的配置的keywords之外还会优先抓取标题的内容。这个内容根据设置的权重去抓取，h1的标签权重是最高的，通常一个页面字使用一个h1，通畅用来制作网页的logo，如果在页面中设置了多个h1标签，那么搜索引擎会认为在作弊，从而降低排名。
2.p标签
英文：paragraph
双标签，文本级标签
作用：添加一个完整段落的语义
浙公网安备 33010602011771号