HTML中常见元素及格式

1、超链接

    格式:<a href="链接地址">显示的文字</a>
    注意：/表示以当前网页为准的同一文件夹下的网页，一般省略/，不写
          　./表示以当前网页为准的同级文件夹
          　../表示以当前网页为准的上级文件夹
    title：设置当鼠标移入时，有相应的文本提示
    target：规定在何处打开链接文档
         在新窗口打开文档
     <a href="链接地址" target="_blank">在新窗口打开网页</a>
   
2、锚点
    （ 1）、创建锚点
        <a href="" name="锚点名字">显示的文字</a>
     （ 2）、指向锚点
        <a href="#锚点名字“>指向锚点的文字</a>
        注：#号的作用是与href中的链接地址分隔开来

3、框架
    如何在框架中打开页面
     （1）、给框架命名：
        <iframe src="" frameborder="1" name="名称">
    （ 2）、框架内打开：
        <a href="网页地址" target="名称">显示文字</a>
        注："1"表示有边框，"0"表示无边框

4、表格
     （1）格式：
    <table>
        <caption>表格标题</caption>
        <tr>
            <th>表头</th>
            <td>单元格内容</td>
            <td>单元格内容</td>
            <td>单元格内容</td>
        </tr>
    </table>
    （2） table常用标签：
        cellpadding 内表格间距，调节整个表格大小
        cellpacing  单元格间距
        align 对齐方式   border-collapse：collapse 合并表格边框

5、form表单

（1）、基本类型<input type="text"/>文本输入框
input 输入框        type 类型 

常用类型：
password 密码 　　submit 提交　　　  reset 重置　　radio 单选 
button 按钮 　　    checkbox 复选 　　file 文件 　　   image 图像
email 邮件 　　 　   date 日期　　　　  color 颜色 　  number 数字

（2）、textarea文本域

格式：

<textarea name="" id="" cols="" rows=""></textarea>
（3）、select 下拉列表
格式：
<select>
<option value="">文本</option>
</select>
selected为默认选中 multiple可选多个选项
（4）、定义域 fieldset
格式:
<fieldset>
<lengend>标题
<input type="text">
</fieldset>
（5）、form表单格式

a、<form action="表单处理程序的地址" method="get/post"></form>
get与post区别
get地址栏显示，安全性低；post加密传输，安全性高
get提交方式快；post需要加密，提交方式较慢
get在http头里面请求数据，post在http正文
b、元素label
格式：
<input type="radio" name="sex" checked="checked" id="man">
<label for="man">男人</label>
c、id、class和name的区别
id：标签唯一标识，具有唯一性，相当于身份证 JS使用
class：标签的名称 前端使用
name：标签的名称 后台使用