web多媒体标签，表格标签，超链接标签，语义化标签练习
2024-05-01 04:12:07
第一题
<!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多媒体标签，表格标签，超链接标签，语义化标签练习相关推荐
- web开发—— 前端基础（6） ——语义化标签
在网页中HTML专门用来负责网页的结构,在使用html标签时,应该关注标签的语法,而不是它的样式! 首先:标题标签有6级,h1~h6,h1时一级标题,h6是6级标题,h1最重要,h6最不重要. 一般情 ...
- HTML5语义化标签综合基础案例,HTML5语义化标签综合案例
HTML 标签 声明必须是 HTML 文档的第一行,位于 标签之前. 声明不是 HTML 标签:它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令. 请始终向 HTML 文档添加 ...
- 什么是语义化标签和都有哪些语义化标签
什么是语义化标签 语义化的标签,意义让标签有自己的含义. 语义化标签的优势 代码结构清晰,方便阅读,有利于团队合作开发. 方便其他设备解析(如屏幕阅读器.盲人阅读器.移动设备)以语义的方式来渲染网页. ...
- 从零开始学 Web 之 HTML5（一）HTML5概述，语义化标签
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...
- html5语义化标签 加粗,html5标签 H5标签
html> h5文本元素 1.文本元素 2.加粗文字 b 3.倾斜文字 i 4.删除文字 del 5.加粗文字2 strong 6.安全换行 wbr~~~ 7.强调 倾斜元素 em 8.删除线2 ...
- HTML5学习之语义化标签
一.为什么HTML5要引入新语义标签 在HTML5出现之前,我们一般采用DIV+CSS布局我们的页面.但是这样的布局方式不仅使我们的文档结构不够清晰,而且不利于搜索引擎爬虫对我们页面的爬取.为了解决上 ...
- HTML语义化标签理解
1:语义化标签是什么? 语义化标签,目的是让标签有自己的含义 <p>语义化</p> <span>非语义化</span> 如上代码,p标签含义就是段落,而 ...
- HTML5概述 - 语义化标签
一.HTML5 简介 1.什么是 HTML5 HTML5 不是一门新的语言,而是我们之前学习的 HTML 的第五次重大修改版本. 2.HTML 的发展历史 •超文本标记语言(第一版,不叫 HTML 1 ...
- 什么是HTML语义化标签？为什么要用H5语义化标签？HTML5语义化标签有哪些
对于大部分初学者来说,可能无法理解,明明在学习的时候,用div标签就能构成页面,为什么要用h5语义化标签?可能有一些前端工作者对HTML标签语义化的概念也不是很清楚,那么究竟什么是HTML语义化标 ...
- 对HTML 标签语义化的理解，常见的语义化标签有哪些？
语义化就是我们通过标签本身就知道标签所在代码的内容具有什么意义,即用使用特定的功能属性的标签做特定的事.比如使用 h1 标签我们就知道这是一个标题,使用 header 就知道这是页眉,使用 foote ...
最新文章
- 尺度空间理论与图像金字塔
- jUnit Test遇到org.apache.ibatis.binding.BindingException
- ThinkPad安装deepin操作系统报错解决方法
- 每日一皮：据说这是很多公司的办事流程
- 用python画梵高星空-python 梵高
- Python-解决粘包
- 【JS 逆向百例】网洛者反爬练习平台第二题：JJEncode 加密
- 使用nagios监控oracle
- Kylin开启Kerberos安全认证
- 【超详细整理数组基础知识点】（学习笔记8--数组上）
- 【数据结构和算法】哈希表详解
- 一段oracle中的“复杂”分组统计sql
- linux 后台进程管理,Linux 后台进程管理利器 Supervisor
- 福昕pdf阅读器，怎么将pdf文件中的某一页，提取出来，即分页保存？
- 跃见非凡！华为Mate40系列国内发布4999元起
- 门铃C语言设计程序,单片机C语言程序设计：用定时器设计的门铃
- 海康威视2019校招
- 旅游路线定制APP开发是否具备发展前景呢？
- 【Python成长之路】python资料共享
- VMware打开虚拟机，会立即导致宿主机重启
热门文章
- matlab计算abc三相短路电流_供配电系统设计需要用到的计算公式（结合手册简要总结）...
- 汉诺塔移动次数递归算法c语言,谁知道C语言汉诺塔递归算法及其详细注释？
- 读书 -- 偷偷暗时间之《暗时间》总结
- [Python]利用ricequant获取上证指数以及所有股票历史价格数据
- linux无线网卡信道,linux如何列出网卡支持的wifi信道？
- Flink在bilibili的优化与实践
- 金立android手机怎么截图,金立M6手机怎么截图 金立M6截屏/截图方法(两种)
- 联想t450进入bios设置按哪个键_联想笔记本BIOS设置图解中文说明
- 【万字专栏总结】离线强化学习(OfflineRL)总结(原理、数据集、算法、复杂性分析、超参数调优等）...
- css怎么写仿粗体,在CSS中字体加粗要怎么做？