• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    HTML5怎么制作固定格式的網頁

    用HTML5布局一個網頁,要求網頁大小:寬度為1200PX 高度為900PX 邊框為紅色;<br/>頭部大小寬度為1200PX,高度為300px,邊框顏色藍色,主體內容分為兩個:每一個寬度為400PX高度為400PX,邊框顏色為水紅色;第二個寬度為800px 高度為400px 顏色為黃色<br/>頁腳高度為200px 寬度為1200PX,邊框顏色為綠色,具體方法如下

    工具/材料

    一定的前臺代碼基礎

    dw等代碼編輯工具

    操作方法

    • 01

      首先輸寫CSS代碼,設置網頁的大小,所有內容居中對齊:

    • 02

      運行程序,結果如圖:

    • 03

      在<body>標簽里面輸入<header>標簽,并用Css設置頭部大小(寬度為1200PX,高度為300PX),邊框顏色等

    • 04

      運行程序,結果如圖

    • 05

      在<body>標簽里面輸入<article>標簽(注:在<article>標簽要嵌入<section>標簽,并為<section>設置浮動),用Css為<article>標簽和<section>標簽設置大小,邊框顏色等

    • 06

      運行程序,結果如圖

    • 07

      在<article>標簽再嵌入一個<div>標簽,取一個ID名,用Css為<div>標簽和<div>標簽設置大小,邊框顏色等,如圖

    • 08

      運行程序,結果如圖

    • 09

      最后設置用<footer>標簽設置頁腳

    • 10

      運行程序,結果如圖

    • 11

      最后一步,也是最關鍵的一點,清除浮動,我們就可以在網頁中輸寫內容了

    • 12

      運行程序,結果如圖

    • End
    • 發表于 2017-10-19 00:00
    • 閱讀 ( 908 )
    • 分類:電腦網絡

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆