HTML5 元素

超链接

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

时间: 2024-10-14 20:42:43

HTML5 元素的相关文章

Html5元素及基本语法

Html5元素及基本语法 HTML标签 开始标签(opening tag):开放标签 结束标签(closing tag):闭合标签 元素 定义:HTML元素指的是从开始标签到结束标签的代码(元素以开始标签为起始以借宿标签终止) 元素的内容:元素的内容指的是开始标签与结束标签之间的内容 元素的特点: 1,大多数HTML元素可嵌套(可以包括其他的HTML元素) 2,HTML文档有嵌套的HTML元素构成 3,不要忘记结束标签,未来的HTML版本不允许省略结束标签 4,空的html元素 5,没有内容的h

HTML5元素、属性和格式化

-----------------siwuxie095 HTML5 元素 1.元素指的是从开始标签到结束标签的所有代码 开始标签 元素内容 结束标签 <p> this is my web page </p> <br /> 开始标签也被称为开放标签,结束标签也被称为闭合标签 <br /> 标签:用于换行,因为里面没有元素内容,所以 被称为 空标签 2.HTML 元素语法 · 元素的内容是开始标签与结束标签之间的内容 · 空元素在开始标签中进行关闭 · 大多数

不使用JavaScript让IE浏览器支持HTML5元素——张鑫旭

by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=2515 如果我们不做什么手脚的话,IE6~IE8浏览器不支持HTML5元素, <nav>, <header>, <footer>, <article> … 然而,前篇Google前端规范HTML部分中提到:要使用语义的HTML5元素作为text/html, 考虑到Google不可能把

html5元素拖动 (转载黑桐)

HTML5 元素拖动 1.拖动元素img的相关设置: 设置元素可以拖动属性 draggable="true" 设置元素被拖动时触发的事件 ondragstart="drag(event)" 图片元素可拖动的完整代码 HTML: <img id="drag1" src="images/ycbt1.JPG" draggable="true" ondragstart="drag(event)&qu

HTML5 元素分类

HTML5元素分类:结构性元素.级块性元素.行内语义性元素.交互性元素. 目的:使文档的结构更加清晰明确: 增加新功能. 结构性元素:负责Web的上下文结构的定义,确保HTML文档的完整性. 1.1 section(给内容分段):在web页面应用中,该元素可以用于区域的章节表述. section 元素用于对网站或应用中页面上的内容进行分区,关注内容的独立性:一个section元素通常由标题及内容组成:section元素包含的内容可以单独存储到数据库中或输出到word文档中 1.2 header(

HTML5元素整理

HTML5元素整理 HTML5 Canvas Canvas元素绘制工作在JS中完成, 首先找到元素: var c=document.getElementById("myCanvas"); 然后创建context对象: var ctx=c.getContext("2d"); getContext("2d") 对象是内建的 HTML5 对象,拥有多种绘制路径.矩形.圆形.字符以及添加图像的方法. HTML5 拖放(Drag 和 Drop) 1 <

HTML5元素表

HTML5元素表 文本元素 超链接 页面目标 <a href ="目标">内容 </a> 链接的目标(路径)可以是相对地址也可以是绝对地址. emment插件 CTRL+D 复制光标所在行的内容 锚点 当前页面的跳转 格式: 1.ID属性的元素 2.a中href的值是 (# + 1的属性值) 功能 a元素书写格式: <a target="页面打开位置" href="目标">内容 </a> 页面打开位

HTML5元素2

用于分组的元素 元素 说明 类型 HTML5与其他的变化 blockquote 表示引自他处的大段内容 流 无变化 dd 用在dl元素之中,表示定义 无 无变化 div 一个没有任何既定语义的通用元素,是span元素在流元素中的对应物 流 无变化 dl 表示包含一系列术语和定义的说明列表 流 无变化 dt 用在dl元素之中,表示术语 无 无变化 figcaption 表示figure元素的标题 无 新增 figure 表示图片 流 新增 hr 表示段落级别的主题转换(水平线) 流 有变化 li

HTML5元素1

文档和元数据元素 元素 说明 类型 HTML5与其他的变化 base 设置相对URL的基础 元数据 无变化 body 表示HTML文档的内容 无 有变化 DOCTYPE 表示HTML文档的开始 无 有变化 head 包含文档的元数据 无 无变化 html 表示文档中HTML部分的开始 无 有变化 link 定义与外部资源(通常是样式或网站图标)的关系 元数据 有变化 meta 提供关于文档的信息 元数据 有变化 noscript 包含浏览器禁用脚本或不支持脚本时显示的内容 元数据.短语 无变化

HTML5元素分类

HTML5新增了27个元素,废弃了16个元素,根据现有的标准规范,把HTML5的元素按优先级定义为结构性属性.级块性元素.行内语义性元素和交互性元素4大类. 1.结构性元素 结构性元素主要负责web上下文结构的定义 section:在web页面应用中,该元素也可以用于区域的章节描述. header:页面主体上的头部,header元素往往在一对body元素中. footer:页面的底部(页脚),通常会标出网站的相关信息. nav:专门用于菜单导航.链接导航的元素,是navigator的缩写. ar