今天小編給大家分享一下HTML5設(shè)計和修改的頁面實例分析的相關(guān)知識點，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

創(chuàng)新互聯(lián)公司主要從事網(wǎng)站制作、成都網(wǎng)站設(shè)計、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)蓮池,十年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18982081108

ApocalypsePage_Original.html，這是一個格式非常規(guī)范的頁面，所有的樣式均來自于外部樣式表。

XML / HTML代碼將內(nèi)容復(fù)制到文本

<！DOCTYPE html >  

< html lang = “ zh-CN” >   

<頭>  

  < meta charset = “ utf-8” >   

  < title >立即啟示  

  < link rel = “ stylesheet” href = “ ApocalypsePage_Original.css” >    

<身體>  

< div class = “標(biāo)題” >   

  < h2 >世界如何終結(jié)  

  < p class = “ Teaser” >我們所知道的會終結(jié)生命的場景   

  < p class = “ Byline” > Ray N.康乃馨   

<！-結(jié)束標(biāo)題->  

< div class = “內(nèi)容” >   

  < p > < span class = “ LeadIn” >現(xiàn)在 ，您可能感覺不錯。畢竟，發(fā)達(dá)國家的生活很舒適< span class = “ style1” > — 可能比整個記錄的歷史上的普通人類要舒適得多。    

  < p >但是不要自鳴得意。仍然有很多可怕的方法可以使它崩潰。在本文中，您將了解一些我們的最愛。  

  < h3 >瑪雅世界末日  

  < p >懷疑論者的看法是瑪雅歷法簡單地卷到一個新的5126年時代的2012年之后，而實際上并沒有預(yù)測結(jié)束生命的啟示。但是考慮到已死的瑪雅人實際上在其他所有方面都是錯誤的，為什么我們應(yīng)該在此方面信任他們呢？  

  < h3 >機器人接管  

  < p >雖然沒有像吸血鬼接管或活死人接管那樣令人恐懼，但是機器人叛亂仍然是令人不安的想法。我們的科技產(chǎn)品已經(jīng)不勝枚舉了，甚至比爾·蓋茨（Bill Gates）都擔(dān)心他的日本機器人奴隸被腳踝翻過來的那一天，并問（以適當(dāng)?shù)臋C器人聲音）“現(xiàn)在你是誰的爸爸？”   

  < h3 >無法解釋的奇點  

  < p >我們不知道宇宙是如何開始的，所以我們不能確定宇宙不會只是結(jié)束，也許是今天，也許只有一點點反物質(zhì)和輕微的嘶嘶聲才令人興奮。  

  < h3 >失控的氣候變化  

  < p >有些不屑一顧，厄運戈爾的預(yù)言仍可能成真。如果確實如此，我們可能不得不應(yīng)對惡性風(fēng)暴，廣泛的食物短缺以及空調(diào)維修人員的狀況。  

  < h3 >全球流行  

  < p >在今后一段時間內(nèi)，一種致命的病毒可能會罷工。對該疾病的來源有不同的預(yù)測，但候選對象包括非洲叢林中的猴子，生物恐怖分子，患有流感的鳥類和豬，未來的戰(zhàn)士，外星人種族，使用過多抗生素的醫(yī)院，吸血鬼，CIA和未洗凈的球芽甘藍(lán)。無論來源如何，這顯然都是壞消息。  

<！-最終內(nèi)容->  

< div class = “頁腳” >   

  < p class = “ Disclaimer” >這些世界末日的預(yù)測并不反映作者的觀點。   

  < p >  

    <一個HREF = “AboutUs.html” >關(guān)于我們   

    <一個HREF = “Disclaimer.html” >聲明   

    <一個HREF = “ContactUs.html” >聯(lián)系我們   

  < p >版權(quán)所有©2014   

<！-結(jié)束頁腳->  

在不增加任何CSS樣式表之前，效果如下：上面通過三個