标签的分类：
男标签：h1 块给标签 独占一行 默认情况下，宽度占父元素的100%
女标签：span 行内标签 并排显示 宽度默认是内容的宽度
人妖标签： 行内块标签
后面每学习一个标签，都要搞清楚它的性别
开发者工具，调试网页：
F12 鼠标右键—>检查
p标签： paragraph
p标签是用来表示段落，和语文中的段落是一个意思。
性别：男标签
如果p标签中放了很多的文本，满一行，会自动换行。
换行标签 ： br
不是自动换行，手动换行，可以使用br标签 是一个单标签
路径：
远程的路径：URL
URL：uniform resource location 统一资源定位符
http:
http表示协议 规则
人与人交流：汉语 规则
人与计算机交流：计算机语言 规则
计算机与计算交流：规则 协议 http
列表：
基本上任何一个网页都会使用到列表。特点：整齐，有序
分类：
无序列表：用的最多
有序列表：基本上不用
自定义列表：偶尔会使用
自定义列表：
dl+dt+dd
d:defined 是定义的意思
l:list
d:defined 是定义的意思
t:title
dd: defined describe描述的意思
表单：
用来收集用户在网页上写的数据。 form 表示表单。
在表单中可以有各种各样的表单元素。
action="" 表示最好，你把你收集的数据提交给谁。
表单元素：
input是表单元素 获取焦点 失去焦点
里面有一个type属性 type是类型的意思
type=“text” text是纯文本
type=“password” 密码框
type=“number” 只能输入number
type=“radio” 只能输入number radio本意是收单机 单选框 必须指定name属性
type=“checkbox” 复选框
作用1：选中多个 爱
作用2：同意按钮
select+option 下拉菜单
快捷键：
ctrl+D 复制上一行
ctrl+x 删除当前一行 剪切
vscode 还是 webstrom 设置自动保存
H5开发：
HTML5开发
做什么：
PC网站 移动端网站（webapp） 小程序 后端开发（Node.js） 跨端开发 …
H5产品：
产品经理：需要分析，产品规划，出原型设计…
美工/UI设计：产品界面，出效果图…
前端开发：
WEB前端：H5开发 目前来说，JS是浏览器唯一的语言。 就玩JS。
客户端：
android:
ios:
基于APP的二级生态：
小程序开发 H5工程师做的
桌面端的应用：
H5也可以做桌面端应用
后端开发：
JAVA，PHP主为
Python,Node.js少一点
软件测试工程师：测试
运维工程师：上线
开发环境搭建：
两器：
浏览器：最新版谷歌浏览器
编辑器（IDE）： webstrom vscode …
我们现在先学习静态网页如何实现：
一个网页由三层组成：
结构层：HTML实现 over 学习HTML就是学习一堆标签
样式层：CSS实现 明天就开始讲CSS 4天左右 PC网站 移动端网站
行为层：JS实现 后面所有时间都是JS JS是作为前端程序员的核心中的核心
HTML层：
超文本标签语言 标签是HTML定死 标签作用：主要是用来让浏览器解析
不同的标签的代表的含义是不一样的。
HTML文档：
创建一个后缀是。html文件，里面写
后缀：。html .htm
基本结构： !+tab
<!doctype html> DTD 文档声明 主要是给浏览器看的
// 设置网页的基本信息 1）网站的标题 2）网站的小icon 3）设置SEO 4）引入外部的CSS或JS…
…
标签还可以这样分：
男标签：块级标签 特点：独占一行 宽度默认是父元素的100% 如：h1——h6 p 列表类 表格 form
女标签：行内标签 特点：并排显示 不能设置宽高 宽度默认是内容的宽度 如：span a strong
人妖标签：行内块标签 特点：除了可以并排显示，其它特点和男标签一模一样 可以设置宽度 如：img input
HTML中三个概念：
标签，属性，元素
标签：
属性：class=“box”
元素：
浏览器的调试工具：
F12 鼠标右键—>检查
Elements面板 CSS时，我们会经常使用调试功能
选择工具：可以选中页面上的一个元素
HTML中的经典标签：
1）注释标签
ctrl+/ ctrl+shift+/ vscode快捷键
2）h1——h6 h1包logo 使用最多的是h2 和 h3
3）hr
4）p br 文本修饰标签： stong em del ins
5）div span div 分割 DIV+CSS 完成页面布局
6）img标签 路径 相对路径： …/
7）a标签 站内链接 站外链接 锚点链接
7）列表类标签 无序列表 有序列表 自定义列表
8）表格类标签 table tr th td …
7）表单类标签 form表示表单 表单元素：input（type） select+optino textarea
HTML里面还有一些东西没有说到，后面我们边讲其它的内容，边去补充HTML中的内容。
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery