前端的一点复习和总结

前端

java前端：html（元素）、css3（样式+定位）、javascript（行为）、jquery、ajax（异步提交）、bootstrap（前端框架）

html：

（hyper text markup language）超文本标记（标签）语言

HTML的代码都是由标签所组成。

浏览器的核心：html解析器、js解析器、其他解析器

声明文本类型 头标签 //标题 尾标签 头主体 哈哈哈 尾主体

常用的标签：

• HTML的真正的标签

  • 排版的标签

    • HTML的注释

      • 
        换行标签

      • ---

        一条水平线

• 值两种写法： 1） 200px;
  ​ 2） 可以写百分比
  ​ 区别：百分比跟着浏览器的大小而改变，像素不会。

• 段落标签

  • <p></p>段落标签的开始和结束位置留一空行。
    

    align：对齐方式

•  			* 在浏览器声明一块区域，区域中放入其他（文字，子标签）
   			* <div></div>
  

字体标签
​ * 字体的内容
​ ​

		* 字体标签：
		* <font></font>
		* color:	颜色
		* size：		字体的大小

粗体

* <b></b>
    * 斜体	
        * <i></i>

• 有序列表和无序列表

  • 有序

     <ol>	
    					<li>数据的条目</li>
    					<li>数据的条目</li>
    					<li>数据的条目</li>
    				</ol>
    

    • 无序（用的最多）

   ​		<ul>
   ​						<li>数据条目</li>
   ​						<li>数据条目</li>
   ​						<li>数据条目</li>
   ​					</ul>	

        * ul的属性
               * type=""	

• 图片标签
  			<img >
  			* 属性：
  				* src="图片的地址"
  				* width="图片的显示宽度"
  				* height:图片显示的高度
  				* alt：图片的说明文字
  

• 超链接写法：<a></a>
  			
  			* 链接资源
  				* 必须要指定属性：href="链接的地址"
  				* 需要编写协议
  					* HTTP
  

• 表格标签
  			* 把数据封装成表格。
  			* 表格标签
  			<table>
  				<caption>用户列表</caption>
  				<tr>
  					<th>数据</th>
  					<th>数据</th>
  				</tr>
  				<tr>
  					<td>数据</td>
  					<td>数据</td>
  				</tr>
  			</table>
  table的属性
  				* border:	边框
  				* width:	宽度
  				* height:	高度
  

• 表单标签
  			* 收集用户输入的数据
  			* 表单的标签
  			<form >
  			* action="表单的提交路径"
  						* http://www.baidu.com
  						* html页面
  			* method="提交方式（默认是get方式）"
  			* form表单的提交方式有哪些？（get和post的区别）
  			* get方式会把参数列表显示在地址栏上，post方式不会。
  			* get方式说明网站安全级别较低，post安全级别较高。
  									
  			* 推荐使用post方式。
                  
                  * type="text"			普通的文本框
  					* name必须指定
  					
  				* type="password"		密码框
  					* * name必须指定
  					
  				* type="radio"			单选按钮
  					* name必须指定	value必须指定
  					* name的属性，值要相同
  					* 默认值：checked=checked或者true
  					
  				* type="checkbox"		多选按钮
  					* name必须指定	value必须指定
  					* 默认值：checked=checked或者true
  					
  				* type="reset"			重置：恢复到最初的状态	
  				* type="submit" 		提交表单
  ---------------- type="file"			选择文件		
  					* name属性指定
  				* type="hidden"			隐藏组件
  					* name指定 value指定	
  					
  				* type="button"			按钮
  					* value="显示的文字"
  					* 和js（javascript）	绑定事件
  				
  				* type="image"			图片
  					* 提交	引入外部的一个文件（图片）
  

• CSS内容
  CSS的简介
  			* CSS：cascading style sheet	：层叠样式表。
  			* 做什么用：设置网页的显示效果（设置样式）。		
  			* CSS将网页显示的效果和内容分离。（耦合性）
  基本选择器
  			* 标签名选择器		div{}	span{}
  				写法：	.class的名称
  			* ID选择器
  				写法：	#id的名称  一般情况下给js语言来使用。
  			*