web多媒体标签，表格标签，超链接标签，语义化标签练习

最新推荐文章于 2024-04-07 21:11:59 发布
最新推荐文章于 2024-04-07 21:11:59 发布
阅读量115 收藏
点赞数
分类专栏： web 文章标签： 前端 javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_56423338/article/details/127660959
版权

第一题

 

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>用户注册</title>
</head>
<body>
	<div>
		<table >
			<tr>
				<td style="background: gray;" colspan="2" align="center">用户注册</td>
			</tr>
			<tr style="background: lightgray;">
				<td >用户名</td>
				<td><input type="text" name="username" value=""></td>
			</tr>
			<tr style="background:lightgray;">
				<td>密码</td>
				<td><input type="password" name="" id="" value="" /><br></td>
			</tr>
			<tr style="background: lightgray;">
				<td>性别</td>
				<td><input type="radio" name="" id="" value="" />男
					<input type="radio" name="" id="" value="" />女
				</td>
			</tr>
			<tr style="background: lightgray;">
				<td>爱好</td>
				<td>
					<input type="checkbox" name="fav" id="" value="">写作
	<input type="checkbox" name="fav" id="" value="">听音乐
	<input type="checkbox" name="fav" id="" value="">体育
				</td>
			</tr>
			<tr style="background: lightgray;">
				<td>省份</td>
				<td><select name="爱好">
		<option value="">山西省</option>
		<option value="">四川省</option>
		<option value="">新疆省</option>
		<option value="">山东省</option>
	</select></td>
			</tr>
			<tr>
				<td style="background: lightgray;">自我介绍</td>
				<td>
					
					
				</td>
			</tr>
			<tr>
				<td align="center" colspan="2" style="background: gray;">
				<button>提交</button>
				<button>重置</button>
				</td>
			</tr>
		</table>
	</div>
</body>
</html>

第二题

 

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>工商银行</title>
</head>
<body>
	<h1>工商银行电子汇款单</h1>
	<div>
		<table border="1px" cellpadding="10" cellspacing="0" align="left">
			<tr>
		<td width="85"><b>回单类型</b></td>
		<td width="283">网上转账汇款</td>
		<td width="85"><b>指令序号</b></b></td>
		<td width="280">HQH000000000000000131564</td>
	</tr>
</table>
<table border="1px" cellspacing="0" align="left">
	<tr>
		<td rowspan="4" width="20"><b>收款人</b></td>
		<td width="80">户名</td>
		<td width="300">老牟</td>
		<td rowspan="4" width="20"><b>付款人</b></td>
		<td width="80">户名</td>
		<td width="300">老刘</td>
	</tr>
	<tr>
		<td width="80">卡号</td>
		<td width="300">000000000000001</td>
		<td width="80">卡号</td>
		<td width="300">000000000000002</td>
	</tr>
	<tr>
		<td width="80">地区</td>
		<td width="300">南京</td>
		<td width="80">地区</td>
		<td width="300">杭州</td>
	</tr>
	<tr>
		<td width="80">网点</td>
		<td width="300">工商江苏南京业务处理中心</td>
		<td width="80">网点</td>
		<td width="300">江苏徐州业务中心</td>
	</tr>
	</table>
	<table border="1px" cellspacing="0" align="left">
		<tr>
		<td width="105">币种</td>
		<td width="300">人民币</td>
		<td width="105">钞汇标志</td>
		<td width="300">钞票</td>
	</tr>
		<tr>
		<td width="105">金额</td>
		<td width="300">1.00元</td>
		<td width="105">手续费</td>
		<td width="300">0.57元</td>
	</tr>
		<tr>
		<td width="105"><b>合计</b></td>
		<td colspan="3" align="left">人民币（大写）：壹元整</td>
	</tr>
		<tr>
		<td width="105">交易时间</td>
		<td width="300">2017年6月1日</td>
		<td width="105">时间戳</td>
		<td width="300">2017-06-01-13.00.00. 00000</td>
	</tr>
		</table>
		<br><br><br><br>
		<br><br><br><br>
		<br><br><br><br>
		<p>票据打印时间:2017-06-01 15::00:12</p>
		<p><del>票据打印时间</del></p>
		<p>操作员：大管</p>	
	</div>
</body>
</html>
dl标签：数据列表标签

第三题

 

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>电影天堂</title>
</head>
<body>
<h2>热门电影板块</h2>
<hr>
<pre><b>最近热门电影</b>  热门 最新 豆瓣高分 冷门佳片华语 欧美 韩国 日本        更多>></pre>
<hr>
<table><tr>
	<td><a href="https://baike.baidu.com/item/%E4%BA%BA%E5%86%8D%E5%9B%A7%E9%80%94%E4%B9%8B%E6%B3%B0%E5%9B%A7/1503204?fromtitle=%E6%B3%B0%E5%9B%A7&fromid=8716555&fr=aladdin">
	<img src="C:\Users\Howe\Desktop\1.jpg" style="height: 200px;width: 200px;">
<pre>泰囧 8.1</pre></td>
	<td><a href="https://baike.baidu.com/item/%E8%9C%98%E8%9B%9B%E4%BE%A03/2721?fr=aladdin">
	<img src="C:\Users\Howe\Desktop\2.jpg" style="height: 200px;width: 200px;">
<pre>蜘蛛侠3 9.2</pre></td>

<td><img src="C:\Users\Howe\Desktop\3.jpg" style="height: 200px;width: 200px;">
<pre>功夫 8.8</pre></td>
<td><img src="C:\Users\Howe\Desktop\4.jpg" style="height: 200px;width: 200px;">
<pre>九品芝麻官 8.1</pre></td>
</tr>
<tr>
	<td><img src="C:\Users\Howe\Desktop\5.jpg" style="width: 200px;height: 200px;"><pre>破坏之王 7.8</pre></td>
	<td><img src="C:\Users\Howe\Desktop\6.jpg" style="width: 200px;height: 200px;"><pre>唐人街探案 8.5</pre></td>
	<td><img src="C:\Users\Howe\Desktop\7.jpg" style="width: 200px;height: 200px;"><pre>赌神 9.1</pre></td>
	<td><img src="C:\Users\Howe\Desktop\8.jpg" style="width: 200px;height: 200px;"><pre>赌侠 8.7</pre></td>
</tr>
</table>
</body>
</html>

南孚程序员
关注
专栏目录
《web开发： HTML 表格标签》
yexiangCSDN的专栏
01-14 302
一、HTML 标签大全二 1. 表格标签 表格是实际开发中非常常用的标签: 1.1 表格的主要作用 表格主要用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据 的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。 Pink老师总结: 表格不是用来布局页面的,而是用来展示数据的. 1.2 表格的基本语法 <table> <tr> <td>单元格内的文字&l...
HTML-多媒体标签
小石头
02-19 4249
HTML-多媒体标签
html常用标签7-多媒体标签
weixin_34247155的博客
02-26 139
1、html4中的标签:embed 　　定义嵌入的内容，可以插入多种形式的多媒体（有建瓯让问题，会用即可） <embed src="路径" type="类型" width="" height=""> 2、html5新增 1>audio:音频 <!--controls:显示/隐藏 ...
web内置对象_Web多媒体：对象标签
cungui5726的博客
08-17 181
web内置对象<object> and <embed> have been the traditional means of embedding multimedia in web pages since the inception of HTML4; <audio> and <video> tags, introduced with HTML5, ...
Web网页设计·HTML篇（3）·媒体标签
最新发布
s1316339343的博客
04-07 384
这章我们学习媒体标签，媒体标签就是在网页中，可以呈现图片、视频的样式。
learn-web-development:Web开发代码练习
03-29
- 新增的语义化标签如`<header>`, `<footer>`, `<nav>`, `<article>`, `<section>`等，提升页面结构可读性。 - `<canvas>`和`SVG`用于图形绘制，`<video>`和`<audio>`支持多媒体播放，`<input type="date">`等新...
HTML5和CSS3 WEB技术开发
张晨光老师的播客
01-02 6425
B站视频参考：https://www.bilibili.com/video/BV1H44y1k7ze/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Uwbid43Z-1672665963237)(asseits/image-20210831212039584.png)]HTML:超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。 HTML 不是一种编程语言（C、Java、python、R等），而是一种标记语言 (markup
前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)
热门推荐
qq_36609655的博客
07-02 1万+
第1章Html   Html：超级文本标记语言（HyperText Markup Language），在浏览器上运行的一种标记语言。 就是给文本加上含有语义的标签。 接下来应该学习更多具体语义标签： 一、结构（固定的结构）   &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;bod...
web1
03-08
【标签】"HTML"明确指出了这个主题的核心，即HTML5，这是目前最广泛使用的HTML版本，提供了更多的语义化标签，增强了多媒体支持，并且提升了网页的交互性。HTML5的重要性在于它不仅是网页设计的基础，也是移动应用、...
web50:CS50 Web开发
03-19
通过"web50-main"这个文件名，我们可以推测这是课程的主要代码库或资源文件，可能包含了示例代码、作业、项目模板等，用于实际操作和练习。学习者将通过这些材料亲自动手编写HTML文档，从而掌握Web开发的基本技能。
HTML5多媒体标签
03-03 147
# audio标签 # 属性 src : 音频的地址 controls : 显示控制栏 autoplay : 自动播放 loop : 设置循环播放 preload : (auto/metadata/none) 规定当网页加载时，音频是否默认被加载以及如何被加载。 # 兼容 source: 指定多个音频,如果找到了当前浏览器支持的,那么会直接使用,如果所有的source标签格式都不支持,会显示最后的...
HTML5之多媒体标签
arvin_top的博客
04-22 1852
audio标签video标签 •音频：不支持时显示 •视频：不支持时显示 •controls属性：属性值与属性名同。可以省略。控制显示默认控制条。 •source标签：用来指定多个音频或视频文件源。 支持格式 多媒体API---常用属性 多媒体API---常用方法 多媒体API---常用事件
html5的多媒体标签
baiqiangdoudou的博客
08-18 364
html ☞ 视频 属性：controls 显示控制栏 属性：autoplay 自动播放 属性：loop 设置循环播放 ☞ 音频 属性：controls 显示控制栏 属性：autoplay 自动播放 属性：loop 设置循环播放 ☞ video标签支持的格式 http://www.w3school.com.cn/html5/html_5_video.asp ☞ 多媒体标签在各浏...
web表格基本标签
xuxu_77的博客
07-13 556
现在HTML 表格应该用于表格数据，而不是来实现网页布局
【web前端】表格标签
m0_62608983的博客
01-17 286
表格标签 表格用来展示数据的 （table 表格 table row 行（tr） table date 数据（td）） 表头标签 表头标签一般位于第一行或第一列，单元格内容加粗居中显示 表头：table head （hd） 表格属性：写到table标签里面 <table align="center" border="1"> 表格结构标签 合并单元格 跨行合并：rowspan=“合并单元格的个数” 跨列合并：col
前端基础-HTML多媒体标签
逍遥云恋
03-30 410
多媒体标签 1.embed标签 不是h5独有，h4就有，用来播放音频和视屏 <embed src="邓紫棋-喜欢你.mp3"></embed> <embed src="邓紫棋_喜欢你.webm"></embed> 说明：embed可以用来插入各种多媒体，格式可以是 Midi、Wav、flac、AIFF、AU、MP3、MP4等等，Netscape及新...
【Web前端】HTML—4.表格标签
weixin_41806595的博客
06-07 728
一、表格的主要作用 表格主要用于显示、展示数据，可以让数据显示的非常规整，有条理，可读性非常好。特别是后台展示数据时候，能够熟练运用表格就显得很重要。 即：表格不是用来布局页面的，而是用来展示数据的。 二、表格的基本语法 <table> <tr> <td>单元格内的文字</td> ``` </tr> ``` </table> 1、<table></table>是用于定
Web基础(从零开始)——HTML表格标签
qq_57633498的博客
11-05 245
表格主要用于展示数据，让数据的显示非常规整，具有可读性 PS：表格不是用来布局页面的，而是用来展示数据的 <table> <tr> <td>表格内容</td> </tr> </table> <table></table>是用于定义表格的标签； <tr></tr>标签用于定义表格中的行，必须嵌套在<table>&.
表单标签(web作业)
Stwemh的博客
09-17 900
web课程的表单作业 在网页中打开： 代码如下： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;web作业&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form&gt; &lt;label for
HTML标签详解：从标题到超链接
"本文主要介绍了前端与移动开发中常用的HTML标签，包括标题标签、段落标签、换行标签、文本格式化标签、div和span标签、图像标签和路径，以及超链接标签。" 在HTML中，这些基础标签构成了网页的基本结构和样式。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

南孚程序员

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值