<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一些标签和属性的更多相关文章

  1. HTML5新增标签与属性

    目录 一.HTML5新增属性 1.1.contextmenu 1.2.contentEditable 1.3.hidden 1.4.draggable 1.5.data-* 1.6.placehold ...

  2. html5新增标签和属性

    结构性标签:<header>头部</header><nav>导航</nav><section>用于表达书的一章或一部分</sectio ...

  3. HTML5 重要标签及其属性学习

    1.google字体:<link href="https://fonts.googleapis.com/css?family=Lobster" rel="style ...

  4. HTML5新标签和属性

    1.<time>标签(支持IE9以上和其他浏览器) 今年是<time datetime="2015-12-12">2015年</time> &l ...

  5. HTML5 <a>标签download 属性

    一.简单实例 <a href="../images/1.jpg" download="下载图片.jpg"> 点击按钮下载 </a> 二. ...

  6. 第十课html5 新增标签及属性 html5学习5

    一.常用新增标签 1.header:定义页面的页眉头部 2.nav:定义导航栏 3.footer:定义页面底部,页脚 4.article:定义文章 5.section:定义区域 6.aside:定义侧 ...

  7. 2016.8.14 HTML5重要标签以及属性学习

    1.响应网格系统,这使得它很容易把元素放在行,并指定每个元素的相对宽度 . 要注意的是: 在使用网格布局系统之前,要不把布局的元素都添加到同一个<div>中,而且这个<div> ...

  8. HTML5 重要标签以及属性学习

    1.一个标签可以有多个,class=“A B C ” 效果: 2.padding的扩展:当padding的值是正的时候,元素显示的大小会变大:当padding的值是负的时候,元素显示的大小会变小 pa ...

  9. html5图片标签与属性

    标记:  标 记  说 明 <lmg> 图像 <Map> 图像映射 <Area> 图像映射中定义区域 <lmg>标记属性:  属 性  说 明 Src ...

随机推荐

  1. Python3实现计算BMI指数，跟我一起来计算你的BMI吧

    废话不多说,直接上程序哈: name=input('Name:') height=input('Height(m):') weight=input('Weight(kg):') BMI=float(f ...

  2. Java学习第十六天

    1:List的子类(掌握) (1)List的子类特点 ArrayList: 底层数据结构是数组,查询快,增删慢 线程不安全,效率高 Vector: 底层数据结构是数组,查询快,增删慢 线程安全,效率低 ...

  3. 前端模块化 、包管理器、AMD、 CMD、 require.js 、sea.js

    问题由来,为什么要前端模块化管理: 假设我们有个组件名为Acomponent.js, 是架构封装的,里面依赖另一个公司公用库common.js: 那我们引入Acomponent.js的时候,怎么知道要 ...

  4. css 动画 和 响应式布局和兼容性

    14.动画 -moz-:火狐, -ms-:IE,-webkit-:谷歌,-o-:欧朋 transform旋转 rotate旋转 scale放大 translate偏移量 skew倾斜度 transfo ...

  5. CentOS 搭建Redis4 环境

    下载 wget http://download.redis.io/releases/redis-4.0.10.tar.gz   安装步骤 tar xvf redis-4.0.10.tar.gz mak ...

  6. Visual Studio 2017 安装失败，你们有这样的问题吗？怎么解决

    由于发生一个或多个包故障,产品未能安装列出的工作负荷和组件. 工作负荷不完整 使用 JavaScript 的移动开发 (Microsoft.VisualStudio.Workload.WebCross ...

  7. 粗看ES6之数组

    标签: javascript es6 数组新增方法 map(可以理解为是映射,以一定规则修改数组每一项并返回全新数组) reduce(可以理解为是汇总,一堆出来一个) filter(可以理解为过滤,筛 ...

  8. 我对CSS选择器的认识

    我对CSS选择器的认识 一.简述 CSS选择器是对HTML元素进行选择的筛选条件,大概可以分为两类: 特征选择器——根据元素自身所具有的某种特征进行筛选,比如名称.ID.属性等: 关系选择器——根据元 ...

  9. SpringCloud的学习记录(3)

    这一章节讲搭建config-server的项目. 在我们生成的Demo项目上右键点击New->Module->spring Initializr, 然后next, 填写Group和Arti ...

  10. System.Data.SqlClient.SqlException: 从 datetime2 数据类型到 datetime 数据类型的转换产生一个超出范围的值

    System.Data.SqlClient.SqlException: 从 datetime2 数据类型到 datetime 数据类型的转换产生一个超出范围的值.解决办法是: 而这位大哥提出的解决办法 ...