HTML5要点(二)
<p>
<b>今天周一</b>,<span>呵呵呵呵呵。。。</span>
</p>
<i>斜体文字</i> <b>加粗文字</b> <span>块span</span> <div class="">
块标签_头部
<div class="">
内容
<h1>标题</h1>
<p>
<!-- div代表大块,span代表小块 -->
六点多了,<span>快下班了</span>
<span> 六点多了,</span><div>快下班了</div>
</p>
</div>
</div> <!-- <img src="图片路径或者网络图片网址" alt="" /> -->
<img src="myImage.png" alt="图片不能正常显示的时候显示该项" /> <!-- <br> 换行标签-->
<br> <img src="http://img.jsqq.net/uploads/allimg/140323/1_140323142840_15.gif" alt="图片不能正常显示的时候显示该项" />
<br>
<img src="http://sa" alt="图片不能正常显示的时候显示该项" /> <hr>
<!-- <hr> -->hr分割线
<hr> <!-- <a href="跳转链接网址">跳转标签</a> -->
<a href="http://www.cnblogs.com/tig666666/" >跳转标签</a> <br><br>
<table border="1px">
<!-- table标签 border边框-->
<!-- <tr>tr代表行标签</tr> -->
<tr>
<!-- <td>列标签 </td> -->
<!-- <th>表头标签</th> -->
<th>th姓名 </th>
<th>th性别 </th>
</tr> <tr>
<td>td姓名 </td>
<td>td性别 </td>
</tr> <tr>
<td>td姓名 </td>
<td>td性别 </td>
</tr> </table>
<br><br> <!-- <ul>无序(序号)列表</ul> -->
<ul>
<!-- <li>表内项</li> -->
<li>ul li HTML</li>
<li>ul li CSS</li>
</ul> <!-- <ol>
有序列表
</ol> -->
<ol>
<!-- <li>表内项</li> -->
<li>ol li HTML</li>
<li>ol li CSS</li>
</ol> <!-- 表单标签 用于请求数据 method :网络请求方式GET/POST-->
<form class="" action="http://www.baidu.com" method="get">
<!-- <form class="" action="http://www.baidu.com" method="post"> -->
<!-- tyoe :类型 __text:输入框 password :加密输入框 button:按钮 checkbox :复选框 radio:单选框_用name区别不同选框-->
<!-- name:用于区别不同类控件-->
<!-- vaklue:控件内值,显示的文字-->
UserName_text:<input type="text" name="UserName" value="" placeholder="请输入用户名">
<br/> PassWord_password:<input type="password" name="PassWord" value="" placeholder="请输入密码">
<br/>
是否记住登录状态_checkbox:<input type="checkbox" name="name" value="是否记住登录状态">
是否记住密码_checkbox:<input type="checkbox" name="name" value="是否记住登录状态">
<br/>
男_radio:<input type="radio" name="name" value="男_radio">
女_radio:<input type="radio" name="name" value="男_radio">
<br/>
HTML5_radio:<input type="radio" name="name1" value="HTML5">
OC_radio:<input type="radio" name="name2" value="C_radio"> <br/>
<!-- textarea:多行输入框 -->
<textarea name="name" rows="8" cols="40"></textarea>
<br/>
Submit_button:<input type="button" name="Submit" value="Submit">
<!-- type = submit 提交表单 -->
<input type="submit" name="name" value="submitInput"> </form> </body>
HTML5要点(二)的更多相关文章
- HTML5(二)音频视频画布
HTML5 Audio(音频) 定义和用法 <audio src="someaudio.wav" controls="controls"> 您的浏览 ...
- HTML5(十二)——一文读懂 WebSocket 原理
一.WebSocket 由来 WebSocket 是一个持久化的协议,通过第一次 HTTP Request 建立连接之后,再把通信协议升级成 websocket,保持连接状态,后续的数据交换不需要再重 ...
- HTML5系列二(标签元素、FileReader、拖放)
nav元素的使用场合 页面中可以包含多个nav元素,通常情况下头部和尾部都会包含导航,这样提高了可访问性,访客能够清晰的将其辨认出来.nav元素是一个可以用来作为页面导航的链接组:其中的导航元素链接到 ...
- HTML5要点_CSS(三)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- HTML5要点(一)
一.标签: <!-- -->:注释:cmd +/ <!DOCTYPE html><!--HTML5 专属版本声明标签(表明该页面使用HTML编写),代码最上层--> ...
- 初学HTML5系列二:HTML5新增的事件属性
Window事件属性: 属性 值 描述 onafterprint script 文档打印之后运行的脚本. 属性发生于用户设置页面打印并且打印对话框已出现之后. onbeforeprint scri ...
- HTML5 微信二维码提示框
这是一个js的小案例,主要效果是显示一个微信二维码的提示框,非常简单实用. 源码如下: JS部分 <script src="js/jquery-1.8.3.min.js"&g ...
- 玩转html5(二)----用canvas结合脚本在画布上画简单的图(html5又一强大功能)
在html5中可以使用canvas标签在画布上画图,先直接上代码,这篇文章先简单介绍一下canvas的使用方法,简单画几个圆,矩形,三角形,写字. 在代码中均给出了注释,在这里特别强调的一点是:使用c ...
- HTML5进阶(二)HBuilder实现软件自动升级
HBuilder实现软件自动升级 前言 移动APP开发好后需要实现软件自动升级功能,经过一番搜索,发现HBuilder具有"App资源在线升级更新"的功能,遂研究之. 经过一番测试 ...
随机推荐
- Android EditText控件行尾为表情时的BUG
今天处理项目上的一个诡异BUG,贴吧Android客户端发贴框是支持表情文字混排的,但是当发贴框的行内容末尾为表情时,尝试在表情后插入文字,就悲剧了:文字其实写进去了,但是不会显示出来.研究了一下,发 ...
- JavaScript DOM高级程序设计 5动态修改样式和层叠样式表1(源代码)--我要坚持到底!
W3C DOM2样式规范 现在这边贴出本章要的源代码,注意要结合前面用到的ADS库http://vdisk.weibo.com/s/Dq8NU CSSStyleSheet对象属性: type :始终是 ...
- 蓝牙(3)如何通过蓝牙传输数据及UUID详介
如何通过蓝牙传输数据 通过蓝牙传输数据与Socket类似.在网络中使用Socket和ServerSocket控制客户端和服务端的数据读写.而蓝牙通讯也由客户端和服务端Socket来完成.蓝牙客户端So ...
- sublime text 2 配置文件
安装好 sublime text 2后不进行任何设置,如果允许 sublime text 2 软件的话,会在以下目录自动生成一个 sublime text 2 的文件夹,这个文件夹是用来放配置文件的, ...
- poj 水题系列
题目:http://poj.org/problem?id=3006 筛选法求素数 #include <iostream> #include<cstdio> #include&l ...
- one-to-many many-to-one配置解释
one-to-many放在某个文件的配置中,表示这个文件是ONE的一方, 同样的many-to-one放在某个文件的配置中,表示这个文件是many的一方.
- I.MX6 Linux 自动获取AR1020 event input节点
/*********************************************************************** * I.MX6 Linux 自动获取AR1020 ev ...
- Java [leetcode 21]Merge Two Sorted Lists
题目描述: Merge two sorted linked lists and return it as a new list. The new list should be made by spli ...
- listview使用总结
1. android给listview的item设定高度 原文网址:http://blog.csdn.net/l_serein/article/details/7403992 在item的layout ...
- ClassLoader工作机制
阅读目录 一.ClassLoader概念 二.JVM平台提供三层classLoader 三.JVM加载class文件到内存有两种方式 四.ClassLoader加载类的过程 五.自定义类加载器 六.实 ...