html总结
1基本概念
1、网站和网页
1）网站有N个网页
2）网页包括：文字、图片、视频、音频、连接、程序
3）网页的内容由html技术实现
4)网页后缀通常都是.html
浏览器和渲染引擎
1)常见的浏览器：谷歌，火狐，IE，Safari，欧朋
2)不同的浏览器有不同的内核
网页三层结构
1)结构层:使用HTML技术实现，说白了，就是给网页提供内容
2)样式层:给网页提供样式(布局，美化)
3)交互层:使用JS实现，JS是前端程序员最最最最需要掌握的技术推荐使用Vs Code工具，好处:小巧，插件多
开发工具
1）使用Vs Code工具，好处:小巧，插件多
2）快捷键：shift + alt+向下箭头=>复制上一行tab =>向后移动代码
shift + tab =>向前移动代码
!+ tab => html基本骨架!是英文的!
div.wraper + tab =>生成一个带名字的div鼠标中键＋向下拽=>同时选中多行
键盘上的del健=>删除文件
F2=>重命名
F2=>重命名
快捷键octrl + f =>查找内容并替换内容
标签，属性，元素
1）标签:标签都是使用<>包起来，分单标签和双标签，分男标签，女标签和人妖标签
2)标签与标签之间是有关系，分兄弟关系和父子关系
3)属性:写在开始标签中，以xxx = "xxx"这种形式出现，一个标签中可以有N个属性
4)属性也分：共有属性，特有属性
5)共有属性：class，id；title
6）元素:标签+属性+标签之间的内容
html的基本骨架
文档声明
1） HTML5的文档声明
html元素
2)告诉浏览器，以什么样的标准来解析我们写的代码是一个网页的根元素，只有这一个
3)lang属性:指定网页的语言zh-CN表示中文
head元素
4)网页的头部:基本上在对网页的设置，都会在head实现title属性:指定网页的标题的
5)meta属性: charset="utf-8”如果不指定，会出现乱码
body元素
网页的主要内容都是写在body中的
常用标签
1）h系列-标题标签“h1-h6"递减
2）p标签，段落标签浏览器会自动适用换行。
3)换行标签
1:强制换行，2：单标签
4)文本格式化，1：加粗strong或者< b> 2:倾斜em或者< i> 3:删除线del或者< s> 4:下划线ins或者< u >
5)无语义：1、div，2、span
6)图片标签< img>
属性：src:图片的路径(来源)
alt:当图片加载错误时显示的文字
title:当鼠标悬停在图片上显示的文字
width：图片的宽度
height:图片的高度
border:图片的边框
7)属性的特点:1.属性之间部分先后顺序
属性名与属性值之间以键值对的形式存在
3.属性名与属性值之间以等号分隔属性值要以引号包裹;
8）路径：1：相对路径：在同一文件夹直接找名字，向上一级../向下一级/
绝对路径外部链接< aref="htwp://wwwwww.com"></ >写完整的协议域名网址
9）连接标签< a>:内部连接< a href=" index"></ a>
属性：1、href：指定跳转的页面
2、title鼠标悬停显示文字
3、target: -self(默认会覆盖原来的窗口)_blank(会以新的窗口打开)窗口的打开方式
4、#：会阻止页面跳转
10）锚点：连接使用#；目标标签id值与连接#号后面一样
11)注释与特殊字符：<!——注释--!>Ctrl+/快捷键
列表类标签
1）无序列表< ul>< li>
有序列表< ol>< li>，
自定义列表< di>，< dt>< dd>
表格类标签
1）属性：
< table><>表格
< tr>行< td>单元格
< th>表头惇加粗加黑自动居中
< caption>表格的标题写在内部显示外部居中
< tiead>结构头
< tdady>结构体
< tfoot>结构低
2)属性：
width:宽度
height:高度
cellspacing:单元格与单元格之间的距离
cellspadding:单元格与内容之间的距离
colspan:列合并
rowspan:行合并
表单类标签
input属性
1）1.text:文本框
2.password:密码框
3.radio:单选按钮
4.checkbox:复选框
5.button:普按钮6.reset:重置按钮需要配合form表单才有作用
7.submit:提交按钮
8.image属性src
name属性
1）发送后台
2)name的标识对于单选按键 只能选择一个
value：文本框默认选择文字
可以写一个属性也可以属性名=属性值o checked:默认选中
< label>请输入< inqut type ="text" >< input type
3)label用法：<label for="请输入
< input type="text"id="a">
文本域：texttrea：用户留言
下拉列表
< select>
< option>请选择</ option>
< option>香蕉</ option>
< option >苹果</ option>
< option >橘子</ option>
< select>
下拉列表的默认选中: selected
form表单
主要的作用:是收集用户信息发送后台
action:提交后台的地址
method= "get/post”提交（传输)后台的方式
name="a”告诉服务器由哪个表单提交过来的
