和斑码教育谢老师一起学习web前端课程-web前端课程笔记-第一天-HTML
笔记
一、软件
笔记：markdown 文档 typora
总结： xmind
编辑器：vscode
二、存储单位
Pb、 Tb、 Gb、 Mb、 Kb、 B（byte）、 bit
除了最后一个其他的换算单位都是1024
1Byte = 8bit
测网速的Mb中的b指的是byte，运营商标记的Mb中的b是bit
100Mb理论的最大下载速度为12.5Mb
三、软件的分类
依据： 客户端的不同
B/S结构软件和C/S结构软件
B/S结构软件（学习）
B：browser 浏览器
S：server 服务器
使用浏览器进行访问、使用的软件称之为BS结构软件
C/S结构软件
C：client 客户端
S：server 服务器
使用指定的客户端进行访问、使用的软件称之为CS结构软件
B/S和C/S结构软件的对比
1、BS更省钱
2、BS结构软件几乎所有的数据都存储在服务器，所以数据更加安全
3、BS结构软件服务器压力大
4、B/S结构软件使用统一的协议，默认使用的是http协议，C/S结构软件可以使用自定义的协议
四、浏览器（重点）
五大浏览器
划分的依据： 浏览器内核的不同
谷歌浏览器（chrome）、火狐浏览器（firfox）、欧朋浏览器（opera）、苹果浏览器（safari）、IE
IE: trident
edge: chromium
firfox: gecko
opera: presto
safari: webkit
chrome: webkit 、blink、chromium
使用： IE（8）、chrome、firfox
五、web的发展史
三个阶段
划分的依据： web功能的不同
- we1.0阶段
提供最简单的网站访问功能，文件的阅读、下载
- web2.0阶段
数据的交互、网站提供了交互功能、评论、点赞等等
社区、论坛、贴吧、微博
- web3.0阶段
云计算、数字货币
服务器最终都会给出响应，响应的只是文本、文本包括html、css、js。浏览器只能识别这些代码。刚开始学习，不需要搭建服务器，浏览器能够识别。
六、url
url： 统一资源定位符 俗称网址
完整的url： http://www.baidu.com:80/xxoo/ooxx/index.html?name=zhangsan&sex=nan#top
- http:// :协议
- www.baidu.com : 域名 （域名经过DNS解析系统转为ip地址）
- ：80 ： 端口号
- /xxoo/ooxx/index.html : 文件的路径
- ？： 分隔符
- name=zhangsan&sex=nan : 查询字符串，携带的数据
- #top ： 片段标识符，锚点，可以访问页面的不同的部分
七、响应
HTML：构成网页的主体（骨架）
css：完成页面的布局、页面的美化
javascript：交互
八、HTML
html : 超文本标记语言 Hypertext Markup Language
标记语言： 标记 === 起绰号，让被标记的内容拥有指定的样式
超文本标记语言： 标记除了文本之外的东西，标记图像、音频、视频等
8.1 创建html文件
1、打开文件的扩展名
2、创建文件 名为 xx.html
3、安装编辑器的插件 ： chinese、open in default browser
4、添加工作区： 将所有的代码放到指定的目录下，将该目录设置为工作区
5、使用右键新建文件、或者点击一个文件使用ctrl+n新建文件
8.2 体验标签
<marquee>斑码教育斑动梦想、码上起航！</marquee>
上面的marquee,被称之为标签
标签分类：
按照个数进行划分：单标签和双标签
双标签的格式:<标签名 属性名1=“属性值1” 属性名2=“属性值2” 属性名3=“属性值3” …>被标记的内容</标签名>
单标签的格式：<标签名 属性名1=“属性值1” 属性名2=“属性值2” 属性名3=“属性值3” …/>
标签属性：用来修饰标签的，标签属性拥有一些公共的，但并不是所有的属性都是公有的。
学习html的两个内容： 标签和标签的属性
8.3 html的骨架标签
快捷键: !+ tab
8.4 注释符
注释符的作用：
1、文档说明
2、调试代码
html的注释符
快捷键： ctrl + /
注释符的实质： 就是让被注释的内容不起作用
dtd 定义文档类型：（了解）
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 严格版本
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">过渡版本
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">框架级版本
html5 标准：<!Doctype html>必须书写的
浏览器在识别网页，解析渲染的过程中，默认有两种标准模式（写了<!DOCTYPE HTML>）和怪异模式（松散模式）
8.5 字符集编码
每一个国家都有自己的语言，互联网在编程的时候进行体现就是字符编码。
中国： gbk/gb2312
万国码： unicode （utf-8）
什么时候使用gbk（gb2312）和unicode？
网站面向世界的使用unicode，网站中文比较多，且只面向中国客户，使用gbk或者gb2312。
hn标题标签，n的值为1~6
代码：
<!-- 文档声明DID，告诉浏览器使用何种模式解析网页 -->
<!DOCTYPE html>
<!-- html标签，理论上所有的html代码标签都应在html这个标签内 -->
<html lang="en">
<!-- head头标签，主要记录一些信息，给浏览器识别的信息 -->
<head>
<!-- meta标签，是一个单标签, 根据属性的不同其功能不同 -->
<!-- charset字符集设置网页使用什么样的字符进行解析的 -->
<meta charset="UTF-8" >
<!-- 移动端适配的 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 网页的标题 -->
<title>沈阳101</title>
</head>
<!-- body体标签，整个网页的内容都是在body体标签中的 -->
<body>
<h1>沈阳</h1>
<!-- 我爱你塞北的雪 -->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
</body>
</html>
结果：
以上，交流学习提问，请加企鹅群：1103015245