2019-02-12 html的初步学习
前两天看了下python的爬虫,后面的抓包模拟登录实在是难弄,于是暂时放弃,来学学前端知识QAQ
<!DOCTYPE html>文档类型符合HTML5标准
<html lang="en"> lang属性:搜索引擎 en英文,zh中文
<meta charset="UTF-8">:元数据
charset属性:字符集编码方式(提供给浏览器解读)
字符:文字,符号
字符集:语言文字
编码:将字符和二进制码对应起来ascii GB2312 Unicode UTF-8
HTML 标签:
h1~h6 标题: 一级标题~六级标题(一个页面建议只有一个h1)
p: 段落标签,每个段落自动换行,段落内部文字忽略连续空格,也不会显示空行
br: 段内换行<br />为单独出现的标签,直接结束
空格字符 : 空格
pre: 预留格式标签,所有内容保留原格式,包括空格和空行
span: 行内组合标签,组合行内元素,以便通过CSS样式来格式化
hr: 水平线<hr />为单独出现的标签
<!-- 注释内容 --> 表示注释,注释可以跨行
a: 超链接标签,href属性
超链接<a href="url">文字或者图片</a>
<a href="#">xxx</a>为虚拟超链接,点击之后不会跳转
img: 插入图像(常见图像格式: jpg 有损压缩,色彩丰富图片;
gif 简单动画,背景透明;
png无损压缩,透明、交错
<img />单独出现标签,属性:
src属性:路径+文件名
alt属性: 图片的替换文字
div: 区域标签
ul: 无序列表
ol: 列表项
<li>列表项
(emmet ul>li*3 生成无序列表三个列表项)
table: 表格
<tr>标签表示行
<td>标签表示单元格
<th>表头单元格
( emmet table>tr*2>td*3生成二行3单元格表格)
form:表单
其中type包含:text,password,reset重置,submit提交,radio单选框,checkbox复选框,select下拉框,textarea输入框
简单用法如下:
<form action="">
<input type="text" value="输入"/><!---->
<br/>
<input type="password" value="密码"/><!--密码框-->
<br/>
<input type="reset" value="重置"/><!--重置按钮-->
<br>
<input type="submit" value="确定"/><!--确定按钮-->
<br>
<input type="radio" value="123" name="234" checked="checked"/> 2
<input type="radio" value="124" name="234" /> 3
<input type="radio" value="125" name="234" /> 4
<input type="radio" value="126" name="234" /> 5
<!--单选框-->
<br>
<input type="checkbox" value="1,2,3,4" name="2"/> ONE
<input type="checkbox" value="1,2,4,4" name="3"/> TWE
<input type="checkbox" value="1,4,3,4" name="4"/> THREE
<!--复选框-->
<br>
<select name="" id="">
<option value="">看书</option>
<option value="">玩游戏</option>
</select>
<!--下拉框-->
<textarea name="" id="" cols="30" rows="10">
在这里输入内容
</textarea>
<!--row表示行,cols表示列-->
</form>