HTML
HTML这篇笔记是关于html的一些语法，它包含了对html的认知与使用
一.html基础认知
1.什么是html：他是超文本标记语言
2.web标准三大组成部分？：结构html,表现css,行为js
3.html注释：<!-- -->或者快捷键：Ctrl+/
4.注释的作用：用于解释说明标签的描述信息
二.html标签
标签构成：双标签和单标签
标签与标签的关系：
1.父子(嵌套):<head>与<title>的关系
2.兄弟(并列):<head>与<body>的关系
html标签学习
1.1 排版标签
标题标签：<h1>到<h6>
特点：1.文字加粗变大，h1文字最大，依次递减,，2.独占一行
段落标签：<p></p>
特点：1.独占一行，2.文字多时浏览器会自动换行
换行标签：<br>
特点：1.单标签，2.让文字强制换行
水平线标签：<hr>
特点：1.单标签，2.在页面中显示一条水平线
1.2 文本格式化标签
标签名：
1.<b>和<strong> 加粗
2.<u>和<ins> 下划线
3.<i>和<em> 倾斜
4.<s>和<del> 删除线
特点：标签内容会在一行显示
1.3标签的属性
<开始标签 属性名=’属性值’></结束标签>
注意点：
1.标签的属性写在开始标签的内部
2.允许存在多个属性
3.属性之间空格隔开
4.标签名与属性之间必须用空格隔开
5.属性之间没有顺序之分
1.4媒体标签
img图片标签：<img>
1.src用于显示图片，值是图片路径
2.alt替换文本，图片加载失败时才会显示对应的文字信息
3.title鼠标悬停在图片上面时显示的文字信息
1.5路径
1.绝对路径(不常用)：指目录下的绝对位置，可直接达到目标位置，通常以盘符开始的路径
例如1:D:/1666/777
例如2:完整的网络地址2.相对路径：从当前文件开始出发找目标文件的过程
同级目录: ./
上级目录: ../
下级目录: /1.6音频与视频
音频标签：< audio>
常见属性：
src 路径
controls 显示播放的控件
autoplay 自动播放
loop 循环播放
muted 静音播放 视频标签：< video>
常见属性：
src 路径
controls 显示播放的控件
autoplay 自动播放 配合muted静音播放
loop 循环播放
muted 静音播放
poster=” “ 加载等待的画面图片a标签：<a href=''>内容<a>
常见属性：
href 跳转路径
target 设置目标链接的打开方式,两种值：_self,_blank
_self 默认值
_blank 新窗口打开 不会覆盖原网页空链接 ：<a href='#'>内容<a>
1.7列表标签
无序列表：<ul><li></li></ul> 并列关系,无顺序之分
有序列表：<ol><li></li></ol> 有顺序之分，主要用于排名
自定义列表： 一般用于网页底部， 简单理解就是一个大哥带着几个小弟，dl是自定义列表的框架，dt是大哥，dd是小弟<dl> <dt>我是大哥</dt> <dd>我是小弟1号</dd> <dd>我是小弟2号</dd> </dl>
1.8表格标签
表格结构标签：table表格整体，tr行，td单元格<table>
<tr>
<td>序号</td>
<td>姓名</td>
</tr></table>
表格属性
boder 边框 width height
align left right center 表格对齐方式（写入table标签中）
cellpadding 表格中文字与边框的距离
cellspacing 表格中边框与边框之间的间距 表格标题和表头单元格标签
1.caption 表格标题，写在table里面
2.th 表头单元格，里面文字会居中且加粗
表格结构标签(了解)
thead 表格头部区域标签
tbody 表格主体区域标签
tfoot 表格底部合并单元格
注意：合并属性是写在单元格td，th上，不能跨结构标签合并：thead tbody tfooter
colspan 跨列合并 以左侧单元格作为目标单元格
rowspan 跨行合并 以上侧单元格作为目标单元格
最后删除多余的单元格
1.9表单标签
input系列
1.text文本框 placeholder占位符，提示输入文本
2.password密码框 placeholder占位符，提示输入文本
3.radio单选框
name 相同的name属性值的单选框为一组
checked 默认选中
4.checkbox多选框
checked 默认选中
5.file文件选择框
multiple 默认只能选择一个文件，选择多个则需要multiple
6.按钮
submit提交按钮
reset重置按钮
button普通按钮
注意：如果需要实现以上按钮，需要配合form标签使用
value属性可以设置文字button按钮标签
submit提交按钮： <button type="submit">提交</button>
reset重置按钮： <button type="reset">重置</button>
button普通按钮
注意：如果需要实现以上按钮，需要配合form标签使用
select下拉框
标签组成：select标签和option标签
默认显示：selected，在option里面添加
textarea标签
属性：cols 宽度 ，rows 行的数量
textarea文本域
label标签
作用：光标聚焦
表单聚焦：<label for="fullname">姓名：</label><input type="text" id="fullname">
单选聚焦：<label>男：<input type="radio"></label>
语义化标签
1.没有语义的标签
div独占一行
span不独占一行2.语义化标签(了解)
header 网页头部
footer 网页底部
section 区块
nav 导航栏
aside 网页侧边栏
article 网页文章 字符实体
空格
> 大于
< 小于
