html学习

 https://www.cnblogs.com/hansha/p/10075017.html

介绍

html  相当于给网页设计骨架
css  添加漂亮效果
js   给页面添加动态效果
jquery  对js语言的封装
bootstrap 实对js和jquery的封装

 

网页显示数据的流程
浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面

html是什么?
超文本标记语言是一种用于创建网页的标记语言,是基于vs(浏览器)框架下的语言(仅此而已,不是编程语言)
本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题）
网页文件的扩展名：.html或.htm

 

#html文档结构
1.   #声明为html5文档,向web浏览器声明提交的html版本,必须唯一标签之前
2."zh-CN">   #这个lang表示语言，zh-CN是中文的意思，就是说，你整个文档的内容以中文为主，如果以英文为主，就写成lang='en'
3.、是文档的开始标记和结束的标记。在它们之间是文档的头部（head）和主体（body）
4.、HTML文档的开头。它们之间的内容不会在浏览器的文档窗口显示。包含了文档的元（meta）数据，配置信息等，是给浏览器看的，你看到的是在body标签里面写的。
5.、之间的文本是可见的网页主体内容。
6.定义了网页标题，在浏览器标题栏显示。
注意
  声明编码,否则胡出现乱码.有些浏览器默认是gbk编码,需要这里设置为gbk编码
网页地址以file:/// 也是一种协议(打开本地文件的协议,仅限于相对路径)

　　HTML标签格式

• HTML标签是由尖括号包围的关键字，如,
  等
• HTML标签通常是成对出现的，比如：
  和
  ，第一个标签是开始，第二个标签是结束。结束标签会有斜线。
• 也有一部分标签是单独呈现的，比如：
、

  ---

  、等。
• 标签里面可以有若干属性，也可以不带属性。如果带属性，必须有属性值，属性值放到引号里
• 标签字母全部是小写

　　标签的语法：

• <标签名 属性1=“属性值1” 属性2=“属性值2”……>内容部分
• <标签名 属性1=“属性值1” 属性2=“属性值2”…… />
• 空白折叠

　　几个很重要的属性：

• id：定义标签的唯一ID，HTML文档树中唯一
• class：为html元素定义一个或多个类名（classname）(CSS样式类名)
• style：规定元素的行内样式（CSS样式）

　　HTML注释

 

 

head中的标签

head标签都放在头部分之间。这里面包含了：

​