码迷,mamicode.com
首页 > Web开发 > 详细

HTML5 元素

时间:2016-03-21 19:52:37      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:

超链接   

    格式:<a href="链接地址">显示的文字</a>

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

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

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

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:标签的名称 后台使用

HTML5 元素

标签:

原文地址:http://www.cnblogs.com/Other/p/5303088.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!