HTML5一些标签和属性
<bdo> 元素 可以覆盖默认文本的方向 根据dir 属性来控制文字的排序方向
属性:dir="rtl"
<abbr> 文字缩写 根据title属性来显示已经缩写内容
<fieldset> 把表单内容一部份打包,生成一组表单相关的字段,和legend搭配使用
legend 元素用来定义fieldset元素标题(cation)
下拉菜单分组
下拉菜单 :datalist 和 select
分组:是在<optgroup label="">
走马灯:marquee
属性:scrollamount 移动速度
dirction 走向 left right top down 先下循环时必须加height
loop 控制循环次数 -1代表无限循环
onMouseOut="this_start" this 代表当前 start 表示开始
onmouseover="this_stop"
(onMouseOut="this_start",onmouseover="this_stop")作用是当鼠标移动到图片时,图片会停止,移动开则会恢复滚动
maxlength:文本框内容最大长度
per :格式化标签 将文本格式保留
tate: 时间标签
time:时间标签
文本框元素的只读模式属性:readonly
文本框元素的禁用模式属性:disabled disabeld
details 用于描述文档或文件的某一个细节,与summary 一起使用,summary可以定义details标题
标题可见,用户可以点击标题,可以显示details标题
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<style type="text/css">
#kkk{width:600px;}
</style>
</head>
<body>
<bdo dir="rtl">的帅最是长班</bdo>
<abbr title="CF">穿越火线</abbr>
<fieldset id="kkk" style="width:500px;">
<legend><font size="5">登陆信息</font></legend>
请输入你的用户名:<input type="text" name="sss"style="color" list="dd">
<br/>
最多只能写四个字:<input type="text" name="ss" maxlength="4" ><br/>
只读模式:<input type="text" name="ss" value="辉哥是最帅的" readonly><br/>
禁用模式:<input type="text" name="ss" value="辉哥是最帅的" disabled><br/>
<datalist id="dd">
<option>蓝田</option>
<option>清风自来</option>
<option>你若盛开</option>
<option>砥砺前行</option>
</datalist>
<select>
<optgroup label="服装">
<option>男装</option>
<option>女装</option>
<option>情侣装</option>
<option>护士装</option>
</optgroup>
<optgroup label="食品">
<option>男装</option>
<option>女装</option>
<option>情侣装</option>
<option>护士装</option>
</optgroup>
<optgroup label="电子">
<option>男装</option>
<option>女装</option>
<option>情侣装</option>
<option>护士装</option>
</optgroup>
</select>
<details>
<summary>随缘</summary>
<p>你若盛开,清风自来;你若不离不弃,我必生死相依</p>
<summary>高圆圆</summary>
<img src="./图片素材/gyy.jpg">
</details>
<br/>
时间:<input type="date" name="sj">
时间:<input type="time" name="sjj">
</fieldset>
<marquee scrollamount="10" direction="down" height="100">
<b color="peaple">你若盛开,清风自来;你若不离不弃,我必生死相依</b>
</marquee>
<marquee scrollamount="10" onMouseOut="this.start()" onmouseover="this.stop()">
<b>相见时难别亦难,东风无力百花残;春蚕到死丝方尽,蜡炬成灰泪始干。</b>
</marquee>
</body>
</html>
HTML5一些标签和属性的更多相关文章
- HTML5新增标签与属性
目录 一.HTML5新增属性 1.1.contextmenu 1.2.contentEditable 1.3.hidden 1.4.draggable 1.5.data-* 1.6.placehold ...
- html5新增标签和属性
结构性标签:<header>头部</header><nav>导航</nav><section>用于表达书的一章或一部分</sectio ...
- HTML5 重要标签及其属性学习
1.google字体:<link href="https://fonts.googleapis.com/css?family=Lobster" rel="style ...
- HTML5新标签和属性
1.<time>标签(支持IE9以上和其他浏览器) 今年是<time datetime="2015-12-12">2015年</time> &l ...
- HTML5 <a>标签download 属性
一.简单实例 <a href="../images/1.jpg" download="下载图片.jpg"> 点击按钮下载 </a> 二. ...
- 第十课html5 新增标签及属性 html5学习5
一.常用新增标签 1.header:定义页面的页眉头部 2.nav:定义导航栏 3.footer:定义页面底部,页脚 4.article:定义文章 5.section:定义区域 6.aside:定义侧 ...
- 2016.8.14 HTML5重要标签以及属性学习
1.响应网格系统,这使得它很容易把元素放在行,并指定每个元素的相对宽度 . 要注意的是: 在使用网格布局系统之前,要不把布局的元素都添加到同一个<div>中,而且这个<div> ...
- HTML5 重要标签以及属性学习
1.一个标签可以有多个,class=“A B C ” 效果: 2.padding的扩展:当padding的值是正的时候,元素显示的大小会变大:当padding的值是负的时候,元素显示的大小会变小 pa ...
- html5图片标签与属性
标记: 标 记 说 明 <lmg> 图像 <Map> 图像映射 <Area> 图像映射中定义区域 <lmg>标记属性: 属 性 说 明 Src ...
随机推荐
- 二叉排序树思想及C语言实现
转自: http://blog.chinaunix.net/uid-22663647-id-1771796.html 1.二叉排序树的定义 二叉排序树(Binary Sort Tree)又称二叉查找( ...
- CKEditor4.4.5 插入高度代码及上传图片
1.首先准备所需要的插件 (1). CKEditor4.4.5 下载地址:http://ckeditor.com/download.如果不想下载直接引用CKEditor的CDN也是可以的.cdn地址 ...
- C# DialogResult的用法
在程序中,经常会弹出一个对话框来让用户填写一些信息,填写完成后,当用户点击“确定”按钮后,在主窗体中进行其他的处理.比如一个简单的例子,在主窗体中有一个菜单,是“增加用户”,当点击这个菜单之后,我们需 ...
- php删除服务器所有session踢掉所有在线用户linux
注意:如果要删除服务器上所有session,重启php服务是解决不了问题的,php的session是持久化的. 有效解决办法: 删除 /tmp 下的所有文件(默认php的session文件是在/tmp ...
- Fibonacci(斐波那契数列)的第N位数
无穷数列1,1,2,3,5,8,13,21,34,55...称为Fibonacci数列,它可以递归地定义为F(n)=1 ...........(n=1或n=2)F(n)=F(n-1)+F(n-2).. ...
- 常用CSS样式设置
文字 我们以div标签举例,来设置常见的文字样式 <div>今天天气真晴朗!</div> div { /* 文字大小为14像素 */ font-size: 14px; /* 文 ...
- u-boot分析(九)----nand flash初始化|nand flash读写分析
u-boot分析(九) 上篇博文我们按照210的启动流程,分析到了初始化串口,由于接下来的取消存储保护不是很重要,所以我们今天按照u-boot的启动流程对nand flash初始化进行分析. 今天我们 ...
- 老笔记本装xubuntu+win7
https://www.freezhongzi.info/?p=167 1 install xubuntu 分区如下 sda1 20g ext4 / sda2 80g ext4 /data sda3 ...
- vos2009如何监听客户行业是否正规
在对接被叫改写规则中将改写规则由原来0:9150 改为0:9150+自己手机号,这样客户打出话全转接到自己手机上,可以接听客户销售行业:
- Python基础学习-列表基本操作
列表:Python的“苦力”. 列表不同于元组和字条串的地方:列表是可变的——可以改变列表的内容,并且列表有很多有用的.专门的方法. 1.list函数 因为字符串不能像列表一样被修改,所有有时根 ...