今天给各位分享个人博客html模板的知识,其中也会对html5个人博客模板进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
本文目录一览:
- 1、求一个简单的个人网页html模板
- 2、谁能给个简单网页的代码(个人主页或者博客)和HTML基本常用代码?
- 3、关于个人博客网页的模版设计
- 4、如何用织梦做个人博客
- 5、如何利用html5 建立个人博客
求一个简单的个人网页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
/div
div class="pageMain"
div id="header"
div class="k1120 clearfix"a href="{dede:global.cfg_basehost/}" id="logo"logo/a
/div
/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
div class="b_text" style="margin-top: 0px; opacity: 1;"
{dede:global.cfg_ggg/}
/div
/div
/div
/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色码)
关于个人博客网页的模版设计
个人独立博客是指一个博客,它有自己独特的精神概念,在独立博客的基础上具有鲜明的个人特征和思想。它通常区别于那些全面的博客和集合类型的博客。你可以在博客网站模板大全里面进行挑选下载,要求与网站同样的硬件基础:域名、空间、源码(可使用开源程序如 dedecms、WordPress)等。
如何用织梦做个人博客
购买域名和空间
找一个自己比较喜欢的博客页面,最好有首页,列表页和文章内容页三种页面的
根据页面是gbk或者是utf8的来选用织梦的版本,不然会乱码
将织梦uploads里面所有文件上传至网站根目录,运行http://网址/install/index.php,进行安装,安装步骤需要你填写自己的数据库信息
将你的博客页面模板上传到根目录/templets/default下面,分别修改首页列表页内容页css、js、images路径,后台生成首页、列表页、内容页就可以了
个人做博客需要懂一点html和css的知识,不然自己想修改成自己喜欢的博客页面会有一些吃力,也或者找懂这些的朋友帮你弄一下
如何利用html5 建立个人博客
这个不单是用HTML5就能建立起来的。目前html5在电脑上浏览器的支持并不是那么的全面,而且就算用html 5写出了博客页面,也需要用后台语言来进行程序上的编写,让博客页面有功能。。你可以用HTML+CSS学个简单的博客页面,然后再套个模板,比如wordpress,不过这个需要有些PHP的基础。。
个人博客html模板的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于html5个人博客模板、个人博客html模板的信息别忘了在本站进行查找喔。