HTML进阶
webstorm(2099)用来写前端的
-
标签分类
-
块级标签：块级标签可以修改长度，可以嵌套任意标签
- div
- ol+li,ul+li
- table
- p
- h1...h6
-
行级标签：不可以修改长度，只能嵌套行内标签
- span
- a
- strong:加粗
- em：斜体
- img
- br
-
-
特殊符号(分号结尾)
- 空格  
- 大于号 >
- 小于号 <
- &符号 &
- ￥ 符号 ¥
- 版权©：©
- 商标™：&trade
- 商标r:®
- 乘法x: ×
- 除法÷：÷
-
常用标签
-
div :容器标签，将文档分隔成独立的区块，页面先用div分区，再填写内容
<div> <> </div> -
span:内联标签，对特定部分进行演示修饰或添加特殊效果：颜色、字体、css交互，普通文本先用span占位再去装饰页面
<span></span> -
img：
<img scr=''alt=''title=''height=''width=''>- src:图片路径，必需
- alt:加载不成功时的图片描述性信息
- title:鼠标悬浮时，自动展示图片信息
- height/width:高度、宽度
-
a:
<a href='' target='_blank'></a> <a href='' target='_self'></a>- href:目标链接
- target
- _blank ：打开一个空白标签页访问地址
- _top:原地刷新，
- _selft:原地刷新
- _parent:原地刷新
- 锚点功能：本页面内的超链接
-
-
重要属性class+id:每个标签都公有的2个属性
-
class：一类标签，一个页面上多个标签可以有同一个class，这些class值共享同一个属性
<head> style </head> <span class=''>***</span> -
id:一个id在同一个页面上只能出现一次
-
表格标签
<table border='*'，cellpadding='',cellingspace=''>#声明表格标签,border为边框,cellingpadding为边框与字体间距，cellspacing
<thead> #表头
<tr> #声明一行
<th>888</th> #加粗
<td colspan=''>999</td>#不加粗
<td rowspan=''>999</td>#不加粗
</tr>
</thead>
<tbody>
<tr>
</tr>
</tbody>
</table>
Form表单
- 表单域：
- 提交按钮
- 取消按钮
- 标签
- 校验机制
<form ation='',method=''>
<input type = 'submit'>
</form> #action为数据提交的目标地址，不写就默认为当前访问网页地址
#method:提交数据的方式，get或者post
input 标签（非常重要）
<input type='text',method='',placeholder='',required=''> #type属性表示的是当前输入框的类型
text为纯文本
password 为密文类型
checkbox 复选框需要value和name
radio 单选框需要name和value
file 文件副本上传
submit 提交
button 普通按钮
date 日期选择
reset 重置，清空所有输入框内容
#method :post 和get
#value:
#name:
#placeholder 输入框内的提示信息
#required: 声明这个input框必须输入
#readonly:只能展示不能输入
#disabled:禁止输入
#size:
#maxlength:
#autocomplete:自动填充
#checked 默认选项
select 选项框
<select name='' id='' multiple>
<option value='' selected> **</option>
</select>
二级选项框
<select name='' id='' multiple>
<optgroup lable=''>
<option value='' selected> **</option>
</optgroup>
</select>
textarea 标签
<testarea name='',cols='',rows=''...> </testarea>
常见的网络请求方式
- get 重点：从服务器获取数据，所有数据成键值对
- post 重点：
- put
- delete
- head
- options