h5作业4

最新推荐文章于 2024-05-20 22:28:04 发布
最新推荐文章于 2024-05-20 22:28:04 发布
阅读量753 收藏 5
点赞数 1
分类专栏： H5作业集合 文章标签： h5
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/W_C_X/article/details/87879479
版权

2月22日

这是学习的第四天

来晒晒我的作业,因为只学到了table，td，tr，ul等所以只能用table搭建，可能相对于div来说不那么好搭建

今天的作业是搭建百度页面

 代码：命名不规范，后期会改过来的

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>wcx's home work</title>
		<style type="text/css">
			*{
				padding: 0px;
				margin: 5px;	
			}
			#search,#bt{
				padding: 0px;
				margin: 0px;				
			}
			ul{
				
			 	float: right;
				margin-right: 0px;
				font-family: "微软雅黑";
				font-size: 12px;
				font-weight: bold;
				text-align: center;
			}
			li{
				list-style: none;
				float: left;
			}
			#product{
				background-color: dodgerblue;
			}
			#bd{
				background: url(img/5.png) no-repeat;
			}
			#db{
				margin:100px auto;
			}
			#db1{
				margin: -100px auto;
				width: 750px;
				height: 47px;
			}
			
			#search{
				background: url(img/8.png) no-repeat right;
				height: 40px;
				width: 670px;
			}
			#bt{
				margin-left: -3px;
				height: 44px;
				width: 130px;
			}
			#ma{
			   margin: 300px auto;
			   font-family: "微软雅黑";
			   text-align: center;
			   
			}
			#tupian{
				width: 65px;
				height: 65px;
				background: url(img/6.png) no-repeat;
			}
			#set{
				font-family: arial;
				font-size: 12px;
				margin:-280px auto
			}
			#last{
				font-family: arial;
				font-size: 12px;
				margin:290px auto
			}
			
		</style>
	</head>
	<body>
	   <table>
			<table cellspacing="0px">
				<ul id="cut">
					<li><a href="">新闻</a></li>
					<li><a href="">hao123</a></li>
					<li><a href="">地图</a></li>
					<li><a href="">视频</a></li>
					<li><a href="">贴吧</a></li>
					<li><a href="">学术</a></li>
					<li><a href="">登录</a></li>
					<li><a href="">设置</a></li>
					<li id="product"><a href="">更多产品</a></li>
		     	</ul>
		    </table>
			<table id="db" width="270px" height="129px">
		   		<tr>
		   			<td id="bd">		   		
		   			</td>
		   		</tr>
			</table>
			<table id="db1" cellpadding="0px">			
				<tr>
					<td>
						<input type="text" id="search" maxlength="100px"/>
					</td>
					<td>
						<input type="submit" id="bt" value="百度一下" />
					</td>
				</tr>
			</table>
        	<table id="ma">
        		<tr>
        			<td id="tupian"></td>
        		</tr>
        		<tr>
        			<td>百度</td>
        		</tr>
        	</table>
        	<table id="set">
        		<tr>
        			<td><a href="">把百度设为主页</a></td>
        			<td><a href="">关于百度</a></td>
        			<td><a href="">About Baidu</td>
        			<td><a href="">百度推广</a></td>
        		</tr>
        	</table>
        	<table id="last">
        		<tr>
        			<td>
        				@2019 Baidu
        				<a href="">使用百度前必读</a>
        				<a href>意见反馈</a>
        				京ICP证030173号
        			</td>
        		</tr>
        	</table>
	 </table>
	</body>
</html>

效果：

 

保持可爱forever
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
html标签中h4和h5,h5与h4的区别
weixin_42138525的博客
06-15 2813
HTML5新特性HTML5 中一些有趣的新特性：①用于绘画的 canvas 元素；②用于媒介回放的 video 和 audio 元素；③对本地离线存储的更好的支持；④新的特殊内容元素，比如 article、footer、header、nav、section；⑤新的表单控件，比如 calendar、date、time、email、url、search"以上是w3c上的原话，简单说就是更符合标准，提供...
制作一个简单HTML中华传统文化网页（HTML+CSS）
HTML网页设计
08-02 1万+
📔网站布局方面计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面网站系统文件种类包含html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；...
H5期末大作业，H5期末课程设计
11-10
自己写的h5期末作业，主要是介绍英雄联盟的一些电竞选手。 ①使用的技术：HTML5+CSS3+JavaScript，应用HTML5标签和CSS3特效（包括边框、背景、投影、变形、动画、布局、媒介查询等CSS3样式在页面中的应用）进行页面布局和样式的设计，通过JavaScrip进行行为的设置。 ②首页是index页面，登录是login页面，注册是regist页面。
玩转HTML图像，链接，列表，表格等标签
涤生大数据
07-18 6927
html的学习知道有哪些标签，怎么使用，其余就是如何将这些标签互相混合嵌套使用了。 1.html图像img标签的使用 <img>标签可以在网页上插入一张图片，它是独立使用的标签，通过“src”属性定义图片的地址，通过“alt”属性定义图片加载失败时显示的文字，以及对搜索引擎和盲人读屏软件的支持。 <img src="images/pic.jpg" alt="产品图...
HTML5期末学生大作业：基于HTML+CSS+JavaScript书城小说书籍网站带首页psd（6页） (1)
最新发布
HTML网页设计
05-20 921
🎉精彩专栏推荐 💭文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业： 【📚毕设项目精品实战案例 (1000套) 】 🧡 程序员有趣的告白方式：【💌HTML七夕情人节表白网页制作 (110套) 】 🌎超炫酷的Echarts大屏可视化源码：【🔰 Echarts大屏展示大数据平台可视化(150套) 】 🔖 HTML+CSS+JS实例代码： 【🗂️HTML+CSS+JS实例代码 (炫酷特效网页代码) 继续更新
H5页面实现微信授权登录
weixin_61877032的博客
08-01 1万+
同一域名下部署两个项目前端需要做什么 微信小程序在h5页面实现授权登录
HTML5与HTML4的区别
来自星星的博客
01-21 987
HTML5设计的目的是为了在移动设备上支持多媒体。 HTML5在H4的基础上加入了新的语法特征，比如video、audio、canvas标记。 H5还引进新的功能，对本地离线存储有更好的支持，添加了语义化更好的内容元素（article、footer、header等等）、新的表单控件（calendar、date、time、email、url）。 那么如何快速分辨一个网页是H5还是H4的呢？
H5响应式布局期末作业
01-09
本篇将深入探讨“H5响应式布局期末作业”所涉及的核心知识点，帮助你理解和掌握相关技能。 一、HTML5简介 HTML5是HTML的最新版本，它引入了许多新特性，如新的元素、离线存储、拖放功能、媒体元素等，旨在提高网页...
H5作业.zip
11-02
【描述】描述中提到，该H5作业在Google环境下具有理想的图片轮播效果，以及一些特定的H5和CSS3标签和属性的应用。这暗示了以下几个关键知识点： 1. **图片轮播**：通常使用HTML5的`<img>`标签结合JavaScript或CSS3...
学生作业管理系统，h5管理界面
01-28
《学生作业管理系统与H5管理界面详解》 在数字化教育的时代背景下，学生作业管理系统作为教育信息化的重要组成部分，已经成为提升教学效率、优化管理流程的关键工具。本文将深入探讨以H5技术构建的学生作业管理系统...
web期末作业，大学生，H5，家乡
12-25
【标题】：“Web期末作业——大学生H5作品：展现家乡之美” 这个Web期末作业是针对大学生的一份项目，主要利用HTML5（H5）技术来创作一系列展示家乡风情的交互式网页。HTML5作为现代网页开发的核心语言，以其强大的...
一个简单的网页设计HTML5作业
热门推荐
好好读书
06-26 9万+
简单的html设计作业，初次学习，希望指正！
简述HTML5和HTML4的区别,一文读懂HTML5和HTML4区别！
weixin_31614753的博客
06-11 1216
原标题：一文读懂HTML5和HTML4区别！HTML5自从2010年正式推出后，它以惊人速度发展，现在主流浏览器基本上都支持了HTML5(除了个别的特性在浏览器兼容有问题)，这说明HTML5越来越受到欢迎。可以预测不久的将来HTML5会成为web前端的主流技术。HTML5特效更好适应移动互联网时代，可以更好支持多媒体在移动设备上运行。html5和html4有什么不同？ 定义上区别HTML5是应用超...
HTML网页设计制作大作业(div+css) ~中华美德6页面带音乐 ~ 学生网页设计作业源码(中华文化)
七夕情人节表白网页代码100款 HTML5网页设计与制作1120款 Echarts大屏数据150款
07-07 6493
HTML网页设计制作大作业(div+css) ~ 中华美德6页面带音乐 ~ 学生网页设计作业源码(中华文化) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~ 原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。 作品介绍 1.网页作品简介方面 ：HTML期末大学生网页设计作业 ,喜
利用HbuilderX制作简单网页： HTML5期末大作业——html5漫画风格个人主页
qq__3200628753的博客
01-09 1028
网页作品编辑作品下载后可使用任意HTML编辑软件（如：`DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页） 网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。
HTML网页设计期末课程大作业~旅游住宿酒店的HTML网页设计(14页) ~学生网页设计作业源码 旅游网页代码 学生网页设计与制作期末作业下载 DW旅游网页作业代码下载
七夕情人节表白网页代码100款 HTML5网页设计与制作1120款 Echarts大屏数据150款
07-09 1万+
旅游住宿酒店的HTML网页设计14页 ~ 学生网页设计与制作期末作业下载~ 大学生网页设计与制作成品下载 ~DW旅游网页作业代码下载 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~ 原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。 作品介绍 1.网页作品简介方面 ：HTML期末
HTML5期末大作业：校园二手书交易网站
coding加油站
06-23 5995
校园二手书交易网站，html大作业，flex布局，期末作业
基于HTML5+CSS制作 H5移动端电商购物网页设计35页面(包括主页，商品详情，转账，付款，购物车等页面) 功能齐全
七夕情人节表白网页代码100款 HTML5网页设计与制作1120款 Echarts大屏数据150款
10-22 7257
基于HTML5+CSS制作 H5移动端电商购物网页设计35页面(包括主页，商品详情，转账，付款，购物车等页面) 功能齐全 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载! ????
HTML5(4)__H5基本语法(下)
Richard_xx的博客
07-20 875
14：表格标签  HTML 表格 表格由 标签来定义。每个表格均有若干行（由 标签定义），每行被分割为若干单元格（由 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 1 没有边框的表格： 这个表格没有边框:   100   200   300   400
学生h5静态网站作业
09-09
学生制作h5静态网站作业是一种很好的学习机会和实践机会。H5静态网站是基于HTML5技术开发的网站，可以通过HTML、CSS和JavaScript等技术来实现网站的设计和功能。 首先，学生可以通过制作静态网站来熟悉HTML5标记...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

保持可爱forever

赞赞赞

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

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

打赏作者

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

抵扣说明：

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

余额充值