网站首页.html

最新推荐文章于 2023-12-26 10:45:52 发布
最新推荐文章于 2023-12-26 10:45:52 发布
阅读量82 收藏
点赞数
文章标签： html 前端 javascript Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44261815/article/details/128823989
版权

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>黑马旅游网</title>

</head>

<body>

<!--采用table来完成布局-->

<!--最外层的table，用于整个页面的布局-->

<table width="100%" align="center">

<!-- 第1行 -->

<tr>

<td>

<img src="image/top_banner.jpg" width="100%" alt="">

</td>

</tr>

<!-- 第2行 -->

<tr>

<td>

<table width="100%" align="center">

<tr>

<td>

<img src="image/logo.jpg" alt="">

</td>

<td>

<img src="image/search.png" alt="">

</td>

<td>

<img src="image/hotel_tel.png" alt="">

</td>

</tr>

</table>

</td>

</tr>

<!-- 第3行 -->

<tr>

<td>

<table width="100%" align="center">

<tr bgcolor="#ffd700" align="center" height="45" >

<td>

<a href="">首页</a>

</td>

<td>

门票

</td>

<td>

酒店

</td>

<td>

香港车票

</td>

<td>

出境游

</td>

<td>

国内游

</td>

<td>

港澳游

</td>

<td>

抱团定制

</td>

<td>

全球自由行

</td>

<td>

收藏排行榜

</td>

</tr>

</table>

</td>

</tr>

<!-- 第4行 轮播图 -->

<tr>

<td>

<img src="image/banner_3.jpg" alt="" width="100%">

</td>

</tr>

<!-- 第5行 黑马精选-->

<tr>

<td>

<img src="image/icon_5.jpg" alt="">

黑马精选

<hr color="#ffd700" >

</td>

</tr>

<!-- 第6行 -->

<tr>

<td>

<table align="center" width="95%">

<tr>

<td>

<img src="image/jiangxuan_1.jpg" alt="">

<p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>

<font color="red">&yen; 899</font>

</td>

<td>

<img src="image/jiangxuan_1.jpg" alt="">

<p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>

<font color="red">&yen; 899</font>

</td>

<td>

<img src="image/jiangxuan_1.jpg" alt="">

<p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>

<font color="red">&yen; 899</font>

</td>

<td>

<img src="image/jiangxuan_1.jpg" alt="">

<p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>

<font color="red">&yen; 899</font>

</td>

</tr>

</table>

</td>

</tr>

<!-- 第7行 国内游 -->

<tr>

<td>

<img src="image/icon_6.jpg" alt="">

国内游

<hr color="#ffd700" >

</td>

</tr>

<!-- 第8行 -->

<tr>

<td>

<table align="center" width="95%">

<tr>

<td rowspan="2">

<img src="image/guonei_1.jpg" alt="">

</td>

<td>

<img src="image/jiangxuan_2.jpg" alt="" height="100%">

<p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>

<font color="red">&yen; 699</font>

</td>

<td>

<img src="image/jiangxuan_2.jpg" alt="">

<p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>

<font color="red">&yen; 699</font>

</td>

<td>

<img src="image/jiangxuan_2.jpg" alt="">

<p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>

<font color="red">&yen; 699</font>

</td>

</tr>

<tr>

<td>

<img src="image/jiangxuan_2.jpg" alt="">

<p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>

<font color="red">&yen; 699</font>

</td>

<td>

<img src="image/jiangxuan_2.jpg" alt="">

<p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>

<font color="red">&yen; 699</font>

</td>

<td>

<img src="image/jiangxuan_2.jpg" alt="">

<p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>

<font color="red">&yen; 699</font>

</td>

</tr>

</table>

</td>

</tr>

<!-- 第9行 境外游 -->

<tr>

<td>

<img src="image/icon_7.jpg" alt="">

境外游

<hr color="#ffd700" >

</td>

</tr>

<!-- 第10行 -->

<tr>

<td>

<table align="center" width="95%">

<tr>

<td rowspan="2">

<img src="image/jiangwai_1.jpg" alt="">

</td>

<td>

<img src="image/jiangxuan_3.jpg" alt="" height="100%">

<p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>

<font color="red">&yen; 699</font>

</td>

<td>

<img src="image/jiangxuan_3.jpg" alt="">

<p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>

<font color="red">&yen; 699</font>

</td>

<td>

<img src="image/jiangxuan_3.jpg" alt="">

<p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>

<font color="red">&yen; 699</font>

</td>

</tr>

<tr>

<td>

<img src="image/jiangxuan_3.jpg" alt="">

<p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>

<font color="red">&yen; 699</font>

</td>

<td>

<img src="image/jiangxuan_3.jpg" alt="">

<p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>

<font color="red">&yen; 699</font>

</td>

<td>

<img src="image/jiangxuan_3.jpg" alt="">

<p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>

<font color="red">&yen; 699</font>

</td>

</tr>

</table>

</td>

</tr>

<!-- 第11行 -->

<tr>

<td>

<img src="image/footer_service.png" alt="" width="100%">

</td>

</tr>

<!-- 第12行 -->

<tr>

<td align="center" bgcolor="#ffd700" height="40">

<font color="gray" size="2">

江苏传智播客教育科技股份有限公司

版权所有Copyright 2006-2018&copy;, All Rights Reserved 苏ICP备16007882

</font>

</td>

</tr>

</table>

</body>

</html>

Justin chen
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML学生个人网站作业设计：HTML做一个公司官网首页页面（纯html代码）
qq_38514921的博客
04-27 154
👒 公司官网网站 、企业官网、酒店官网、等网站的设计与制作。🏷️ 网页中包含：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频音频元素，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站
网站主页html+css
09-09
非常完整的实例，非常适合html+css 的学习,希望对大家有所帮助。
【HTML】网站主页的设计
xhdxhdxhd的博客
10-30 1439
网站主页的作用
大学生个人网页设计 HTML个人网页制作 web个人网站模板 简单静态HTML个人网页作品
热门推荐
HTML网页设计
07-31 6万+
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大...
HTML网站首页代码详细知识点
爱书不爱输的程序猿
01-12 5278
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>入门案例01</title> </head> <body> <!-- 表单表标签: action:提交的地址(我理解...
html+css制作静态官网页面.zip
03-05
html html+css制作静态官网页面. html+css制作静态官网页面. html+css制作静态官网页面. html+css制作静态官网页面. html+css制作静态官网页面. html+css制作静态官网页面.
仿小米官网html源码.zip
09-23
在本项目中，你将获取一个仿制小米官网的HTML源码，这是一份适合前端初学者实践的作品。作者在学习前端技术一周后完成了这个项目，尽管可能存在一些小的编程错误（bug），但它成功地复制了小米官网的一些关键视觉...
Html+css制作静态官网页面.zip
最新发布
06-03
Html+css制作静态官网页面.zipHtml+css制作静态官网页面.zipHtml+css制作静态官网页面.zipHtml+css制作静态官网页面.zipHtml+css制作静态官网页面.zipHtml+css制作静态官网页面.zipHtml+css制作静态官网页面.zipHtml...
QQ群管机器人html官网源码.zip
01-15
QQ群管机器人html官网源码.zip是一个包含HTML源代码的压缩包，主要用于构建一个QQ群管理机器人的在线展示或管理平台。源码是网站前端设计的基础，它定义了用户在浏览器中看到的网页布局、样式和交互效果。在这个...
易支付官网html源码.zip
04-20
【标题】"易支付官网html源码.zip"提供的是一套基于HTML、CSS和JavaScript的网站模板，用于构建易支付官方网站。这个源码包包含了构建一个功能完备、视觉吸引力强的支付平台所需的基本网页元素和交互功能。易支付...
个人主页程序简洁漂亮HTML代码
03-10
自己用HTML编写的主页程序，简洁高效，适合当成网页程序作业
漂亮的html首页
04-12
漂亮的html首页，附加js文件和css文件，高端大气上档次
HTML如何制作公司网站首页（web前端期末大作业）
qq_38518191的博客
03-23 1582
👒 公司官网网站 、企业官网、酒店官网、等网站的设计与制作。🏷️ 网页中包含：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频音频元素，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站
html网页之静态主页
qq_64353584的博客
01-20 3898
制作网页之前一定要了解网页的基本结构： <!-- 结构 --> <!-- 页面部分 --> <!-- nav导航部分 --> <!-- logo部分 --> <!-- 导航栏部分 --> <!-- 个人中心部分 --> <!-- 搜索栏部分 -->zhizuo <!-- banner部分 --> &...
如何将自己网站的网址中设置不显示/index.html
css使多个相互之间有间隔的元素两端对齐显示
10-28 2111
一个网站首页打开有很多种形式，有index.html、index.htm、index.php；有朋友做完一个网站网站打开经常会出现 www.******.com/index.html这种格式出现，感觉不利于网站优化，想把后面的index.html去掉，希望下面的方法对各位朋友有 帮助！ 1、如果你的网站是上线了的，还有就是你的网站空间是租用的服务器，直接进入你网站所在的服务器。找到IIS网站管理，...
html网页制作——HTML做一个公司官网首页页面（纯html代码）
html精品源码
12-18 2079
👒 公司官网网站 、企业官网、酒店官网、等网站的设计与制作。🏷️ 网页中包含：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频音频元素，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站...
HTML5+CSS3实现哔哩哔哩首页（完整版）
m0_63512120的博客
03-22 7454
本篇文章用html和css实现了哔哩哔哩首页面，希望这篇文章能够大家带来帮助，同时该页面的源代码和图片素材放在了文章末尾，需要了可以自行提取！
100套html5网页静态模板 /个人主页网站html模板/Bootstrap扁平化网站源码（公开分享）
hmz360的博客
12-26 8760
HTML5页面模板的优势HTML5是一种标记语言，用于构建和设计网站和应用程序的界面。它与CSS和JavaScript一起使用，以提供丰富和交互式的用户界面。使用HTML5页面模板对于开发人员和设计师来说有很多优势。这里分享100套html5网页静态模板，也有个人主页网站html模板，它是Bootstrap扁平化网站源码。分有不同行业。html5网页静态模板合集密码：A688。
index of网站的index.html 案例
05-30
如果你的网站使用 Apache 服务器，那么默认的主页文件名为 `index.html`。当你访问一个目录时，服务器会自动寻找该目录下的 `index.html` 文件并将其作为默认主页显示。 以下是一个使用 `index.html` 作为主页的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值