zoukankan      html  css  js  c++  java
  • HTML随笔3

    1. *svg(可伸缩矢量图)标签画圆,其中r表示半径,cx和cy表示其圆心的坐标

    1 <svg><circle r="100" cx="200" cy="100" fill="black"></circle></svg>

      *form表单标签和input元素的使用

    1 <form method="post" action="#">
    2 
    3     <label>电子邮箱:<input type="email" /><label/>
    4     <label>个人网页:<input type="url" /><label/>
    5     <label>幸运颜色:<input type="color" /><label/><br/><br/>
    6     <center><input type="submit" value="提交" /><center>
    7 
    8 <form/>

       *figure标签,用于文档中插图(figcaption为其设置标题)

    1 <figure>
    2   <p>黄浦江上的的卢浦大桥</p>
    3   <img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
    4 </figure>

      *meter标签,用于度量给定范围(gauge)内的数据(hight和low分别表示被规定为高和低的值)

    1 <meter value="3" min="0" max="10">十分之三</meter>

    2.

    HTML5新增的元素标签

     article : 定义独立于文档的内容

     aside :定义页面内容之外的内容

     audio :定义音频(和video标签类似,controls属性的定义可以控制播放按钮的显示,出现autoplay属性,则视频在就绪后马上播放,标签里的内容是音频或者视频不能显示后才显示)

     bdi:定义文本的方向,使其脱离其周围文本的方向设置

     canvas:绘制图片

     command:定义命令按钮

     datalist:定义下拉列表

     details:定义元素的细节

     embed:定义外部交互内容或插件

     figure:定义媒介内容的分组,以及它们的标题

     figcaption:定义figure元素的标题

     footer:定义section或者page的页脚

     header:定义section或者page的页眉

     hgroup:定义有关文档中块的信息

     mark:定义有记号的文本

     meter:定义预定义范围内的度量

     nav:定义导航链接

     progress:定义任何类型的任务的进度

     rp:定义如果浏览器不 支持ruby元素显示的内容

     rt:定义ruby注释的解释

     ruby:定义ruby的样式

     section:定义文档中的节(section,区段)。例如章节,页眉,页脚或文档中的其他部分

     source:定义媒介源

     summary:定义details元素的标题

     time:定义日期和时间

     track:定义用在媒体播放器中的文本轨道

     video:定义视频

    HTML5新增的标准属性:

     contenteditable:指定是否允许用户编辑内容

     contextmenu:指定元素的上下文菜单

     data-yourvalue:创建者定义的属性,HTML文档的创作者可以定义他们自己的属性。定义属性时必须以data-开头

     draggable:指定是否允许用户拖动元素

     hidden:指定元素是无关的,被隐藏的元素不会显示

     item:用于组合元素

     spellcheck:指定是否必须对元素进行拼写或者语法检查

     subject:指定元素对应的项目

     

    3. 事件属性(http://www.w3school.com.cn/tags/html_ref_eventattributes.asp)

    • Window事件属性
    • 表单事件属性
    • 键盘事件属性
    • 鼠标事件属性
    • 媒介事件属性
    1 <img src="image.gif" onerror="alert('The image could not be loaded.')" />      <--在图片出现加载错误时运行-->
  • 相关阅读:
    简易文法
    词法分析实验报告
    0909上级作业
    vs2008的快捷键
    一道C++笔试题说一些知识
    Effective C++读书笔记
    鼠标拖动物体DEMO
    CFileDialog类的使用以及在非MFC程序下使用MFC的类资源
    3D制作魔方
    使用DXUT框架简单处理鼠标事件
  • 原文地址:https://www.cnblogs.com/zengbojia/p/7218543.html
Copyright © 2011-2022 走看看