用Html+css做一个简单漂亮的个人网页

最新推荐文章于 2023-12-15 09:44:39 发布
最新推荐文章于 2023-12-15 09:44:39 发布
阅读量203 收藏
点赞数
文章标签： css html5
原文链接：https://blog.csdn.net/qq_42523321/article/details/103635780?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522166773335916782390582257%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=166773335916782390582257&biz_id=0&utm_me
版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42523321/article/details/103635780

 

彬旭.
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML，CSS样式一个简单网页设计
qq_59384581的博客
05-10 1004
html网页简单制作，和样式总结归纳。
制作一个简单HTML静态网页（HTML+CSS）
html精品源码
08-06 3万+
🍵茶文化网站、🏳️‍🌈中华传统文化题材、京剧文化🔏水墨风书画、中国民间年画文化艺术网站 、等网站的设计与制作。🏷️ 这个首页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒子设定居中，内部左中右布局，下方横向浮动排列，大学学习的前端知识点和布局方式都有运用，CSS的代码量也很足、很细致，使用hover来完成过渡效果、鼠标滑过效果等，使用表格、表单补充模块，为方便新手学习, 个别源码页面中没有使用js有需要的可以自行添加。🏅......
HTML入门网页制作，HTML+css运用做出
weixin_64284850的博客
03-07 1603
如图所示，带有搜索框的简单网页 以下是HTML内容： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>NASA中文网</title><!-- 网页标题 --> <link rel="stylesheet" type="text/css" href="../css/style.css"/>&l...
html+css网页制作
qxpapt的博客
07-05 3209
简易美食网页制作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>美食页面</title> <link rel="shortcut icon" href="images/xlogo.png"> <link rel="stylesheet" href="css1.css"> </head> <bod
网页制作基础学习——HTML+CSS
学会改变自己——才能突破
04-29 1万+
网络是大家经常使用的东西，他帮助我们解决了很多问题，在我们生活中扮演着举足轻重的作用。但是如何制作呢，现在已经有很多专门的网页制作软件了（例如：Dreamweaver，Fireworks），而这些软件的根本都是生成代码，让浏览器进行读取，所以我先从背后代码的部分开始学习，进行简单总结。          首先：HTML（HyperText Markup Language）,即超文本
用HTML+CSS做一个漂亮简单的旅游网站——旅游网页设计与实现(6页)HTML+CSS+JavaScript
08-10
原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、 Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作） HTML静态网页设计...
用HTML+CSS做一个漂亮简单的节日网页【元宵节】
08-10
原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、 Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作） HTML静态网页设计...
用HTML+CSS做一个漂亮简单的花店网页【免费的学生网页设计成品】
08-10
原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、 Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作） HTML静态网页设计...
用HTML+CSS做一个漂亮简单的音乐网站
08-10
原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、 Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作） HTML静态网页设计...
一个简单的HTML网页 个人网站设计与实现 HTML+CSS+JavaScript自适应个人相册展示留言博客模板
08-10
原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、 Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作） HTML静态网页设计...
一个好看的网页模板，css，html
11-21
网页模板，含有css源文件以及html文件。可直接用。图文并茂，有很多链接。欢迎下载！
简单html个人网站
07-04
一份最简单的html制作模板，HTML 网页编程 主页模板 本人学习过程中索积累下的部分资料，特此上传共享。
用html和css创建一个最基本的网页
2202_75879208的博客
08-14 994
用html和css制作最基本的网页内容，并把多个网页关联到一起
大一学生作品《前端框架开发技术》 期末网页制作 HTML+CSS+JavaScript 个人主页网页设计实例
weixin_BJ050106的博客
12-08 1806
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大
html网页制作案例_【网页设计与制作】HTML
weixin_39844515的博客
12-01 3705
导读 这一章节介绍的主要内容有：网页和网站的基本了解，HTML是什么，如何设计？思考下面的问题：什么是网页、如何形成网页、网站和网页有什么关系？通过HTML和CSS的简单介绍，分别陈述一下两者的区别。开始第一个网页程序，网页程序应该在什么框架下面来写，有什么格式要求，可以用什么工具辅助开发？...
HTML网页制作——制作一个属于自己的网页
热门推荐
一起努力共同进步，为了未来一起奋斗吧！
10-04 5万+
不想要一个属于自己的网页嘛，想要就进来看看吧，手把手教你制作一个属于自己的网页
静态网页设计html css——个人博客主页 (纯HTML+CSS代码)
最新发布
而风不止
12-15 1475
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；
用HTML+CSS做一个漂亮简单的个人网页（第二篇）
m0_67403272的博客
07-31 2769
先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。因此我收集了一份《java开发全套学习资料》送给大家，初衷也很简单，就是希望帮助到想自学又不知道该从何学起的朋友，同时减轻大家的负担。时隔三年我把之前给我妹写的毕业论文的网站页面写出来一下哈供各位小伙伴参考参考哈不接受批评反驳哈哈哈哈哈哈哈都是我自己胡乱搭的图片和文字可自行更改，按照自己的审美喜好来哈！以上就是全部代码啦！直接复制代码然后替换一下图片就好啦！css样式和form共用的。...
用html+css做一个漂亮简单的个人网页
06-28
### 回答1： 好的，我可以为您提供一些关于用HTML和CSS制作漂亮简单个人网页的建议。 首先，您可以考虑使用一个简单的布局，例如使用一个顶部导航栏和一个主要内容区域。您可以使用HTML中的div元素来创建这些区域，并使用CSS来设置它们的样式。 其次，您可以选择一个漂亮的字体和颜色方案来增强您的网页的视觉吸引力。您可以使用CSS中的字体和颜色属性来设置这些样式。 另外，您可以添加一些图片和图标来增强您的网页的视觉效果。您可以使用HTML中的img元素来添加图片，并使用CSS来设置它们的大小和位置。 最后，您可以添加一些交互元素，例如按钮和链接，以使您的网页更加动态和易于导航。您可以使用HTML中的a和button元素来创建这些元素，并使用CSS来设置它们的样式。 希望这些建议能够帮助您制作一个漂亮简单的个人网页。 ### 回答2： 首先，设计一个布局，固定头部，主内容区域，和底部。可以采用响应式设计，使网页适配不同的设备。接下来，选择合适的颜色和字体，设置统一的风格。可以使用CSS框架如Bootstrap来加快开发速度并提高网页效果。 在头部区域，添加网站的标志和导航栏。导航栏应包括一些链接，如“主页”，“关于我”，“联系我”，并通过css实现实现悬浮高亮。 在主要内容区域，可以展示自己的介绍，工作经验以及项目经验，使用列表或网格将这些信息分组展示。可以包括一些图片或视频来帮助衬托内容。如有需要，可以包括一些动画效果，使页面动态化。 在底部区域，添加个人社交链接和版权信息。在CSS中设置适当的间距和颜色，使页面看起来更加生动。 最后，进行一些测试，确保网页不仅在电脑上显示良好，同时也在移动端上适配良好。此时，你就可以通过推广你的个人网站，展示你的网页制作技能，同时也展示更多你的工作经验和个人魅力。 ### 回答3： HTML和CSS是网页开发的两个基本组成部分，用它们来设计一个漂亮简单的个人网页是非常容易的。下面我将从网页结构、布局、配色和样式几个方面介绍如何用HTML和CSS设计一个漂亮简单的个人网页。 首先，确定网页的结构。一个合理的网页结构应该包含头部、主体和底部三个部分。头部通常包括网页标题、导航栏和页眉等元素；主体则是展示内容的核心部分；底部则包括版权信息等。在HTML中可以使用<header>、<main>和<footer>标签分别来定义这三个部分。 其次，设计网页布局。根据网页内容的不同，可以采用不同的布局方式。常见的布局方式有：单栏布局、两栏布局、三栏布局和板块式布局等。在CSS中，可以使用float属性或flex布局等来实现布局。 然后，选择合适的配色方案。一个漂亮的网页需要有统一、和谐的配色方案。可以选择一些常用的配色方案，如类似于蓝紫色调或暖和色调等。也可以使用一些配色工具，如Adobe Color等来自定义配色方案。需要注意的是，颜色的使用要注意整体感和协调性。 最后，添加样式。样式是营造网页整体风格的核心措施。可以选择一些现成的CSS框架，如Bootstrap、Tailwind CSS等来加速样式的添加。也可以通过自主编写CSS代码来实现样式的设置。需要注意的是，样式的设置要整体协调，视觉效果美观。 综上所述，用HTML和CSS设计一个漂亮简单的个人网页，需要从结构、布局、配色和样式等方面综合考虑，选择适合自己的方式实现，并确保整体协调、美观、易用。

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值