前端DAY03-HTML

表单：

表单域标签form
语法：<form action="" method="" name="">
	    <input type="">
      </form>
	使用form表单创建一个表单,只是定义了一个空表单
属性：
	action="表单提交的地址"
	method="get/post" 请求方式
	name="表单名称"	
	1.input标签：<input type="" value="" maxlength="" checked disabled name="" placeholder="">
		如果希望表单中的数据提交到服务器，必须为表单指定一个name
		input属性：
			value="" 提示作用，初始值
			maxlength=""  最多输入字符数
			size=""	控制框的大小
			checked="checked"或 checked  默认选中
			disabled="disabled"或 disabled 禁用
			placeholder=""	提示信息，h5新增、
		type属性值：
			文本框：text
			密码框：password
			提交按钮：submit
			重置按钮：reset
			单选框：radio，相同的name才能使用
			复选框：checkbox
			上传文件框：file
			隐藏表单：hidden，传递参数又不显示客户端

	2.button标签
		<button type=""></button>
		type属性值：
			submit	提交按钮
			reset	重置按钮
			button	普通按钮，空按钮
	3.textarea标签
		<textarea></textarea> 多行文本框
		属性：
			cols=""	宽度，字符为单位
			rows=""	高度，字符为单位
			name=""
			id=""
			resize:none;用css设置属性
	5.pre标签
		<pre>
			黄鹤楼送孟浩然之广陵
					作者：李白
			故人西辞黄鹤楼，
			烟花三月下扬州。
			孤帆远影碧空尽，
			唯见长江天际流。
		</pre>
	4.select标签
		<select>
			给下拉菜单分组
			<optgroup label="亚洲"></optgroup>
			<option value="" selected="selected"></option>
		</select>
		optgroup属性：
			label=""	添加组标题
		option标签属性：
			value=""
			selected="selected"或selected=""或selected
	5.提示信息label标签，绑定表单元素，表单控件
		<label for="绑定表单控件的id名"></label>
		第一种label绑定表单元素的方法：
		<label>
			<input type="radio" name="sex">女
		</label>
		第二种label绑定表单元素的方法：
		<input type="radio" name="sex" id="woman">
		<label for="woman">女</label>
	6.表单字段集标签：
		<fieldset></fieldset>给表单划分区域
			可以嵌套自己和其他的元素
	7.字段集标题标签：
		<legend></legend>
			给fieldset添加标题用的
			必须写在fieldset的第一个子元素上
			<fieldset>
				<legend></legend>
			</fieldset>

标签的分类

块元素block：
	1.块元素会独占页面一行
	2.快元素主要用来对网页进行布局
行内元素inline:(内联元素)
	1.行内元素只会占用自身的大小，不会独占一行
	2.行内元素用于选中文字，对内容进行标记，多用span
替换元素：
	1.图片把img标签给替换掉了，input，音频，视频，select，button
	2.兼具了块和行内元素的特点
嵌套规则：
	1.在开发中通常使用块元素进行布局
		块元素中可以包含块元素，也可以包含行内元素
	2.行内元素通常用来选中文字，为文字设置样式
		行内元素可以嵌套行内元素，不建议嵌套块元素
	特殊情况:
		1.p元素中不能放块元素，会自动补全
		2.超链接可以放任何元素，会自动补全

不常用的标签：

<pre></pre>		原样输出标签内的内容
<center></center>	居中对齐
<font></font>		文本样式的标签
<cite></cite>		引证、举例等，通常为斜体字。
<dfn></dfn>			标记特殊术语或定义新名词。
<code> console.log(220314) </code>包裹一段代码。
<samp></samp>		某些短字符序列提取出来
<kbd>123456</kbd>	文本是从键盘上键入的
<abbr title="League of Legends">LOL</abbr>定义缩写

PS软件的基本操作：

一、打开图片：
	1.图片右键-打开方式-在PS中打开
	2.打开PS-文件-打开(cyrl+0)-选择要打开的文件
	3.直接拖拽到PS中
二、缩放图片
	ctrl加+	放大
	ctrl加-	缩小
	alt加滚轮 缩放图片
三、测量工具
	选框工具
四、移动工具
	空格加鼠标滚轮
五、显示或隐藏标尺
	ctrl加R	隐藏标尺
	ctrl加鼠标左键	参考线
六、切图片
	ctrl+c
	ctrl+v
	ctrl+
	ctrl+shift+s