正文

學(xué)生個(gè)人網(wǎng)頁制作html

發(fā)布時(shí)間：2023-03-03 18:32:12 稿源：創(chuàng)意嶺閱讀： 1077 問大家

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于學(xué)生個(gè)人網(wǎng)頁制作html的問題，以下是小編對(duì)此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，相關(guān)業(yè)務(wù)請(qǐng)撥打電話：175-8598-2043，或添加微信：1454722008

本文目錄:

1、html怎么制作網(wǎng)頁
2、html怎么做網(wǎng)頁
3、如何用html制作一個(gè)網(wǎng)頁
4、用HTML語言編寫一個(gè)簡(jiǎn)單的個(gè)人網(wǎng)頁，

學(xué)生個(gè)人網(wǎng)頁制作html

一、html怎么制作網(wǎng)頁

1、html文件是最常見的網(wǎng)頁文件，所謂HTML是超文本標(biāo)記語言（HyperText Markup Language，簡(jiǎn)稱：HTML）是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。

2、html文件的編輯非常簡(jiǎn)單，使用文本編輯器就可以打開，也可以使用editplus，vim，notepad++，ultraEdit 等等編輯工具打開，打開就可以直接看到源碼，也可以進(jìn)行編輯修改。

3、html是網(wǎng)頁設(shè)計(jì)和編程的基礎(chǔ)，只要掌握了HTML的基本標(biāo)簽的用法，相對(duì)來說還是比較簡(jiǎn)單的，學(xué)習(xí)難度并不大的。WEB端編程中，難度較大的在于JavaScript這一塊。

4、希望對(duì)你有幫助，祝你學(xué)有所得。

二、html怎么做網(wǎng)頁

第一步:

準(zhǔn)備一臺(tái)電腦（win7/10最好），在桌面新建一個(gè)文本文件如下圖（文件展示擴(kuò)展名請(qǐng)自行百度）：

學(xué)生個(gè)人網(wǎng)頁制作html

第二步：

打開此文件輸入如下內(nèi)容，如圖：

學(xué)生個(gè)人網(wǎng)頁制作html

第三步:

關(guān)閉編輯器，將此文件的擴(kuò)展名改為.html,保存如下圖：

學(xué)生個(gè)人網(wǎng)頁制作html

第四：

雙擊index.html打開，出現(xiàn)如下效果就代表你的第一個(gè)html頁面制作成功啦！

學(xué)生個(gè)人網(wǎng)頁制作html

是不是很簡(jiǎn)單，但這只是最簡(jiǎn)單的一個(gè)靜態(tài)頁面，我們平時(shí)訪問的網(wǎng)站要比這復(fù)雜的多。

三、如何用html制作一個(gè)網(wǎng)頁

1，打開記事本，并在其中輸入必要信息，完整代碼如下：

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title>

<body><header><img src="molihua.jpg"width="412" height="291"</header> <article> <header> <h4>茉莉花</h4> <p>作者：宋 · 劉克莊 </p> </header> <hr/> <p>曾與瑤姬約。恍相逢、翠裳搖曳，珠韝聯(lián)絡(luò)。風(fēng)露青冥非人世，攬結(jié)玉龍驂鶴。

愛萬朵、千條纖弱。

禱?；ㄉ駪z惜取，問開時(shí)、晴雨須斟酌。枝上雪，莫消卻。

惱人匹似中狂藥。

憑危欄、燭光交映，樂聲遙作。身上春衫香薰透，看到參橫月落。

算茉莉、猶低一著。坐有緱山王郎子，倚玉簫、度曲難為酢。君不飲，鑄成錯(cuò)。</p> <h4>清平樂</h4> <p>冰輪萬里。云卷天如洗。先向海山生大士。卻誕卯金之子。冰盆荔子堪嘗。膽瓶茉莉尤香。震旦人人炎熱，補(bǔ)陀夜夜清涼。</p><dl> <dt>《浣溪沙》</dt> <dd>南國(guó)幽花比并香。直從初夏到秋涼</dd> <dt>《鷓鴣天》</dt> <dd>攜靚侶，泛輕航。棹歌驚起野鴛鴦</dd> <dt>《真珠簾》</dt><dd>茉莉芰荷香，拍滿笙簫院。</dd>

</dl></article> <footer>2019.9.6</footer> </body></html>

啟動(dòng)瀏覽器運(yùn)行后，大家會(huì)發(fā)現(xiàn)界面并不美觀，文字看著也比較亂。

為了解決這個(gè)問題，可以在界面添加css規(guī)則，讓界面更好看，更標(biāo)準(zhǔn)化，將下面的代碼塊添加到記事本中，位置在<head>和<head/>也就是頭部之間：

再次保存和預(yù)覽，是不是看著美觀多了

四、用HTML語言編寫一個(gè)簡(jiǎn)單的個(gè)人網(wǎng)頁，

<html>

<head>

</head>

<body>

<a href="http://www.fudan.edu.cn">復(fù)旦大學(xué)</a><a href=mailto:name@host.com?subject="主題">寫郵件給我們</a>

</body>

</html>