网页设计代码

最新推荐文章于 2024-11-14 15:01:30 发布
最新推荐文章于 2024-11-14 15:01:30 发布
阅读量779 收藏 23
点赞数 23
文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YJH040325/article/details/135571647
版权
本文展示了HTML代码片段，详细描述了一个旅行博主的个人博客主页设计，包括头部导航、简介模块、旅行随笔和驴友评论部分。通过实例解析了如何使用HTML构建网页结构和样式。
摘要由CSDN通过智能技术生成

博客网

html代码：

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>"博客"页面</title>

</head>

<body>

<div style="width:980px; margin:0 auto">

<!--header begin-->

<div>

<div style="height:56px;">

<img src="images/logo.png" alt="" align="left"/>

<p align="right">我的博客&nbsp;&nbsp;|&nbsp;&nbsp;攻略&nbsp;&nbsp;|&nbsp;&nbsp;随笔

</p>

</div>

<hr color="#CCC" />

</div>

<!--header end-->

<!--"博客简介"模块begin-->

<div style="height:470px;">

<img src="images/banner1.jpg" alt="" align="left" hspace="12" vspace="12"/>

<div>

<p align="center">

<strong>

<font face="微软雅黑" size="7" color="#0878ff">博</font>

<font face="微软雅黑" size="7" color="#0878ff">主</font>

<font face="微软雅黑" size="6" color="#333">简</font>

<font face="微软雅黑" size="6" color="#333">介</font>

</strong>

</p>

<p>

&nbsp;&nbsp;&nbsp;&nbsp;大家好,我是你们的旅行博主——<font color="#0878ff" size="4">LonelyStone</font>,本人是一名资深旅行博主，外向型的内向人格，对世界的好奇心随年龄有增无减。同时是音乐、电影、旅行、文学、篮球、长跑、潜水爱好者。想在老去之前，看遍这颗星球的美好。

</p>

<p>

&nbsp;&nbsp:&nbsp:&nbsp;旅行格言:<strong><font color="#0878ff"><em><ins>人生不过一场旅行</ins></em></font></strong>,你路过我，我路过你，然后各自回头，敬往事一杯烈酒，比起说走就走的旅行，很多人的生活都是日渐趋于平淡的怅然，缺少了一种享受生活的阳光悠然。

</p>

<p>

&nbsp;&nbsp;&nbsp;&nbsp;旅行足迹：在纳米比亚的死亡谷、土耳其卡帕多奇亚、日本镰仓、马达加斯加。<ins><strong><font color="#F90">......[详细]</font></strong></ins>

</p>

</div>

</div>

<!--"博客简介"模块end-->

<!--"旅行随笔"模块begin-->

<div>

<h2 align="center">

<font size="6">

塔克拉玛干沙漠：爱我就征服我

</font>

</h2>

<p align="center">

<em>

<font color="#666666">

2019.04.21&nbsp;&nbsp;&nbsp;&nbsp;地点：塔克拉玛干沙漠

</font>

</em>

</p>

<hr color="#CCC" />

<p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在这浩瀚的大沙漠我看到了姿态各异、生命力极强的胡杨。没有肥沃的土壤、没有充足的水分、没有适宜的环境，面对着寸草不生的塔克拉玛干大沙漠，却有胡杨毅然傲立戈壁，呈现出生命醉人的绿。

</p>

<img src="images/banner2.jpg" alt="沙漠" vspace="20" />

<p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;据说，守护在戈壁的胡杨，一千年不死，一千年不倒，一千年不朽，这种傲然挺立、不屈不挠的精神，深深震动了我，这正像生活在大漠边缘勤劳勇敢的人们。喜欢摄影的我，想努力用自己的视角体会这种精神。

</p>

<img src="images/banner3.jpg" alt="沙漠" vspace="20" />

</div>

<!--"旅行随笔"模块end-->

<!--"驴友评论"模块begin-->

<div>

<img src="images/icon.gif" alt="评论" />

<hr color="#CCC"/>

<div>

<img src="images/person1.jpg" alt="沙漠" align="left" hspace="10" />

<div>

<p>

<font color="#F60">HXZ9_IT</font>&nbsp;&nbsp;&nbsp;&nbsp;<font size="2" color="#999">2020-1-2 &nbsp;15:38:37</font>

</p>

<p>

<font size="2">风景太美了，感谢博主的分享，有时间一定去看看！</font>

<br />

</p>

</div>

<hr color="#CCC" size="1" />

</div>

<div>

<img src="images/person2.jpg" alt="沙漠" align="left" hspace="10" />

<div>

<p>

<font color="#F60">外星人</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font size="2" color="#999">2020-1-15 &nbsp;15:05:37</font>

</p>

<p>

<font size="2">大漠孤烟直，长河落日圆</font>

<br />

</p>

</div>

<hr color="#CCC" size="1" />

</div>

<div>

<img src="images/person3.jpg" alt="沙漠" align="left" hspace="10" />

<div>

<p>

<font color="#F60">so_cool</font>&nbsp;&nbsp;&nbsp;&nbsp;<font size="2" color="#999">2020-2-14 &nbsp;10:38:36</font>

</p>

<p>

<font size="2">前几年去过一次，风景可以，适合拍照。</font>

<br />

</p>

</div>

<hr color="#CCC" />

</div>

</div>

<!--"驴友评论"模块end-->

<!--footer begin-->

<div style="text-align:center;">

<p >

<font color="#1d5983" size="2">

网友意见留言板&nbsp;&nbsp;&nbsp;<font color="#333">电话:000-1234567</font> &nbsp;&nbsp;&nbsp;欢迎批评指正

</font>

</p>

<p>

<font color="#1d5983" size="2">

博客简介&nbsp;&nbsp;|&nbsp;&nbsp;Abou BOKE&nbsp;&nbsp;|&nbsp;&nbsp;广告服务&nbsp;&nbsp;|&nbsp;&nbsp;联系我们&nbsp;&nbsp;|&nbsp;&nbsp;招聘信息&nbsp;&nbsp;|&nbsp;&nbsp;网站律师&nbsp;&nbsp;|&nbsp;&nbsp;BOKE English&nbsp;&nbsp;|&nbsp;&nbsp;注册&nbsp;&nbsp;|&nbsp;&nbsp;产品答疑

</font>

</p>

<p>

<font size="2">

Copyright @ 2016 - 2026 BOKE.coright All Rights Reserved

</font>

</p>

</div>

<!-- "footer" end-->

</div>

</body>

</html>

YJH040325
关注
Web网页设计代码
QinHsiu的博客
02-09 3万+
代码分享： https://pan.baidu.com/s/1xf4AQlfM8e6Nvw2oXUdbrA 提取码：ap1v
HTML期末设计——代码篇
greengirl5的博客
06-22 13万+
事先声明 这个网页设计也就是用了我学到的知识做的一个中规中矩的网页，可以给以后的大一新生们做个参考，和商业网站的效果肯定是没得比的，期望太高的可以关掉了 引入页 效果图： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>欢迎来到香氛密语</title> <style>
【附源码】计算机毕业设计驴友app的设计与实现（java+springboot+mysql+mybatis+论文)
菲林计算机毕设
04-11 457
后端服务接收到请求后，执行相应的业务逻辑处理，这通常包括与MySQL数据库的交互，如查询数据、插入记录、更新或删除数据等操作。这样，前端Vue.js和后端Spring Boot框架的接口紧密协作，而MySQL数据库则作为数据存储和管理的核心，确保了整个系统的数据一致性和高效处理。"驴友"是指喜欢户外运动、徒步旅游、探险等活动的人。这样的App可以提供路线规划、天气预报、装备管理、紧急救援、位置共享等功能，以满足驴友在户外活动中的各种需求，并为他们提供更加安全、便捷、丰富的旅行体验。
Springboot毕设项目个性相册网站52jtb（java+VUE+Mybatis+Maven+Mysql）
bishe98的博客
09-18 490
Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX（Webstorm也行）+ Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）。Springboot + mybatis + Maven + Vue 等等组成，B/S模式 + Maven管理等等。2. 前端：vue+css+javascript+jQuery+easyUI+highcharts。2. 使用IDEA/Eclipse/MyEclipse导入项目，修改配置，运行项目；
网页的基本页面实现----说旅游
懂得一千零一种,赋予你失败的方法！
03-04 9007
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta...
大学生网页设计制作作业实例代码 (全网最全,建议收藏) HTML+CSS+JS
HTML网页设计
10-03 25万+
临近期末，大一新生的各种考试和专业结课作业纷至沓来。web实训大作业、网页期末作业、web课程与设计、网页设计等，简直让人头大。你还在为网页设计老师的作业要求感到头大？网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求, 废话不多说，直接看效果。📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确
制作一个简单HTML个人网页网页（HTML+CSS）
热门推荐
weixin_46153254的博客
12-04 36万+
制作一个简单的HTML个人网页
html旅游网页设计代码_11个Html和CSS 动态网页背景免费代码案例
weixin_39743622的博客
12-01 9041
作者：Vaibhav Arora使用技术：HTML (Haml) / CSS依赖库：-浏览器兼容：Chrome, Edge, Firefox, Opera, Safari源码链接：https://codepen.io/vaibhavarora/pen/xmpxjp作者：Rob DiMarzo使用技术：HTML (Pug) / CSS (SCSS)依赖库：-浏览器兼容：Chrome, Firefox...
用html标记语言编写一个简单的网页代码,一个简单的网页设计代码
weixin_35748610的博客
06-01 1万+
html网页设计：一个简单的登录界面代码！http.w3;＂tr> bgcolor=＂/button＂body> /是这样的效果吗； &lt.w3;3登 录＂tr>head>td>/...求html静态页面的代码,简单点的？滚动字幕 请进入音乐休闲屋看我还会动呢，并且是...求一段简单的网页的代码js特效 function submit() { documen...
web期末大作业-个人网页设计代码资料.zip
12-11
web期末大作业—个人网页设计代码资料.zip HTML+CSS+JS实现个人网页设计。 web期末大作业—个人网页设计代码资料.zip HTML+CSS+JS实现个人网页设计。 web期末大作业—个人网页设计代码资料.zip HTML+CSS+JS实现个人...
web课程设计网页设计源代码
11-12
这个名为"web课程设计网页设计源代码"的压缩包提供了完整的网站开发资源，非常适合学习者作为课程设计的参考资料。 HTML（HyperText Markup Language）是网页的基础结构语言，它定义了网页的内容和布局。在源代码中...
html+css网页设计源代码
11-07
在这个“html+css网页设计源代码”中，我们有机会深入理解这两种语言如何协同工作，创建出具有专业外观和功能的网站。 HTML是网页的基础，它定义了网页的结构和内容。在提供的"html3"文件中，我们可以看到各种HTML...
HTML5+CSS前端开发【保姆级教学】＋新闻文章初体验
weixin_60544964的博客
11-14 112
Hello，各位编程猿们！上一篇文章介绍了前端以及软件的安装，这一篇我们要继续讲解页面更多知识点，教大家做一篇新闻题材的文章。本章是内容是实战演练，带领大家初体验前端
HTML5：网页开发的新纪元
chaosweet的博客
11-06 1534
不做下一个谁，只做第一个我！
HTML5+CSS前端开发【保姆级教学】＋前端介绍和软件安装
weixin_60544964的博客
11-14 337
前端开发主要涉及网站和 App，用户能够从 App 屏幕或浏览器上看到东西。能够从 App 屏幕和浏览器上看到的东西都属于前端。文章适合计算机小白，大佬请绕行！
Pytorch版代码幻灯片.zip
最新发布
11-14
Jupyter-Notebook
Jupyter_Chat甄嬛是利用甄嬛传剧本中所有关于甄嬛的台词和语句基于ChatGLM2进行LoRA微调得到的模仿甄.zip
11-14
Jupyter-Notebook
html电商网页设计代码
01-03
HTML电商网页设计代码是一种用于构建网页结构和内容的标记语言。通过HTML代码，可以创建一个包含商品展示、购物车、结算、客户服务等功能的电商网站。 首先，在HTML代码中，可以使用<div>元素来创建网页的基本布局和结构，比如创建顶部导航栏、侧边栏、商品展示区域等。同时，可以使用<a>标签来添加超链接，将不同页面和功能链接起来。 其次，通过使用表单元素，比如<input>和<button>，可以实现网页上的用户交互功能，比如搜索框、登录注册表单、加入购物车按钮等。通过设置表单的属性和事件，可以实现用户对商品的选择和购买行为。 此外，通过使用图片、文字和列表元素，可以展示商品的信息、图片和价格等。可以使用CSS来美化页面的样式，比如设置字体、颜色、边框等，让网页看起来更加吸引人。 最后，在HTML代码中，还可以添加一些元信息，比如<meta>标签来设置网页的标题、描述和关键词，方便搜索引擎对网页进行索引和收录。 综上所述，HTML电商网页设计代码主要用于构建网页的结构和内容，通过设置不同元素和属性，实现网页的布局、用户交互和商品展示等功能，为用户提供便利的购物体验。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值