個人博客html模板(html5個人博客模板)
今天給各位分享個人博客html模板的知識,其中也會對html5個人博客模板進行解釋,如果能碰巧解決你現(xiàn)在面臨的問題,別忘了關注本站,現(xiàn)在開始吧!
本文目錄一覽:
- 1、求一個簡單的個人網(wǎng)頁html模板
- 2、誰能給個簡單網(wǎng)頁的代碼(個人主頁或者博客)和HTML基本常用代碼?
- 3、關于個人博客網(wǎng)頁的模版設計
- 4、如何用織夢做個人博客
- 5、如何利用html5 建立個人博客
求一個簡單的個人網(wǎng)頁html模板
這種模板很多的,百度打開一個網(wǎng)頁右鍵源代碼就能找到了。
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新聞動態(tài)br /bNews/b/span/a
/li
lia href="#contact" class="nav_contact"span聯(lián)系我們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"
誰能給個簡單網(wǎng)頁的代碼(個人主頁或者博客)和HTML基本常用代碼?
自己總結(jié)的基本語法。你所要的網(wǎng)頁代碼太多,寫不下,網(wǎng)頁的簡單與否跟代碼多少沒關系 文件格式html/html(文件的開頭與結(jié)尾) 主題title/title(放在文件的開頭) 文頭區(qū)段head/head(描述文件的信息) 內(nèi)文區(qū)段body/body(放此文件的內(nèi)容) 標題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(?=宋體,楷體等) 、超鏈結(jié) 網(wǎng)址鏈結(jié)a href="URL"/a 設定錨點a name="?"/a(?以容易記為原則) 鏈結(jié)到錨點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=?(?以像素為單位) 連結(jié)圖形邊線img src="URL"border=?(?以像素為單位) 圖形四周留白img src="URL"hspace=? vspace=?(?以像素為單位) 區(qū)段劃分 段落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色碼) 未鏈結(jié)點顏色body link=#rrggbb(RGB色碼) 已鏈結(jié)點顏色body vlink=#rrggbb(RGB色碼) 正在鏈結(jié)點顏色body alink=#rrggbb(RGB色碼)
關于個人博客網(wǎng)頁的模版設計
個人獨立博客是指一個博客,它有自己獨特的精神概念,在獨立博客的基礎上具有鮮明的個人特征和思想。它通常區(qū)別于那些全面的博客和集合類型的博客。你可以在博客網(wǎng)站模板大全里面進行挑選下載,要求與網(wǎng)站同樣的硬件基礎:域名、空間、源碼(可使用開源程序如 dedecms、WordPress)等。
如何用織夢做個人博客
購買域名和空間
找一個自己比較喜歡的博客頁面,最好有首頁,列表頁和文章內(nèi)容頁三種頁面的
根據(jù)頁面是gbk或者是utf8的來選用織夢的版本,不然會亂碼
將織夢uploads里面所有文件上傳至網(wǎng)站根目錄,運行http://網(wǎng)址/install/index.php,進行安裝,安裝步驟需要你填寫自己的數(shù)據(jù)庫信息
將你的博客頁面模板上傳到根目錄/templets/default下面,分別修改首頁列表頁內(nèi)容頁css、js、images路徑,后臺生成首頁、列表頁、內(nèi)容頁就可以了
個人做博客需要懂一點html和css的知識,不然自己想修改成自己喜歡的博客頁面會有一些吃力,也或者找懂這些的朋友幫你弄一下
如何利用html5 建立個人博客
這個不單是用HTML5就能建立起來的。目前html5在電腦上瀏覽器的支持并不是那么的全面,而且就算用html 5寫出了博客頁面,也需要用后臺語言來進行程序上的編寫,讓博客頁面有功能。。你可以用HTML+CSS學個簡單的博客頁面,然后再套個模板,比如wordpress,不過這個需要有些PHP的基礎。。
個人博客html模板的介紹就聊到這里吧,感謝你花時間閱讀本站內(nèi)容,更多關于html5個人博客模板、個人博客html模板的信息別忘了在本站進行查找喔。
掃描二維碼推送至手機訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。