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

本文目錄一覽：

• 1、用html制作一個個人網(wǎng)頁要求有五個鏈接，每頁都有css格式
• 2、學(xué)生個人網(wǎng)頁制作html代碼是什么?
• 3、我需要一個網(wǎng)頁的設(shè)計代碼，HTML網(wǎng)頁設(shè)計，設(shè)計一個網(wǎng)頁，一個完整的源代碼

用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)簽直接申明樣式的，簡單、實(shí)用、常用。

舉例：

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）群模式（多元素并列選擇器）

其實(shí)也是一種特殊的群模式

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)簽上進(jìn)行使用，所以稱為“偽類選擇器”。

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

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

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

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

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)試使用

學(xué)生個人網(wǎng)頁制作html代碼是什么?

網(wǎng)頁的源代碼稱為HTML代碼。

可是做出來之后與別人一比，才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙，這是為什么呢？常言道：“心急吃不了熱豆腐”。建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設(shè)計出一個滿意的網(wǎng)站。

由于所見即所得類型的工具越來越多，使用也越來越方便，所以制作網(wǎng)頁已經(jīng)變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。

一般初學(xué)者經(jīng)過短暫的學(xué)習(xí)就可以學(xué)會制作網(wǎng)頁，于是他們認(rèn)為網(wǎng)頁制作非常簡單，就匆匆忙忙制作自己的網(wǎng)站。

我需要一個網(wǎng)頁的設(shè)計代碼，HTML網(wǎng)頁設(shè)計，設(shè)計一個網(wǎng)頁，一個完整的源代碼

htmlheadtitle帥哥的個人主頁/title/headbody我是XXX，男，XX年X月X日出生，XX省XX市人，長得很帥！br李嘉誠理財名言：世界上并非每一件事情，都是金錢可以解決的，但是確實(shí)有很多事情需要金錢才能解決?！?body/html

把上面的代碼用記事本存為index.html文件打開就行。

怎么樣，這個夠簡單了吧。純手工書寫。

如需更好的，可以說明具體要求。

關(guān)于html個人主頁網(wǎng)頁設(shè)計代碼兩個頁面和設(shè)計一個html頁面的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。