今天給各位分享個人主頁html網(wǎng)頁制作作業(yè)的知識，其中也會對html個人頁面頁面制作代碼進行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注本站，現(xiàn)在開始吧！

本文目錄一覽：

• 1、用html制作一個個人網(wǎng)頁要求有五個鏈接，每頁都有css格式
• 2、制作一個班級主頁或個人主頁(html制作)
• 3、html個人網(wǎng)頁制作個人簡介可以滑動頁面嗎
• 4、誰能給我一個簡單的網(wǎng)頁制作的成品??？作業(yè) ! 個人主頁html的源代碼，不要太復(fù)雜，簡單有幾個鏈接就好了

用html制作一個個人網(wǎng)頁要求有五個鏈接，每頁都有css格式

方法/步驟

1

CSS是由選擇器加聲明組成的。

比如：

h1{color:red;}

h1就是選擇器，意思是只要遇到h1，就使用該CSS的規(guī)則

color：red; :這個事聲明

color:這個是屬性

red:這個是值

2

OK，我們先來分析選擇器。

END

一.選擇器

1

選擇器的種類很多，各有各的作用。我們來一一講解。

標(biāo)簽選擇器

class選擇器

id選擇器

全局選擇器

組合選擇器

偽類選擇器

2

標(biāo)簽選擇器

顧名思義，HTML中有許多標(biāo)簽，而標(biāo)簽選擇器就是用來給標(biāo)簽直接申明樣式的，簡單、實用、常用。

舉例：

p{color:red;}

只要是p標(biāo)簽，其P標(biāo)簽內(nèi)部的顏色，都是紅色。

如圖代碼

headmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /title無標(biāo)題文檔/titlestylep{ color:red;}/style/headbodyp嘿嘿哦嘿嘿呀哦嘿嘿哦/p/body

其中，style標(biāo)簽是樣式標(biāo)簽，請將CSS放在其中

（這部分內(nèi)容后續(xù)會介紹，這里只是先提一下）

3

看網(wǎng)頁效果

4

class選擇器

也叫做類選擇器，直接說概念估計你也不明白，直接上例子吧。

舉例：

.alsp{color:red;}

這就是一個class選擇器，意思是有一種CSS的樣式，其名字是alsp，誰想用誰用。

看代碼：

headmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /title無標(biāo)題文檔/titlestyle type="text/css".alsp{color:red;}/style/headbodyp class="alsp"嘿嘿哦嘿嘿呀哦嘿嘿哦/pol class="alsp"li嘿啥嘿/lili我想嘿嘿/lili專制各種不服/li/olp世界為亡，死不投降/p/body

5

看網(wǎng)頁效果

通過.alsp定義一個class選擇器。

在后面的代碼中，哪個標(biāo)簽想用，就用class="alsp"去調(diào)用，就可以使用這件“衣服”來修飾自己了

6

ID選擇器

ID和class很像，但是和class有一個區(qū)別。class像姓名，兩個人是可以同名的，但是id像身份證，只有一個人可以使用。

例如：

#alsp{color:red;}

OK，上代碼：

#alsp{color:red;}/style/headbodyp id="alsp"嘿嘿哦嘿嘿呀哦嘿嘿哦/polli嘿啥嘿/lili我想嘿嘿/lili專制各種不服/li/olp世界為亡，死不投降/p/body

7

看網(wǎng)頁效果

只能有一個標(biāo)簽使用該id，或者說該標(biāo)簽專屬ID

8

全局選擇器

*{margin:0; padding:0;}

這個很簡單，前面用個*來表示，整個網(wǎng)頁都會使用。這句話也是網(wǎng)頁基本都要添加的，什么意思呢？自己試試看吧。

9

組合選擇器

組合選擇，小編是非常喜歡使用的，原因無他，懶而已。他可以減少代碼量，并且方便、易讀。

不過組合選擇器的組合方式比較多，但也多很好理解。

1）群模式

比如：

h1{color:red; font-size:14px;}

p{color:red; font-size:14px;}

a{color:red; font-size:14px;}

這三個雖然標(biāo)簽不同，但是樣式是一模一樣的，所以，可以這樣寫：

h1,p,a,{color:red; font-size:14px;}

2）繼承模式

比如：

.alsp li{color:red;}

ul class=".alsp"

lifdf/li

/ul

li是在ul之中的，算是ul的后代。通過.alsp li確定li是屬于調(diào)用alsp類選擇器里的li標(biāo)簽，其他的li標(biāo)簽并不會使用該樣式。

3）群模式（多元素并列選擇器）

其實也是一種特殊的群模式

p.alsp{color:red;}

p class="alsp"p.alsp/p

a class="alsp"a.alsp/p

alsp仍然是一種class選擇器，但是他只有在p的標(biāo)簽下被使用才生效。

所以，第一行生效，p.alsp字樣變紅，第二行不生效

10

偽類選擇器

“偽”字暴露了他的本質(zhì)，偽類選擇器并不像其他選擇器直接做用在標(biāo)簽上，但是他偏偏又是在標(biāo)簽上進行使用，所以稱為“偽類選擇器”。

偽類的作用，是作用在狀態(tài)上。

一般情況正常運行，只有當(dāng)達成條件的時候觸發(fā)，才會執(zhí)行偽類選擇器所代表是css樣式。

偽類選擇器很多，但許多都是我們這輩子估計都用不到的。

OK，偽類選擇器后續(xù)我會專門寫一篇經(jīng)驗介紹，有點小多，這里也就不多說了。

END

二.在HTML中調(diào)用CSS

調(diào)用CSS的常用方法有3中

內(nèi)樣式

外樣式

行間樣式

內(nèi)樣式

直接看代碼，如圖所示

在head/head中，加入style/style,并將相關(guān)的CSS樣式放在其中

外樣式

直接看代碼，如圖所示：

link rel="stylesheet" type="text/css" href="index.css"

這里，href為css的路徑。

意思是，你專門創(chuàng)建一個index.css的文件，里面放上CSS樣式，和內(nèi)樣式的語法一模一樣，只是專門找了一個文件存放而已。

4

行間樣式

行間樣式直接寫在元素里面

例如：p style="color:#900"嘿嘿哦嘿嘿呀哦嘿嘿哦/p

直接在標(biāo)簽后面加上style

一般不要用，不過可以用來調(diào)試使用

制作一個班級主頁或個人主頁(html制作)

4.部分個人或隱私信息必須要登陸后才可以查看。

5． 實現(xiàn)一個簡單的聊天室功能

這兩個功能,必須使用ASP .PHP .或者JSP 才能夠?qū)崿F(xiàn)的. 建議你還是先把網(wǎng)站的樣子做出來,再考慮里面的功能.

僅僅會HTML+CSS 只能做出靜態(tài)的網(wǎng)頁

html個人網(wǎng)頁制作個人簡介可以滑動頁面嗎

html個人網(wǎng)頁制作個人簡介可以滑動頁面。

html制作全屏頁面滾動個人簡歷，因此，html個人網(wǎng)頁制作個人簡介可以滑動頁面。

網(wǎng)頁是書寫的純文本文件，存放在與互聯(lián)網(wǎng)相連的。

誰能給我一個簡單的網(wǎng)頁制作的成品??？作業(yè) ! 個人主頁html的源代碼，不要太復(fù)雜，簡單有幾個鏈接就好了

我有大二時做的dreamweaver的網(wǎng)頁作業(yè)。有20份作業(yè)的源文件。任你挑選。

郵箱我就不單獨發(fā)了，為了方便大家下載參考。

我把網(wǎng)頁作業(yè)源文件打包上傳到我的百度網(wǎng)盤?？梢灾苯酉螺d，不需要注冊，也不需要積分。

網(wǎng)盤的下載地址，公布于本人的百度空間的文章中。

找不到或者有什么問題的可以私信我

個人主頁html網(wǎng)頁制作作業(yè)的介紹就聊到這里吧，感謝你花時間閱讀本站內(nèi)容，更多關(guān)于html個人頁面頁面制作代碼、個人主頁html網(wǎng)頁制作作業(yè)的信息別忘了在本站進行查找喔。