HTML5笔记-(常用元素)
2016-07-04 21:03
513 查看
基本元素
<html>:根元素,允许省略 <head>:允许省略 <title>:标题 <body> <style>引入样式定义 <h1~h6> <p>段落 <br>换行 <hr>水平线 <div><span>换行与不换行的节
文本格式化
<b>加粗 <i>斜体 <em>强调 <small>小 <sup>上标 <sub>下标
超链接和锚点
<a href="scheme://host.domain:port/path/filename">xxx</a> scheme->一般是http host:在http中默认为www <a target="?">xxx</a> ?->_slef,_blank,_top,_parent(代表用本窗口,新窗口,顶级框架,父级框架打开) <a href="xxx" media="">xxx</a> media->指定href才有效,默认为all #锚点: <a name="bookmark1">锚点1</a> <a href="xxx.html#bookmark1">定位到锚点1</a>
列表
<ul> <li>aaa</li> <ol><li>11</li></ol> <li>aaa</li> <ul><li>11</li></ul> </ul>
图像
<img .../> 1.src 2.alt:指定一段文本作为提示信息 3.height:百分比或者像素值 4.width 5.map,area:划分区域,超链接
表格
<table style="background-color: black; border-collapse: separate; border-spacing: 1px;"> <caption><i>我的Table</i></caption> <colgroup style="background-color: white;"> <col style="width:160px" /> <col span="2" style="width:100px" /> </colgroup> <thead style="text-align: left;"> <tr> <th>id</th> <th>name</th> <th>class</th> </tr> </thead> <tfoot> <tr> <td colspan="3" style="text-align: right">现总计:2个人</td> </tr> </tfoot> <tbody style="text-align: left;"> <tr> <td>1</td> <td>hash</td> <td>1</td> </tr> <tr> <td>2</td> <td>zhx</td> <td>1</td> </tr> </tbody> </table>
一些通用属性
contentEditable属性:true/false;可以将table,div等变为可编辑designMode属性:on/off;全局的contentEditable属性
hidden属性:true/false
为input和textarea增加了spellcheck属性:true/false。
相关文章推荐
- HTML5中在客户端验证文件上传的大小
- html5 web数据存储
- 页面元素查找之Selectors API
- 使用ajax实现用户登录验证(升级版)
- Canvas 在高清屏下绘制图片变模糊的解决方法
- 关于前端的思考与感悟
- 新时代编辑神器:Atom
- rem : web app适配的秘密武器
- jquery高级应用之Deferred对象
- 又被事件冒泡坑了一把,这次要彻底弄懂浏览器的事件流
- 移动端点击事件全攻略,这里的坑你知多少?
- $q 实例分析 Angular 中的 Promise
- 浏览器中唤起native app || 跳转到应用商城下载
- Angular directive 实例详解
- 关于浮动与清除浮动,你应该知道的
- 原生js结合html5制作小飞龙的简易跳球
- HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
- 三个不常见的 HTML5 实用新特性简介