itnba試做

2022-08-05 11:57:14 字數 3728 閱讀 1195

首先標題、ico新增

<

link

href

="title.ico"

rel="shortcut icon"

/>

然後新增頁面背景、顏色等

body
然後觀察頁面佈局,初步分層11塊。

一、第一塊頂部藍槓

id命名top,置頂寬100%高8px;

#top
二、第二塊

可以分為兩塊

左邊,右邊導航欄

<

style

>

#title

#title img

#title_menu

#title_menu div

#title_menu div:hover

style

>

<

body

>

<

div

id="title"

>

<

img

src="201608142309259938.png"

/>

<

div

id="title_menu"

>

<

div

style

="width: 120px;"

>基地介紹

div>

<

div>漢企實訓中心

div>

<

div>漢企人資中心

div>

<

div>軟體服務中心

div>

<

div>院校合作中心

div>

div>

div>

body

三、第三塊

可以分為上下兩層,第一層分為左右兩塊,左邊,右邊上下三塊。

<

style

>

#header

#header_toper_left

#header_toper_right

#text_a

#text_a p

#text_b

#text_b p

#header_toper_right input

#header_toper_right_p

#header_footer

.header_footer-list

.header_footer-list img

.header_footer-list div

.footer_text

style

>

<

body

>

<

div

id="header"

>

<

div

id="header_toper"

>

<

img

id="header_toper_left"

src="201711201713355829.jpg"

/>

<

div

id="header_toper_right"

>

<

div

id="text_a"

>

<

p>軟體服務**:400 0533 575

p>

<

p>山東人才**:0533-3113118

p>

div>

<

div

id="text_b"

>

<

p>免費就業指導

p>

<

p>免費就業諮詢

p>

<

p>免費網頁製作課程

p>

<

p>免費程式設計學習課程

p>

<

p>免費資料庫開發課程

p>

div>

<

input

type

="button"

value

="免費預約"

/>

<

p id

="header_toper_right_p"

>我們將盡快與您聯絡

p>

div>

div>

<

div

id="header_footer"

>

<

div

class

="header_footer-list"

>

<

img

src="item_1.png"

/>

<

div>

<

p class

="footer_text"

><

b>.net工程師

b>

p>

<

p>人才缺口最大的技術方向

p>

div>

div>

<

div

class

="header_footer-list"

>

<

img

src="item_1.png"

/>

<

div>

<

p class

="footer_text"

><

b>.net工程師

b>

p>

<

p>人才缺口最大的技術方向

p>

div>

div>

<

div

class

="header_footer-list"

>

<

img

src="item_1.png"

/>

<

div>

<

p class

="footer_text"

><

b>.net工程師

b>

p>

<

p>人才缺口最大的技術方向

p>

div>

div>

<

div

class

="header_footer-list"

>

<

img

src="item_1.png"

/>

<

div>

<

p class

="footer_text"

><

b>.net工程師

b>

p>

<

p>人才缺口最大的技術方向

p>

div>

div>

div>

div>

body

>