HTML个人博客模板（css博客模板） - 杂七乱八

本篇文章给大家谈谈HTML个人博客模板，以及css博客模板对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

1、用html制作个人博客
2、如何建立属于自己的个人博客
3、求一个简单的个人网页html模板
4、谁能给个简单网页的代码（个人主页或者博客）和HTML基本常用代码？
5、自适应个人主页html源码，哪里下载？

用html制作个人博客

public Person() throws TwoException {

System.out.println("Person Constructor...");

}

public void eat() throws OneException {

System.out.println("Person eat...");

}

public void say() throws TwoException {

System.out.println("Person say...");

}

如何建立属于自己的个人博客

一、对网站域名和空间的选择

域名：一般会选择比较正规点的域名商购买，比如：万网、西部数码...（一年也才几十块钱）。考虑到我们的域名是要续费的，如果说你买的域是那种不正规的域名商，哪天域名商倒闭了，那么我的域名就不能使用了。还有一点值得注意的是:域名的选择最好“见名知意”越短越好。一般会用自己的名字来命名。比如：段亮个人博客：

空间：分为国内空间和国外空间。

1、国内空间：需要备案网站才能上线，但是速度比国外空间要快一点，并且也稳定。

2、国外空间：指（除大陆外的空间）则不需要备案，可以直接使用。

一般我们对空间的选择有两点：第一、稳定性，第二、性价比。在这里我推荐大家可以去淘宝等商城上去买，至于空间稳不稳定这个我不知道，看自己的运气吧！

空间大小个人建议：前期练手150M就够了，后期根据自己个人需要来选择空间大小。

二、选择网站后台系统

我们不需要会PHP、JSP、ASP、.NET之类的动态语言来编写网站后台，同样也可以做出一个动态网站来。因为现在有很多开源免费的CMS系统（内容管理系统）可以简单点理解成：一个可以为网站提供发布文章、图片等等一些功能的工具。

那么常见的个人博客系统有哪些呢？博客后台系统的选择，取决你空间服务器是PHP的还是ASP的。

空间服务器是PHP：那么我推荐你使用WordPress系统，因为WordPress最容易上手的网站程序了，程序安装5分钟搞定，就算是新手，也可以在半小时内学会搭建WordPress博客。后台傻瓜式管理，主题，插件，都可以在可视化后台按键完成，就算你不懂任何一句代码，也能轻松安装使用。

空间服务器是ASP：那么我推荐你使用Z-Blog系统，程序小，运行速度快。据说著名草根站长“卢松松”的博客，也是用的这个系统。现在PHP版本也出来了，具体选择看自己爱好。

当然并不只有这两款博客后台系统才可以做网站后台，也可以用其它的CMS系统比如：帝国cms、织梦cms(本人就是用的织梦，来搭建的博客网站后台)..，甚至有能力可以自己开发网站后台。只是wordpress和Z-blog这两款博客系统是非常有利于做博客，因为他们本身就是为博客而量身定做的。

三、策划和设计网站效果图

很多人可能会说：既然那些博客系统，都有现成的主题，那还需要自己亲自DIY设计博客的效果图吗？那是因为网上的主题鱼龙混杂的，毕竟每个人的审美观不一样，需求也不一样！所以说：想做一个自己喜欢风格的网站，还是需要自己亲自动手去设计。如果还没想好怎么去设计的朋友，我博客提供了一款比较简洁的博客模板。

四、制作前台页面

根据前面自己设计的效果图，然后把它制作成html的静态页面模板。方便和后台的结合，实现真正意义的动态网站。

五、制作动态网站

可能有些新手就会问了，网站还分静态网站和动态网站呀?为什么要实现动态网站呢？因为动态网站可以实现静态网站实现不了的功能，比如说：对网站文章的发布、图片的更新、留言等功能。

六、测试以及上线

在本地搭建服务器，网站上线前先测试网站有没有什么BUG。如没有什么问题，可以将本地网站解压打包，使用FTP工具上传到服务器空间。

值得注意的是：先得把网站的数据库导入出来，然后在空间服务器还原。不然就会出错误哟！

如果没有本地服务器测试的朋友，我这里提供了一款本地服务测试工具。请点击下载（放心使用，安全无毒！）

写在最后：建立一个个人博客，其实跟建立网站流程是一样的。只有你真正的了解这套开发流程，才知道网站是怎样做出来的。

求一个简单的个人网页html模板

这种模板很多的，百度打开一个网页右键源代码就能找到了。

html xmlns=""headmeta http-equiv="Content-Type" content="text/html; charset=gb2312"

meta name="viewport" id="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"

meta name="apple-mobile-web-app-capable" content="yes"

meta name="apple-mobile-web-app-status-bar-style" content="black"

link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-57.png" sizes="57x57" rel="apple-touch-icon"

link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-72.png" sizes="72x72" rel="apple-touch-icon"

link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-114.png" sizes="114x114" rel="apple-touch-icon"

title{dede:global.cfg_webname/}/title

meta name="keywords" content="{dede:global.cfg_keywords/}"

meta name="description" content="{dede:global.cfg_description/}"

link href="{dede:global.cfg_templets_skin/}/style/style.css" rel="stylesheet" type="text/css"

script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/jquery-1.9.1.js"/script

script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/theme_trust.js"/script

style type="text/css"

html,

body {

margin: 0;

padding: 0;

}

.iw_poi_title {

color: #CC5522;

font-size: 14px;

font-weight: bold;

overflow: hidden;

padding-right: 13px;

white-space: nowrap

}

.iw_poi_content {

font: 12px arial, sans-serif;

overflow: visible;

padding-top: 4px;

white-space: -moz-pre-wrap;

word-wrap: break-word

}

/style

script type="text/javascript" src="{dede:global.cfg_templets_skin/}/main.js"/script

script

jQuery(document).ready(function() {

jQuery('#openSidebar').click(function() {

jQuery('.wrapper').toggleClass('openNav');

});

jQuery('#menu a').click(function() {

jQuery('.wrapper').removeClass('openNav');

});

/script

script type="text/javascript" src="{dede:global.cfg_templets_skin/}/api"/scriptscript type="text/javascript" src="{dede:global.cfg_templets_skin/}/getscript"/scriptlink rel="stylesheet" type="text/css" href="{dede:global.cfg_templets_skin/}/bmap.css"

style type="text/css"

html,

body,

wrapper {

height: 100%;

}

/style

/head

body

div class="wrapper"

div class="sidebar"

div class="clearfix k1120"

div class="navBox" id="openSidebar"

a href="javascript:void(0)" class="navOpen"/a

/div

div id="menu"

ul class="clearfix"

lia href="#home" class="nav_home current"span首页br /bHome/b/span/a

/li

lia href="#services" class="nav_services"span服务范围br /bServices/b/span/a

/li

lia href="#case" class="nav_case"span案例展示br /bCase/b/span/a

/li

lia href="#about" class="nav_about"span关于我们br /bAbout us/b/span/a

/li

lia href="#news" class="nav_news"span新闻动态br /bNews/b/span/a

/li

lia href="#contact" class="nav_contact"span联系我们br /bContact us/b/span/a

/li

/ul

/div

div class="pageMain"

div id="header"

div class="k1120 clearfix"a href="{dede:global.cfg_basehost/}" id="logo"logo/a

/div

div id="home" class="scrol-page"

div class="banner"

div class="b_1" style="background-position: 50% 0px;"

div class="k1120 clearfix"

div class="b_pic"

div class="mac" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/mac.png"

/div

div class="iphone" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/iphone.png"

/div

div class="ipad" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/ipad.png"

/div

div class="b_text" style="margin-top: 0px; opacity: 1;"

{dede:global.cfg_ggg/}

/div

div class="banner"

谁能给个简单网页的代码（个人主页或者博客）和HTML基本常用代码？

自己总结的基本语法。你所要的网页代码太多，写不下，网页的简单与否跟代码多少没关系文件格式html/html(文件的开头与结尾) 主题title/title(放在文件的开头) 文头区段head/head(描述文件的信息) 内文区段body/body(放此文件的内容) 标题h?/h(?=1~6,改变标题字的大小) 标题对齐h align=right,left,center/h 字加大big/big 字变小small/small 粗体字b/b 斜体字i/i 底线字u/u 上标字sup/sup 下标字sub/sub 文字对中center/center 基本字体大小basefont size(取值范围从1到7，默认值为3) 改变字体大小font size=?/font(?=1~7) 字体颜色font color=#rrggbb/font(RGB色码) 指定字型font face=?/font(?=宋体，楷体等) 、超链结网址链结a href="URL"/a 设定锚点a name="?"/a(?以容易记为原则) 链结到锚点a href="#?"/a(同一份文件) a href="URL#?"/A(锚点不同文件) 显示图形img src="URL"/a 图形位置img src="URL" align=top,bottom,middle,left,right(分别为上、下、中、左、右的位置) 图形取代文字img src="URL"alt=?(无法显示图形时用) 图形尺寸img src="URL" width=? height=?(?以像素为单位) 连结图形边线img src="URL"border=?(?以像素为单位) 图形四周留白img src="URL"hspace=? vspace=?(?以像素为单位) 区段划分段落p/p 断行br/br 横线hr 横线厚度hr size=?(?以像素为单位) 横线长度hr width=?(?以像素为单位) 横线长度hr width=?%(?与页宽相比较) 实横线hr noshade(无立体效果) 、背景颜色背景图案body background=图形文件名(图形文件格式为gif和jpg) 背景颜色body bgcolor=#rrggbb(RGB色码) 背景文字颜色body text=#rrggbb(RGB色码) 未链结点颜色body link=#rrggbb(RGB色码) 已链结点颜色body vlink=#rrggbb(RGB色码) 正在链结点颜色body alink=#rrggbb(RGB色码)

HTML个人博客模板（css博客模板）,HTML个人博客模板,信息,源码,百度,第1张