HTML
html文件是浏览器负责解析和展示的
HTML
基础结构
根标签：
<html>文件的根标签，<html></html>所有的其他标签都要在这个标签中间
html根标签下有两个一级子标签
头部元素
<head></head>:头标签，定义那些不直接展示，但又很重要的内容
主体元素
<body></body>体标签，定义要展示在页面中的内容
指定字符集
<meta charst="utf-8"/>：表示用utf-8对页面进行解码
文档声明
<!DOCTYPE html>
专业词汇
标签：页面中的一对<>
属性：对标签特征进行设置的一种方式，属性一般在开始标签定义
文本：双标签中间的文字
元素：开始标签+属性+文本+结束标签 称之为一个元素
常见标签
标题标签
<h1>~<h6> 标题标签号越大，字体越小
段落标签
p是段落标签
换行标签
<br/>是普通换行，是单标签
<hr/>是带分割线的换行，也是单标签
列表标签
有序列表 ol 无序列表 ul 列表项 li
列表标签之间也可以进行嵌套
<!--
有序列表
-->
<ol>
<li>数据结构</li>
<li>面向对象</li>
<li>变量</li>
<li>函数</li>
</ol>
<!--
无序列表
-->
<ul>
<li>JAVA</li>
<li>C</li>
<li>C#</li>
<li>php</li>
</ul>超链接标签
a标签：
- href属性：用于定义跳转的目标资源的地址
- target属性：用于定义目标资源的打开方式
-
- _self：在当前窗口打开目标资源
- _blank：重新开启新窗口打开目标资源
相对路径：以当前资源为出发点去找目标资源
./：表示的当前资源所在的路径，可以省略不写
../：表示当前资源的上一层路径，需要时必须写出
绝对路径：无论当前资源在哪里，使用固定的位置作为出发点去找目标资源，以/开头
图片标签
img标签
- src属性 定义图片的路径
- title属性 定义鼠标悬停时提示的文字
- alt属性 定义图片加载失败时提示文字
表格标签
table：整个表格
- thead 表头
- tbody 表体
- tfoot 表尾
tr表示表格中的一行
td表示表格一行中的每一个单元格
th自带加粗居中效果的td
td中有两个属性：
- rowspan：把该单元格向下拓展多少列
- colspan：把该单元格向右拓展多少行
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h3>员工技能竞赛评分表</h3>
<table>
<thead>
<tr>
<th>排名</th>
<th>姓名</th>
<th>分数</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<th>张小明</th>
<th>100</th>
</tr>
<tr>
<th>2</th>
<th>李小东</th>
<th>99</th>
</tr>
<tr>
<th>3</th>
<th>王小虎</th>
<th>98</th>
</tr>
</tbody>
</table>
</body>
</html>表单标签
表单标签可以实现让用户在界面上输入各种信息并提交的一种标签，是向服务端发送数据的最重要的方式之一
form标签，表单标签，其内部用于定义可以让用户输入信息的表单项标签
- action, form标签的属性值，用于定义信息提交的服务器的地址
- method，form标签的属性值，用于定义信息的提交方式
-
- get方式，数据会缀到url后，以？作为参数的开始，多个参数用&隔开
- post方式，数据会通过请求体发送，不会在缀到url后
get和post的区别
get
- 参数会以键值对的形式放在url后提交
- 重要数据直接暴露在地址栏上，相对不安全
- 地址栏长度有限制，所以提交的数据量不大
- 地址栏上只能是字符，不能提交文件
- 相比于POST效率高一些
POST
- 参数默认不会放到url后面
- 数据不会直接暴露在地址栏上，相对安全
- 数据是单独打包通过请求体发送的，提交的数据量比较大
- 请求体中可以是字符，也可是字节数据，可以提交文件
表单项标签
表单项标签必须要定义name属性，该属性用于明确提交的参数名
表单项标签还需要定义value属性，该属性用于明确提交的实际参数的值，value就是输入框中的默认值
input：
type：输入信息的表单项类型
text：单行普通文本框
password：密码框
submit 提交按钮
reset 重置按钮
radio 单选框，多个单选框使用同一个name的时候，会产生互斥效果，单选框中使用checked属性，可以设置默认选择
checkbox 复选框 多个选项选多个
file：文件上传框
hidden：隐藏域，不显示在页面上，提交的时候携带
readonly：只读，提交时携带
disabled：不可用，提交时不携带
textarea：多行文本框
select：下拉框
option：每个选项，如果想要默认选中要用selected
布局标签
div，h1~h6是块元素，自己独占一行，块元素的CSS样式的宽高都是生效的
span，img，a是行内元素，不会自己独占一行，行内元素的CSS样式的宽高大部分都是不生效的，span可以划定范围，把css样式专门作用在某些范围之内
