前端基础知识

（一）标签

标题标签：
标题标签用于一段文字的标题说明，他的语义就是标题。

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
段落标签：
段落标签显示一个段落自动换行

<h3>登鹳雀楼</h3>
<p>白日依山尽，</p>
<p>黄河入海流。</p>
<p>欲穷千里目，</p>
<p>更上一城楼。</p>
链接标签（a标签，a是anchor的缩写） ：
a标签的作用就是跳转，包括页面的跳转和页内跳转。

<a href="http://www.huadianedu.com" title="百度" target="_blank">华点</a>
<a href="#zhangjie3" title="章节3" target="_blank">章节三</a>
target属性：

_blank：浏览器会另开一个新窗口显示document.html文档
_parent：指向父frameset文档
_self：把文档调入当前页框
_top：去掉所有页框并用document.html取代frameset文档
tittle属性：指明连接的信息

页面内的跳转：在目标标签处指明id=”“, 连接处指定 href=”#id值” 然后点击会跳转到相应的id位置

图片标签：
<img src="logo.jpg" alt="logo" title="图片" />
<img src="../chapter4/logo.jpg" alt="logo" title="图片" />
src 为图片的地址，也就是路径。有两种格式(1). 绝对路径 ： 图片保存的地址；(2). 相对路径 ： 相对于本文档的路径。上一层用../ 

alt为资源缺失时显示的内容。其原有的英文单词为alternative
title为鼠标停留在图片上显示的内容

（二）列表
无序列表
<ul> <li>河南</li> <li>河北</li> <li>江西</li> <li>江苏</li> </ul>
有序列表
<ol type="1" start="2">
<li>第一章</li>
<li>第二章</li>
<li>第三章</li>
<li>第四章</li>
</ol>
type属性

start属性：决定列表初始值，他的取值为自然数。

自定义列表
<dl>
        <dt>列表的标题</dt>
        <dd>列表项的描述</dd>
        <dt>河北</dt>
        <dd>河北又称燕赵大地</dd>
</dl>
（三）表单
表单：收集用户填写的信息并将其提交给服务器

<form Action="#" method="post/get">
</form>
form有两个属性

Action 表单提交的地址。
提交的方式有两种，get和post。两者的区别：（1）提交的内容的长度，get不能超过2KB，post无限制；（2）安全性，get将内容拼接到字符串后面，不够安全。
（四）输入框
文本框
<input type="text" maxlength="10" size="10"  value="华点"/>
属性为maxlength 表示输入的最大长度。 size为输入框的长度; value为默认的值

密码框
<input type="password" maxlength="10" size="10" value="123456"/>
属性为maxlength 表示输入的最大长度。 size为输入框的长度; value为默认的值

单选按钮
<input type="radio" name="sex" checked value="0"/>
<input type="radio" name="sex" checked value="1"/>
属性为name将单选按钮分组这样就可以选择只能选择一个;checked默认选中; value表示他的值

复选框
<input type="checkbox" checked/>
checked 表示默认选中 name表示checkbox的名字，也是将复选框进行分组

提交按钮
<input type="submit" value="登录"/>
submit为提交按钮，value为按钮上显示的文字。点击时会将参数添加在form Action的路径后面

重置按钮
<input type="reset" value="取消"/>
普通按钮
<input type="button" value="单击" οnclick=""/>
普通按钮，value值为按钮上显示的文字，onclick是单击按钮触发的事件，可用js去处理

图片按钮
<input type="image" src="#"/>
图片按钮 src为图片的路径其属性可以和 <img>类似

文件按钮
<input type="file" accept="*.*">
上传文件在点击按钮后可以打开本地的文件，后面的accept是可以选中的文件的类型一般 .xls为excel表格 .docx为word文档。.jpg 为图片等等

下拉框
<select>
    <option>选择</option>
</select>