【53】静态网页开发(3)——首页index.html结构布局技巧

倏存

已于 2022-07-12 21:35:14 修改

阅读量4.6k

点赞数 9

分类专栏：前端基础文章标签： css html html5 css3 网页设计

于 2021-04-15 18:48:43 首次发布

本文链接：https://blog.csdn.net/weixin_47640160/article/details/115720739

版权

本篇目录：

语义化标签的使用
以拉勾网页为例分析：


准备工作	确定版心、分析页面中行模块及其中列模块
1	`<header>`区域
2	`.login-banner`区域
3	`.search`区域
4	`<main>`区域
5	`.hot-recruit`区域
6	`.hot-company`区域
7	`.more`区域
8	`<footer>`区域
9	`.back-top`区域

一、语义化标签的使用

点击回顾【48】HTML5(2)——新增①标签语义化

二、以拉勾网页为例分析

点击查看完整网页

（以下只展示了部分）

确定版心、分析页面中行模块及其中列模块

页面布局：两列左窄右宽型+通栏平均分布型

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

倏存

关注关注

9
点赞
踩
35

收藏

觉得还不错? 一键收藏
打赏
4
评论
【53】静态网页开发(3)——首页index.html结构布局技巧

⚪语义化标签的使用⚪以拉勾网页为例分析
复制链接

扫一扫

专栏目录

html网页之静态主页

qq_64353584的博客

01-20

3836

制作网页之前一定要了解网页的基本结构：       zhizuo  &...

简单的index.html示例,index.html

weixin_39608394的博客

06-09

1762

后台管理-WeAdmin Frame型后台管理系统-WeAdmin 1.0WeAdmin v1.0+新增资讯图片用户Admin个人信息切换帐号退出前台首页会员管理会员列表会员删除会员管理输入框操作三级菜单演示导航菜单演示文章管理文章列表分类管理订单管理订单列表管理员管理管理员列表角色管理权限分类权限管理系统统计拆线图柱状图地图饼图雷...

4 条评论您还未登录，请先登录后发表或查看评论

什么是index.html？如何创建和使用index.html？

最新发布

阿常的博客

04-02

1694

讲解vue项目入门——index.html和App.vue这两个文件

html基础

weixin_42366473的博客

08-03

852

html官方文档读写

web前端：从index.html开始

qq_39156404的博客

12-03

2万+

在这篇针对初学Web开发人员的文章中，我们来看看HTML以及如何使用这种标记语言来设置Web开发项目。那么我们从哪里开始？在一开始的时候！138亿年前，宇宙是在所谓的大爆炸中创造的。好吧，也许我们不需要那么远。让我们从这个HTML事物的来源开始。如果您不熟悉HTML，HTML（也称为超文本标记语言）已经出现一段时间了。它是网页结构的标准。它是定义我们的Web（或万维网www）标准的3种...

HTML代码4种范例——网页设计说明.doc

09-25

在网页设计中，HTML（超文本标记语言）是基础，用于构建网页结构和内容。以下四个HTML代码范例展示了不同元素的用法，特别是针对一个购物中心网站的布局和功能。 1. **文档类型声明**： `<!doctype html>` 是HTML5...

风电清洁能源开发类(带手机端).rar

08-23

1、网站手工DIV+css，代码精简，首页排版整洁大方、布局合理、利于SEO、图文并茂、静态HTML。 2、程序自带XML地图，有利于搜索引擎快速收录和排名。安装使用： 1、解压后上传到网站根目录 2、输入安装地址：http://...

大气钢结构行业集团公司网站.rar

08-23

绿色农业种植类(带手机端).rar

08-24

index.html

05-15

测试本地接口是否支持跨域请求，下载index.html支援，修改里面的ajax参数url为自己需要测试的url,即可测试本地后台接口是否支持跨域请求，操作简便。

运动健美健身类模板(带手机端).rar

08-24

http直接访问index.html

qq_36663951的博客

04-26

3万+

$http = new swoole_http_server("0.0.0.0", 9501); $http->set( [ 'enable_static_handler'=>true, 'document_root'=>'/data/apps/operation/abc' ] ); $http->on('request', ...

uniapp 配置index.html 模板

m0_62054189的博客

06-17

3810

uniapp,index.html模板路径

购物网站制作——顶部导航栏（index.html)

哈哈

09-24

2643

【代码】购物网站制作——导航栏（index.html)

HTML布局（HTML Layout）简介

cnds123的专栏

09-17

7221

HTML布局（HTML Layout）是创建一个网站时需要考虑的情况，合理设计网页中内容的排列方式，让网页看起来更加合理、美观，能产生引人注目的视觉效果。

index.html素材,index.html

weixin_42476888的博客

06-18

鲜花满屋客栈*{margin:0 auto;padding:0;font-size:20px;}a{text-decoration:none;}#rose div{float:left;}ul{list-style:none;}ul li{float:left;}#rose{width:1342px;height:1368px;}div #rose11{width:1342px;height:31...

帮我写一个index.html静态网页

07-16

当然可以！以下是一个简单的示例 index.html态网页： ```html <!DOCTYPE html> <html> <head> <title>我的静态网页</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 20px; } h1 { color: #333; text-align: center; } p { line-height: 1.5; } .container { max-width: 600px; margin: 0 auto; } </style> </head> <body> <div class="container"> <h1>欢迎来到我的静态网页！</h1> <p>这是一个简单的静态网页示例。</p> <p>你可以在这里添加更多内容，包括文字、图片、链接等。</p> </div> </body> </html> ``` 你可以将上述代码保存为 `index.html` 文件，然后在浏览器中打开它，就能看到一个简单的静态网页了。当然，你可以根据自己的需要修改和添加更多的内容和样式。希望对你有所帮助！如果有任何问题，请随时提问。

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交