本文主要是介绍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>
这篇关于html5常用标签 body部分(2)包括 表格、图片、链接、视频、表单、以及其他html5新增的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!