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 />为单独出现的标签,直接结束

空格字符&nbsp:	空格

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>
posted @ 2019-02-12 23:02  roccoshi  阅读(78)  评论(0编辑  收藏  举报