效果展示：
**實現過程中的收穫：
熟悉html中各種標籤的應用；
熟悉了float+position設定製作層疊效果。
頂部html**：
#top #topimg #topimg1
#top
#top #toplist ul
#top #toplist ul li
#top #toplist
#top #toplist ul li:hover
#banner #bannerimg #bannerimg1
#banner
#banner #bannermessage
#banner #bannermessage input[type="text"]
#banner #bannermessage #abouttext4
#banner #bannermessage #aboutbutton1
#banner #bannermessage input[type="text"]:hover
#banner #bannermessage #abouttext4:hover
#banner #bannermessage input[type="text"]:focus
#banner #bannermessage #aboutbutton1:hover
華中科技大學是國家教育部直屬重點綜合性大學，由原華中理工大學、同濟醫科大學、武漢城市建設學院於2023年5月26日合併成立，是國家「211工程」重點建設和「985工程」建設高校之一，是首批「雙一流」建設高校。學校校園占地7000餘畝，園內樹木蔥蘢，碧草如茵，環境優雅，景色秀麗，綠化覆蓋率72%，被譽為「森林式大學」。
a word
about us
華中科技大學正以建立世界一流大學為目標，秉持「明德厚學，求是創新」的校訓，敢於競爭，善於轉化，聚精會神，科學發展，全面提公升辦學水平，努力開創更加輝煌燦爛的明天。
#about
h1#about #fenge
#about #intro
#about #upabout
#about #upabout #up-left
#about #upabout #up-left #title
#about #upabout #up-left #content
#about #upabout #up-left #content #aboutbutton
#about #upabout #up-left #content #aboutbutton:hover
#about #upabout #up-middle img
#about #upabout #up-right
#about #upabout #up-right ul li
#about #upabout #up-right ul li .big
#about #upabout #up-right ul li .fengexian
#about #upabout #up-right ul li .small
#about .c
#bout .c img
#about .c li
#about .c li h3
#about .c li .p1
#about .c li .p2
#about .c li .p3
#about .c li .p3 input
#about .c li .p3 input:hover
華中科技大學是國家教育部直屬重點綜合性大學，由原華中理工大學、同濟醫科大學、武漢城市建設學院於2023年5月26日合併成立，是國家「211工程」重點建設和「985工程」建設高校之一，是首批「雙一流」建設高校。學校校園占地7000餘畝，園內樹木蔥蘢，碧草如茵，環境優雅，景色秀麗，綠化覆蓋率72%，被譽為「森林式大學」。
#gallery
#gallery #fenge2
#gallery #intro2
#gallery #list2
#gallery #list2 ul
#gallery #list2 ul li
#gallery #list2 ul li img
#gallery #list2 .listtitle
#foot
web基礎，用html元素製作web頁面
用div,form製作登入頁面，盡可能做得漂亮。練習使用下拉列表選擇框，無序列表，有序列表，定義列表。觀察常用網頁的html元素，在實際的應用場景中，用已學的標籤模仿製作。en container style width 400px header style background color ant...
web基礎，用html元素製作web頁面
html lang en head meta charset utf 8 title 你可別是個傻子的地盤 title head body doctype html html lang en head meta charset utf 8 title 你可別是個傻子的地盤 title head bo...
頁面製作流程
1.看效果圖，首先要了解頁面，然後出現問題即時與設計人員溝通。2.做好html框架的規劃，搭建html框架 要求結構化和標籤語義化 新增語義化的命名。3.根據上一步的框架，寫html框架和css樣式的報告。以有利於加快專案進度和方便後期管理。4.編寫html框架 即為頁面中的文字內容和 需要考慮 結...