用HTML编写迪士尼乐园页面

最新推荐文章于 2024-05-25 10:40:11 发布
最新推荐文章于 2024-05-25 10:40:11 发布
阅读量1k 收藏 3
点赞数
原文链接：https://my.oschina.net/u/4191619/blog/3096551
版权

本文转载于:猿2048网站用HTML编写迪士尼乐园页面

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../css/disini.css"/>
</head>
<body>
<div class="disini">
    <!--头部-->
    <header>
        <nav>
            <a href="#"><i class="aa"></i>首页</a>
            <a href="#"><i class="bb"></i>商店</a>
            <a href="#"><i class="cc"></i>乐园</a>
            <img src="../images/b_logo.png" alt=""/>
            <a href="#"><i class="dd"></i>影视</a>
            <a href="#"><i class="ee"></i>数码</a>
            <a href="#"><i class="ff"></i>会员</a>
        </nav>
    </header>
    <img src="../images/160216172223655101.jpg" alt=""/>
    <!--img,figcaption是figure的子级-->
    <div>
        <h1 class="red">明星</h1>
        <figure class="yes"><img src="../images/151209173849244246.jpg" alt=""/>
            <figcaption>米老鼠和他的朋友们</figcaption>
        </figure>
        <figure class="yes"><img src="../images/151209173747572402.jpg" alt=""/>
            <figcaption>迪士尼公主</figcaption>
        </figure>
        <figure class="yes"><img src="../images/151130185638114248.jpg" alt=""/>
            <figcaption>赛车总动员</figcaption>
        </figure>
        <figure class="yes"><img src="../images/151130185656630780.jpg" alt=""/>
            <figcaption>小公主苏菲亚</figcaption>
        </figure>
        <figure class="yes"><img src="../images/151130185733287815.jpg" alt=""/>
            <figcaption>冰雪奇缘&
最低0.47元/天 解锁文章
chuluxie3918
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML5期末大作业：在线电影网站设计——电影我不是药神响应式页播(4页) HTML+CSS+JavaScript HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计
11-08 726
HTML5期末大作业：在线电影网站设计——电影我不是药神响应式页播(4页) HTML+CSS+JavaScript HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页
游乐园迪士尼欢乐谷主题公园网站模板
04-09
游乐园迪士尼欢乐谷主题公园网站模板
dreamweaver作业静态HTML网页设计模板——迪士尼影视电影(6页)带音乐
最新发布
网页设计与制作
05-25 264
1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。3.知识应用：技术方面主要应用了网页知识中的: Div+CSS、鼠标滑
html迪士尼网页实现代码
weixin_30760895的博客
03-20 1204
html body> <div> <!-- 导航设置 --> <header> <nav class="daohangse"> <a href="#"><i></i> 首页</a> ...
迪士尼网页
weixin_30634661的博客
04-22 462
HTML代码 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="../css/reset.css"/> <lin...
HTML5期末大作业：电影个人介主题——迪士尼影视电影(6页)带音乐 HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
HTML5学生网页设计作业成品模板
10-22 792
HTML5期末大作业：电影个人主题网站设计——迪士尼影视电影(6页)带音乐HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+
html静态页面源代码 静态网页制作代码【CSS+DIV】
06-27
html静态页面源代码 静态网页制作代码【CSS+DIV】 HTML静态页面(CSS+DIV) 这是期末老师HTML老师布置的。本来要求一个，但我做了三个。 主要是CSS+DIV做的（3个项目）。 对于页面的布局，代码的规格，命名，都很清晰...
迪士尼乐园
03-03
如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 npm test 在交互式监视模式下启动测试运行器。 有关更多信息，请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。 它在
迪士尼乐园市场调研报告.ppt
12-24
【全球迪士尼乐园市场调研报告】 本报告主要涵盖了全球各地的迪士尼乐园，包括洛杉矶、奥兰多、东京、巴黎、香港和上海的详细分析。这些迪士尼乐园不仅是娱乐休闲的场所，更是文化和创新的交汇点，吸引了无数游客。...
GravityFalls_Homenagem:应用HTML5和CSS3知识的网站，该网站是对迪士尼制作的设计的致敬
04-10
GravityFalls_Homenagem 应用HTML5和CSS3知识的网站，该网站是对迪士尼制作的设计的致敬
HTML5期末大作业：动漫网站设计——迪斯尼公主(6个页面) HTML+CSS+JavaScript 动漫网页HTML代码 学生网页课程设计期末作业下载 动漫大学生网页设计制作成
七夕情人节表白网页代码100款 HTML5网页设计与制作1120款 Echarts大屏数据150款
07-12 6174
HTML5期末大作业：动漫网站设计——迪斯尼公主(6个页面) HTML+CSS+JavaScript 动漫网页HTML代码 学生网页课程设计期末作业下载 动漫大学生网页设计制作成 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~ 原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。
迪士尼页面制作
weixin_30323961的博客
04-21 503
html代码 <body><div class="main"> <!--导航--><header> <nav> <a href=""><i></i>首页</a> <a href=""><i></i>商店</a...
迪士尼首页布局
V________的博客
11-11 559
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="css/norm
HTML静态网页成品作业(HTML+CSS+JS)——迪士尼公主介绍(6个页面)
weixin_42283461的博客
03-15 707
HTML静态网页成品作业(HTML+CSS+JS)——迪士尼公主介绍(6个页面)
html实现游乐场
路在前方
10-31 1280
实现代码： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Ke
用html css做一个旅游咨询页面
05-24
好的，以下是一个简单的旅游咨询页面的HTML和CSS示例： HTML代码： ``` <!DOCTYPE html> <html> <head> <title>旅游咨询页面</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <h1>旅游咨询</h1> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">目的地</a></li> <li><a href="#">行程</a></li> <li><a href="#">联系我们</a></li> </ul> </nav> </header> <main> <section class="destination"> <h2>热门目的地</h2> <ul> <li><a href="#"><img src="destination1.jpg"><span>巴黎</span></a></li> <li><a href="#"><img src="destination2.jpg"><span>东京</span></a></li> <li><a href="#"><img src="destination3.jpg"><span>纽约</span></a></li> <li><a href="#"><img src="destination4.jpg"><span>悉尼</span></a></li> </ul> </section> <section class="itinerary"> <h2>推荐行程</h2> <ul> <li> <a href="#"> <img src="itinerary1.jpg"> <div class="info"> <h3>巴黎浪漫之旅</h3> <p>5天4晚，包括凯旋门，卢浮宫和埃菲尔铁塔等景点</p> </div> </a> </li> <li> <a href="#"> <img src="itinerary2.jpg"> <div class="info"> <h3>东京城市探索</h3> <p>7天6晚，包括银座购物区，浅草寺和迪士尼乐园等景点</p> </div> </a> </li> <li> <a href="#"> <img src="itinerary3.jpg"> <div class="info"> <h3>纽约自由行</h3> <p>6天5晚，包括自由女神像，中央公园和时代广场等景点</p> </div> </a> </li> </ul> </section> </main> <footer> <p>© 2021 旅游咨询</p> </footer> </body> </html> ``` CSS代码： ``` body { font-family: Arial, sans-serif; margin: 0; padding: 0; } header { background-color: #333; color: #fff; padding: 20px; } header h1 { margin: 0; } nav ul { list-style: none; margin: 0; padding: 0; } nav ul li { display: inline-block; margin-right: 20px; } nav ul li a { color: #fff; text-decoration: none; } main { max-width: 1200px; margin: 0 auto; padding: 20px; } .destination h2, .itinerary h2 { font-size: 24px; margin-top: 0; } .destination ul, .itinerary ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; } .destination li, .itinerary li { margin-right: 20px; margin-bottom: 20px; flex-basis: calc(25% - 20px); } .destination li:last-child, .itinerary li:last-child { margin-right: 0; } .destination img, .itinerary img { max-width: 100%; } .destination span, .itinerary .info { display: block; text-align: center; margin-top: 10px; } .itinerary .info h3 { margin: 0; font-size: 20px; } .itinerary .info p { margin: 0; color: #666; font-size: 14px; } footer { background-color: #333; color: #fff; padding: 20px; text-align: center; } ``` 这个页面使用了简单的HTML标记和CSS样式来创建一个具有导航栏、热门目的地和推荐行程的旅游咨询页面。您可以根据您的需求进行自定义和修改。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值