精美html个人主页_html主页制作

2025-04-06 11:09 旅游天气

个人网页一般为博客模式，即以前比较流行的新浪博客、博客等博客模式。不过由于这些博客仅仅支持有限的HTML代码添加，对于JS以及CSS代码基本不支持，故而对于有个性化需求人群来说，还是有些过于“古板”。

个人搭建网页比较主流的程序有wordpress、dedeCMS、帝国CMS等，其中Wordpress属于最为主流的个人博客类网站管理系统，dedeCMS侧重网站优化，以前民营医疗SEO采用该系统最多。你百度一下wordpress模板就有很多免费的博客模板可供选择。

现在的个人主页一般已经不只用HTML来编写了，但是作为网页的最基础内容，还是需要学的，毕竟并不难。你自己在网上搜索一下HTML就可以找到一大堆的教程了，大部分大同小异。

在学HTML之前，建议你用即看即得的网页编辑器，如DreamWeer, frontpage等，先做一个简单的页面。在形成一个对网页制作的初步印象后再学网页背后的代码。

学了HTML后再继续用网页编辑器做一个更复杂一点的网页，这样你就可以进代码模式看网页背后的代码了。这时你已经可以看懂大多数HTML代码了，不懂的可以通过搜索找到。

然后，你可以接着学脚本，可网页的图像设计方面等等，慢慢向高级进阶。

以下是我用html的相关知识制作的网页，话不多说先看看最终效果：

如上所示项目一共分为5个部分，分别对应导航栏的5个内容。其中项目技能用的是echarts里的柱状图，作品展示用的是bootstrap里的轮播图，除此之外就是html的基础内容。下面我们展示一下项目的代码部分：

总体把页面一分为二，

是包含在

里面的，页脚部分是单独的一块儿。大致结构获悉了后再从局部入手，

部分，有主标题、副标题、还有作者署名，前面我们讲过，如果除了主标题，还有一个副标题，那可以把这两个标题写在一个元素中。如果除了主标题之外，还有其他内容，比如内容摘要、发表时间、作者、或者小标题链接等，那就应该把他们放在一个

元素中。

给个人博客增加色彩元素提升网站用户体验

design by DanceSmile

接下来是文章正文部分：

部分代码：

眼看到杨青个人博客网站的时候，如果你喜欢...

...

正文当中还有一幅插图，html5新增加了插图这个

语义元素，

不是只能包含文本，任何html元素都可以，比如链接、小图标。

包含了对的完整说明，所以alt文本就显得多于了，这种情况下，可以把元素中的alt属性删除：

来源：腾讯CDC《浅析网页色彩应用》

在把上面的代码写在

里面。

声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系 836084111@qq.com 删除。