2021-01-04

网页三层结构：

1. 结构层： HTML（hyper text mark language） 超文本标记语言
2. 表现层： CSS（Cascading style sheet）层叠样式表
3. 行为层 ： JS（JavaScript） 脚本语言

HTML

   .html 文档默认在浏览器端打开，一般称作网页 html      
            是超文本语言（不是编程语言（ 编程语言：C ,JAVA ,C++,PYTHON)
   html是一个网页，由标签组成
   html就是一套标记标签

标签结构

1.标签结构
- 由尖括号包裹的关键词 <关键词>
- 一搬标签都是成对出现,第一个开始标签,第二个就是结束标签
<关键词> </关键词>
- 也存在单标签 <关键词 /> (空标签)
- 标签里面是可以嵌套内容(也可以嵌套标签)
- 标签名都是小写(浏览器解析时会自动自动转换小写)
- 标签可以定义属性, 属性写在开始标签中, 以键值对形式写 属性名=“属性值”
可以同时定义多个属性,多个属性之间空格隔开
属性分为自定义属性和自带属性

基本结构

<! DOCTYPE html>
不是一个标签
用来声明文档类型，告诉浏览器需要以自身标准解析
html5文档类型声明

html 标签：网页最大的标签（根标签）
包含网页上所有内容信息
属性
lang：语言类型
值
en 英文
zh 中文

头部标签，主要用来设置网站信息，标题以及其他脚本文件
head 标签中的内容不会显示在页面

标签提供关于HTML的元数据。元数据不会显示在页面上，但是对于机器是可读的 charset 设置编码符类型 utf-8 万国码 ASCII gb2321 中文简体 gbk 中文（简体和繁体） 标题标签 网页主体内容

块级标签独占一行

div
主要用来划分区块，结合css用来布局

p
段落标签

h1 h2 h3 h4 h5 h6
标题标签 ，且会随数字越小字体越小

ul li
ul定义无序列表 li定义列表项
ul的直接子元素不可以是其他标签，只可以写li
只能在li标签中嵌套其他内容

行内标签，不独占一行

span 没有实际意义，配合css使用
b 加粗显示
strong 加粗显示，强调语意
i 斜体显示
em 斜体显示， 强调语意
del 删除
s 删除标签（淘汰）

链接

a href=“跳转路径” target="_self"
a 链接标签
a的属性： href 定义跳转的地址
target：定义网页打开位置
target的值：_self 在当前窗口打开
_blank 在新窗口打开
跳转到某个页面的具体位置
a href = "…/index.html#foot 跳转到index.html的 foot 位置

跳转到当前页面的某个位置
a href = “#foot” 跳转到foot的位置