文档章节

HTML5要点(二)

MR_BT
 MR_BT
发布于 2017/01/21 01:04
字数 672
阅读 3
收藏 0
  1 <p>
  2   <b>今天周一</b><span>呵呵呵呵呵。。。</span>
  3 </p>
  4      <i>斜体文字</i>
  5 
  6      <b>加粗文字</b>
  7 
  8      <span>块span</span>
  9 
 10      <div class="">
 11        块标签_头部
 12        <div class="">
 13          内容
 14          <h1>标题</h1>
 15          <p>
 16            <!-- div代表大块,span代表小块 -->
 17            六点多了,<span>快下班了</span>
 18           <span> 六点多了,</span><div>快下班了</div>
 19          </p>
 20        </div>
 21      </div>
 22 
 23 
 24 <!-- <img src="图片路径或者网络图片网址" alt="" /> -->
 25 <img src="myImage.png" alt="图片不能正常显示的时候显示该项" />
 26 
 27 <!-- <br> 换行标签-->
 28 <br>
 29 
 30 <img src="http://img.jsqq.net/uploads/allimg/140323/1_140323142840_15.gif" alt="图片不能正常显示的时候显示该项" />
 31 <br>
 32 <img src="http://sa" alt="图片不能正常显示的时候显示该项" />
 33 
 34 <hr>
 35 <!-- <hr> -->hr分割线
 36 <hr>
 37 
 38 <!-- <a href="跳转链接网址">跳转标签</a> -->
 39 <a  href="http://www.cnblogs.com/tig666666/" >跳转标签</a>
 40 
 41 <br><br>
 42 <table border="1px">
 43     <!-- table标签 border边框-->
 44     <!-- <tr>tr代表行标签</tr> -->
 45    <tr>
 46      <!-- <td>列标签 </td> -->
 47      <!-- <th>表头标签</th> -->
 48     <th>th姓名 </th>
 49     <th>th性别 </th>
 50    </tr>
 51 
 52    <tr>
 53      <td>td姓名  </td>
 54      <td>td性别 </td>
 55    </tr>
 56 
 57    <tr>
 58      <td>td姓名  </td>
 59      <td>td性别 </td>
 60    </tr>
 61 
 62 </table>
 63 <br><br>
 64 
 65 
 66 <!-- <ul>无序(序号)列表</ul> -->
 67 <ul>
 68   <!-- <li>表内项</li> -->
 69   <li>ul li HTML</li>
 70   <li>ul li CSS</li>
 71 </ul>
 72 
 73 <!-- <ol>
 74   有序列表
 75 </ol> -->
 76 <ol>
 77   <!-- <li>表内项</li> -->
 78   <li>ol li HTML</li>
 79    <li>ol li CSS</li>
 80 </ol>
 81 
 82 <!-- 表单标签 用于请求数据    method :网络请求方式GET/POST-->
 83 <form class="" action="http://www.baidu.com" method="get">
 84 <!-- <form class="" action="http://www.baidu.com" method="post"> -->
 85 <!-- tyoe :类型 __text:输入框 password :加密输入框 button:按钮  checkbox :复选框  radio:单选框_用name区别不同选框-->
 86 <!--  name:用于区别不同类控件-->
 87 <!--  vaklue:控件内值,显示的文字-->
 88 UserName_text:<input type="text" name="UserName" value="" placeholder="请输入用户名">
 89 <br/>
 90 
 91 PassWord_password:<input type="password" name="PassWord" value="" placeholder="请输入密码">
 92 <br/>
 93 是否记住登录状态_checkbox:<input type="checkbox" name="name" value="是否记住登录状态">
 94 是否记住密码_checkbox:<input type="checkbox" name="name" value="是否记住登录状态">
 95 <br/>
 96 男_radio:<input type="radio" name="name" value="男_radio">
 97 女_radio:<input type="radio" name="name" value="男_radio">
 98 <br/>
 99 HTML5_radio:<input type="radio" name="name1" value="HTML5">
100 OC_radio:<input type="radio" name="name2" value="C_radio">
101 
102 <br/>
103 <!-- textarea:多行输入框 -->
104 <textarea name="name" rows="8" cols="40"></textarea>
105 <br/>
106 Submit_button:<input type="button" name="Submit" value="Submit">
107 <!-- type = submit 提交表单 -->
108 <input type="submit" name="name" value="submitInput">
109 
110 </form>
111 
112 
113 
114 
115   </body>

 

本文转载自:http://www.cnblogs.com/tig666666/p/5601709.html

共有 人打赏支持
MR_BT
粉丝 0
博文 49
码字总数 13680
作品 0
深圳
高级程序员
私信 提问
基于Html5的爱情主题网站–表白神器

介绍 一个基于基于Html5的爱情主题,文字采用打字机效果,逐字打印,并带有键盘敲击声音。在chrome,safari,firefox,IE10下都有效,chrome下效果最佳。要注意的是safari下不支持audio标签属性...

流浪老三
2013/10/16
0
0
掌握这11项技能,你就是优秀的前端开发工程师

导读: 你也许会觉得前端开发是一个很简单的工作,对呀,你就是刚刚从网页设计转型过来的。但当你深入其中时,一定会发现好像前端开发不是那么简单,光网站性能优化、响应式、框架就让你焦头...

半饱即好
2018/06/26
0
0
掌握11项技能,你就是优秀的前端开发工程师

导读: 你也许会觉得前端开发是一个很简单的工作,对呀,你就是刚刚从网页设计转型过来的。但当你深入其中时,一定会发现好像前端开发不是那么简单,光网站性能优化、响应式、框架就让你焦头...

半饱即好
2014/05/14
0
25
详解javascript拖拽(一)基础介绍

人类喜欢将工作或活动步骤化:第一步、第二步、第三步等,因为分解让人类得以分工并优化局部。 一个作家构思一部鸿篇巨制,必然要考虑将内容划分为几个部分,每个部分刻画相应的人物背景故事....

AndyLaw
2018/12/25
0
0
开发者视角论述HTML5平台的7大特点

乍看之下,HTML5似乎给在线和手机游戏开发者带来颇多益处。这是个纯网页平台,游戏开发者能够基于HTML5制作自己的游戏,然后在任何兼容设备发行内容,从手机到PC平台。但这是否真的这么简单?...

红薯
2012/01/12
4K
7

没有更多内容

加载失败,请刷新页面

加载更多

【机器学习PAI实战】—— 玩转人工智能之商品价格预测

摘要: 我们经常思考机器学习,深度学习,以至于人工智能给我们带来什么?在数据相对充足,足够真实的情况下,好的学习模型可以发现事件本身的内在规则,内在联系。我们去除冗余的信息,可以...

zhaowei121
10分钟前
0
0
Spring拓展接口之FactoryBean,我们来看看其源码实现

是什么 FactoryBean的源码比较简单,大家可以细读下其注释,我做了简单的如下翻译 /** * 实现此接口的bean不能用作普通bean。此bean暴露的对象是通过getObject()创建的对象,而不是它自身...

java菜分享
14分钟前
1
0
Pod在多可用区worker节点上的高可用部署

一、 需求分析 当前kubernetes集群中的worker节点可以支持添加多可用区中的ECS,这种部署方式的目的是可以让一个应用的多个pod(至少两个)能够分布在不同的可用区,起码不能分布在同一个可用...

阿里云官方博客
20分钟前
0
0
深入理解 Hive 分区分桶 (Inceptor)

分区是hive存放数据的一种方式。将列值作为目录来存放数据,就是一个分区。这样查询时使用分区列进行过滤,只需根据列值直接扫描对应目录下的数据,不扫描其他不关心的分区,快速定位,提高查...

hblt-j
28分钟前
0
0
数据结构

什么是数据结构 1、数据 数据是描述客观世界的数字、字符以及一切能够输入到计算机中,并且能够被计算机程序处理的符号集合。简言之,数据就是计算机加工处理的原料,是信息的载体。 2、数据...

stars永恒
38分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部