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>
