這是我之前自己寫的個人主頁,技術(shù)含量復(fù)合初學(xué)者,可以自行下載后,根據(jù)需要把內(nèi)容適當修改一下即可。
創(chuàng)新互聯(lián)是一家專業(yè)提供昭陽企業(yè)網(wǎng)站建設(shè),專注與成都做網(wǎng)站、成都網(wǎng)站建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、HTML5、小程序制作等業(yè)務(wù)。10年已為昭陽眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設(shè)計公司優(yōu)惠進行中。
像你這樣 要別人幫你做很少有人無聊這么幫你去做.你要是問一些關(guān)鍵性問題別人還可以熱心的回答....
html5新增的表單元素有以下幾種:
datalist,keygen,output三種無素。
1.datalist 元素
datalist 元素規(guī)定輸入域的選項列表。
列表是通過 datalist 內(nèi)的 option 元素創(chuàng)建的。
如需把 datalist 綁定到輸入域,請用輸入域的 list 屬性引用 datalist 的 id。
2.keygen 元素
keygen 元素的作用是提供一種驗證用戶的可靠方法。
keygen 元素是密鑰對生成器(key-pair generator)。當提交表單時,會生成兩個鍵,一個是私鑰,一個公鑰。
私鑰(private key)存儲于客戶端,公鑰(public key)則被發(fā)送到服務(wù)器。公鑰可用于之后驗證用戶的客戶端證書(client certificate)。
3.output 元素
output 元素用于不同類型的輸出,比如計算或腳本輸出。
根據(jù)具體問題類型,進行步驟拆解/原因原理分析/內(nèi)容拓展等。
具體步驟如下:/導(dǎo)致這種情況的原因主要是……
對于個人主頁來說還是很簡單的。主要是素材容易準備。html5+CSS3的描點其實與普通的描點方式是一樣的
總體把頁面一分為二,header是包含在article里面的,頁腳部分是單獨的一塊兒。大致結(jié)構(gòu)獲悉了后再從局部入手,header部分,有主標題、副標題、還有作者署名,前面我們講過,如果除了主標題,還有一個副標題,那可以把這兩個標題寫在一個hgroup元素中。如果除了主標題之外,還有其他內(nèi)容,比如內(nèi)容摘要、發(fā)表時間、作者、圖片或者小標題鏈接等,那就應(yīng)該把他們放在一個 header元素中。
header
hgroup
h1給個人博客增加色彩元素提升網(wǎng)站用戶體驗/h1
h2網(wǎng)頁的色彩——決定用戶是否駐足停留的關(guān)鍵/h2
/hgroup
p class="Byline"design by DanceSmile/p
/header
接下來是文章正文部分:
部分代碼:
div class="Content"
p第一眼看到楊青個人博客網(wǎng)站的時候,如果你喜歡.../p
...
/div
正文當中還有一幅插圖,html5新增加了插圖這個figure語義元素,figcaption不是只能包含文本,任何html元素都可以,比如鏈接、小圖標。figcaption包含了對圖片的完整說明,所以alt文本就顯得多于了,這種情況下,可以把img元素中的alt屬性刪除:
figure
img src="/d/file/jstt/bj/2013-06-19/200e781ddaa1d92cc3996637d06c38b2.jpg"
figcaption圖片來源:騰訊CDC《淺析網(wǎng)頁色彩應(yīng)用》/figcaption
/figure
最后在把上面的代碼寫在article里面。
footer部分只是一些簡單的頁腳信息。
這個不單是用HTML5就能建立起來的。目前html5在電腦上瀏覽器的支持并不是那么的全面,而且就算用html 5寫出了博客頁面,也需要用后臺語言來進行程序上的編寫,讓博客頁面有功能。。你可以用HTML+CSS學(xué)個簡單的博客頁面,然后再套個模板,比如wordpress,不過這個需要有些PHP的基礎(chǔ)。。