#HTML 基础知识总结
- 几种常见的图片格式：
- jpg jpeg 非透明图片
- png 透明背景图片
- gif 动图
- 相对路径：
- ./表示是在当前目录下
- ../表示是在上一层目录下
- 绝对路径：可以用超链接引入
<img src="加入图片路径" alt ="图片没有显示出来时的文字">
- 对于a标签，引入超链接，有以下几个使用方法：
<a href="https://baidu.com" >百度</a>
<a href="https://baidu.com" target="_blank">百度</a>
target = _blank表示跳转下一页页面时，还保留原有页面
<a href="#">请登录</a>
<a href="javascript:void(0)">免费注册</a>
#表示不跳转，javascript:void(0)表示跳转至当前页面
<ul>
<li>111</li>
<li>222</li>
<li>333</li>
</ul>
这是一个无序列表，在模仿购物网页的时候会习惯性的用这个，这个用起来比较方便
<ol>
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
<li>dddd</li>
</ol>
这是一个有序列表，可以将有序列表修改成无序列表
<ul + li 无序列表>
<ol + li 有序列表>
有序可以改成无序，无序可以改成有序，在style中对他进行样式设计
list-style-type: none 取消不展示
disc 默认实心圆
square 正方形
circle 空心圆
decimal 数字
position:
outside 编号在背景外部
inside 编号包含在背景内部
- 表格问题：
<table>标签表示表格
<table border = "1">
<tr>
<td>Et Aiors</td>
<td>最棒！</td>
<t/r>
<tr>
<td>越努力</td>
<td>越幸运</td>
<t/r>
border 表示是这个表格的边框，tr是行，td表示是列
表格展示
| Et Aiors | 最棒 |
|---|---|
| 越努力 | 越幸运 |
- form表单问题
<form action = "表单传回地址">
<input type = text 文本框
password 密码框
radio 单选框
checkbox 复选框
<select + option> 下拉列表（这是表单范畴内的）
textarea 文本框
submit 提交（也可以用button实现）
value:表示当前单选框的值（可以理解为回传结果,方便后端同学理解传回信息含义）
>
着重强调一下单选框和复选框的问题：
a. 单选框(radio)
name 相同时表示的是同一组单选框
如果想要点击文字就能选中的话，只需要在input中加入一个id，利用这个id和<label>标签就可以完成，如：
<input type="radio" name="sex" id="boy" value="nan"> <label for="boy">男</label>
<input type="radio" name="sex" id="girl" value="nv"> <label for="girl">女</label>
b. 复选框(checkbox)
<input type="checkbox" name="fruit" id="apple"><label for="apple">苹果</label>
<input type="checkbox" name="fruit">梨
<input type="checkbox" name="fruit">香蕉
<input type="checkbox" name="fruit" checked>西瓜
checked 表示已经默认选中
c. 下拉菜单（select + option ）
年级：
<select>
<option>19</option>
<option>18</option>
<option>17</option>
<option>16～1</option>
</select>
d. 文本域（textarea）
<textarea cols = "300" rows = "10">这是一个文本框</textarea>
rows 是行
cols 是列
- 块级元素与行级元素的区别：
- 块级元素是单个元素占一行，可以设置宽高
- 快级：h1 ~ h6 p div ul li ol
- 行级元素是多个元素占一行，可以用display将行级元素设置块级元素
- 行级：span a
- 行级块元素既有行级元素的特点又有块级元素的特点
- 行级块元素：img
