html5常用标签 body部分(2)包括 表格、图片、链接、视频、表单、以及其他html5新增

<center><h1>*****第五类标记:表格*****</h1></center> 
<table width="500px" border="1px"> 
<caption>标题</caption> 
<thead> 
<tr> 
<th>序号1</th> 
<th>序号2</th> 
</tr> 
</thead> 
<tr> 
<td align="center">你好</td> 

<td align="center">你好2</td> 
</tr> 
<tfoot> 
<tr> 
<td colspan="2" align="right">制表人:万云华</td> 
</tr> 
</tfoot> 
</table> 

<center><h1>*****第六类标记:图片标签*****</h1></center> 

<img src="./image/2.jpg" alt="广告图片" /> 

<center><h1>*****第七类标记:链接*****</h1></center> 
链接到指定网页:<a href=" http://www.baidu.com " >baidu</a> 
锚点的指定,在页面顶部指定一个锚点名 :<a href="#pageTop">返回顶部</a> 

map的使用 
<img src="./image/2.jpg" alt="广告图片" usemap="#mymap"/> 
<map name="mymap" > 
<area shape="rect" coords="0,0,100,50" href=" http://blackbili.nmzh.net " alt="Bilibili" target="_blank" /> 
<area shape="rect" coords="100,0,210,100" href=" http://blackbili.nmzh.net " alt="Bilibili" target="_blank" /> 
</map> 
<br> 
<center><h1>*****第八类标记:视频*****</h1></center> 
<embed src="./image/1.mp4"/ width="500px" height="500px" autostart=false> 

<video controls poster="./image/2.jpg"> 
<source src="./image/1.mp4"/> 
</video> 

<center><h1>*****第九类标记:表单*****</h1></center> 
form: 表单是一个容器,可以放置表单元素,表单元素就是填写信息的地方 有action 和method ; 
<br> 
<form action=" http://www.baidu.com " method="get"> 
action 是指提交的地址(服务器页面的地址) ,method: 提交的方式: get是明码的(可以在地址栏上看得到),最多255字符,post是密文的;在地址栏上不可见,无显示长度 
<br>普通文本框: <input type="text" name="uname" id="uname" size="20" maxlength="20" /> 
<label for="pwd">密码文本框:</label><input type="password" name="pwd" id="pwd" size="20" maxlength="20" /> 
<br> 
<label for="sex">单选框 radio: 性别</label> <input type="radio" name="sex" id="sex" value="1" />男<input type="radio" name="sex" id="sex" value="2"/>女<br> 
<label 复选 checkbox 爱好</label> <input type="checkbox" name="computer" >电脑网络<input type="checkbox" name="film" >影视娱乐<input type="checkbox" name="game" >棋牌游戏<br><input type="checkbox" name="book" >读书读报<br> 
<label >文件选择框 file 头像</label> <input type="file" name="file" id="file" /><br> 
<label >下拉列表</label><select name=zhiye> 
<option>请选...</option> 
<option>教育/研究</option> 
<option>艺术/设计</option> 
<option>法律相关</option> 
<option>行政管理</option> 
<option selected>传播/媒体</option> 
<option>顾问/分析员</option> 
</select> 
<br> 
<textarea rows="20" cols="120" >多行文本</textarea> 
<input name=Submit type=submit value="提交"> 
<input name=Submit2 type=reset value="重置"> 
<br> 
html5新增  颜色选择框<input type="color" name="color" > 
<br> 
html5新增 数量选择框<input type="number" name="number" > 
<br> 
html5新增 日期选择框<input type="date" name="date" > 
<br> 
html5新增 月份选择框<input type="week" name="week" > 
<br> 
html5新增 月份选择框<input type="month" name="month" > 
<br> 
</form> 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值