HTML5初学

一、标签

　　1.新增标签

　　（1）进度条--Prograss

　　　  <h3>Prograss</h3>
  　　　<progress max="100" value="85">
   　　  <span>85</span>
   　　　　　"%"
  　　　</progress>

　

　　（2）下拉条目-details

　　  <h3>details</h3>
  　　<details open>
   　　 <summary>MacBook Pro Specification</summary>
   　　 <ul>
   　　   <li>12-iucb LED-backlit glossy widescreen display with edge</li>
    　　  <li>2.4GHzIntel Core I5 dual-core processor with 3 MB shared for</li>
    　　  <li>12-iucb LED-backlit glossy widescreen display with edge</li>
    　　  <li>2.4GHzIntel Core I5 dual-core processor with 3 MB shared for</li>
    　　  <li>12-iucb LED-backlit glossy widescreen display with edge</li>
    　　  <li>2.4GHzIntel Core I5 dual-core processor with 3 MB shared for</li>
  　　  </ul>
  　　</details>

　　（3）datalist--对输入内容做提示

　　<h3>datalist</h3>
  　　<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">
   　　　　<input id="myCar" list="cars"/>
   　　　　<datalist id="cars">
    　　　　　　<option value="BMU"></option>
    　　　　　　<option value="Ford"></option>
    　　　　　　<option value="Volvo"></option>
   　　　　</datalist>
  　　</form>

　　

　　（4）ruby--注释（rt表示注释内容，可标注拼音；rp表示浏览器不支持时该如何显示）

　　<h3>ruby</h3>
  　　<ruby>
  　　 "姚"
   　　<rt>yao</rt>
   　　<rp>"女兆"</rp>
  　　</ruby>　　

　　

时间： 2024-12-26 21:23:09

HTML5初学的相关文章

HTML5初学一 随机的骰子

主要是就是在canvas上面画图,没有太多技术含量: <html> <head> <script type="text/javascript"> var ctx; var firstDicX = 50; var firstDicY = 50; var dicW = 100; var dixH = 100; var secDicX = 200; var secDicY = 200; function init(){ ctx = document.get

HTML5初学总结

基本标签的使用 <!doctype html> <!--这是HTML5的申明,大小写都可以--> <html> <head> <title>标题</title> <meta charset=”utf-8” /> <!--设置页面编码--> <meta name=”keywords” content=”关键字1,关键字2,…" /> <meta name="descripti

HTML5初学笔记

今天学习了下HTML5的基本知识,用画笔在画布上画了几个东西,效果如图,相关代码如下,注意点总结在末尾: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> </head> <body> <canvas id="can1" width="500px" height="500px" style=&

初学HTML5系列三：事件

Window 事件属性 针对 window 对象触发的事件(应用到 <body> 标签): 属性 值 描述 onafterprint script 文档打印之后运行的脚本. onbeforeprint script 文档打印之前运行的脚本. onbeforeunload script 文档卸载之前运行的脚本. onerror script 在错误发生时运行的脚本. onhaschange script 当文档已改变时运行的脚本. onload script 页面结束加载之后触发. onmess

初学HTML5系列二：HTML5新增的事件属性

Window事件属性: 属性 值 描述 onafterprint  script 文档打印之后运行的脚本. 属性发生于用户设置页面打印并且打印对话框已出现之后. onbeforeprint  script 文档打印之前运行的脚本.属性在用户已设置页面打印之后立即触发,但是在打印对话框出现之前. onbeforeunload script 文档卸载之前运行的脚本. onerror script 在错误发生时运行的脚本. onhaschange script 当文档已改变时运行的脚本. onmess

初学HTML5做的小知识点

新增的HTML5标签 语义化标签 :<header> 头标签      <nav> 导航标签      <section> 表示文档的结构.栏目      <footer> 页脚      <article> 文章标签      <aside> 侧边栏导航     <mark> 凸显文字 网页的组成及标准                  HTML 指的是超文本标记语言 (Hyper Text Markup Languag

初学HTML5。

HTML:超文本标记语言. HTML.CSS.JS三者之间的不同: HTML:结构,决定网页的结构和内容.(是什么) CSS:表现样式,决定网页的表现形式.(什么样子) JS:   行为,控制网页的行为.(做什么) JS———HTML.CSS相链接的中枢.

Html5，Css初学总结

网页制作 HTML 一.通用模板: <!DOCTYPE html> <html lang="en"> <head> <meta  charset="UTF-8"/> <title>文档标题</title> <link  rel="shortcut icon"  href="img\wujiaoxing.ico"/>        <!-

2016 - 1 -19 初学HTML5 第一天

1.HTML COMMANDS MHTL commands called elements.Usually, an element has a start tag and an end tag e.g. <p>.....</p> 2.HMTL PAGE STRUCTURE <!DOCTYPE html> <html> <head>---------Here is head section,and it is basically some kind