簡易網(wǎng)頁怎么制作的步驟
時(shí)間：2022-08-21 21:57:02 | 來源：網(wǎng)站運(yùn)營
時(shí)間：2022-08-21 21:57:02 來源：網(wǎng)站運(yùn)營
首先，請先確認(rèn)你的系統(tǒng)中文件擴(kuò)展名已經(jīng)打開。方法是：打開我的電腦，點(diǎn)擊文件夾選項(xiàng)，打開文件夾選項(xiàng)對話框，確保“隱藏已知文件的擴(kuò)展名”前面的小勾已經(jīng)去掉，如果沒有去掉，請把小勾去掉。
然后，創(chuàng)建你的第一個(gè)網(wǎng)頁文件。為了便于管理，請先創(chuàng)建一個(gè)文件夾，用來存放你的網(wǎng)頁文件和圖片等資料。在你創(chuàng)建的文件夾中右擊，選擇新建，文本文件。
然后，對這個(gè)文件重命名為index,把小點(diǎn)后面的txt改為html。這樣一個(gè)網(wǎng)頁文件就準(zhǔn)備好了。
html是網(wǎng)頁文件的擴(kuò)展名。擴(kuò)展名用來區(qū)分文件的類型，擴(kuò)展名也用來告訴用哪個(gè)軟件打開。比如html就會(huì)告訴瀏覽器這是一個(gè)網(wǎng)頁，需要用網(wǎng)頁的方式來解析并顯示。
然后，用notepad++打開這個(gè)index.html文件，在編寫之前，我們有必要先來了解一下一個(gè)網(wǎng)頁最基本的結(jié)構(gòu)：網(wǎng)頁有頭部和主體兩大部分組成。頭部和主體都包含在一對<html>標(biāo)簽之內(nèi)。因?yàn)榫W(wǎng)頁是html語言編寫的，html語言是一門標(biāo)記語言，就是用一對對的標(biāo)簽來標(biāo)記網(wǎng)頁中的內(nèi)容，從而對內(nèi)容進(jìn)行組織和管理。
然后， 標(biāo)簽就是網(wǎng)頁中內(nèi)容的容器。
每個(gè)網(wǎng)頁都有頭部和主體。
如下圖所示，整體的最外層標(biāo)簽是<html>和</html>,頭部是<head>和</head>標(biāo)簽。在<head>標(biāo)簽中，又可以寫<title>(標(biāo)題)等標(biāo)簽。而<head>標(biāo)簽內(nèi)的內(nèi)容一般是不會(huì)顯示在瀏覽器窗口中的。顯示在瀏覽器窗口給我們看的內(nèi)容，都在<body></body>標(biāo)簽里。
然后，了解了網(wǎng)頁的基本結(jié)構(gòu)，我們就開始來寫一段完整的網(wǎng)頁代碼 ：
<html>
<head>
<title>這是網(wǎng)頁的標(biāo)題</title>
</head>
<body>
<h1>這是一個(gè)一級標(biāo)題</h1>
<p>這是一個(gè)段落</p>
</body>
</html>
在notepad++中編輯的情景
最后，保存之后我們在瀏覽器中預(yù)覽，效果如下圖。上面我們說過，<head>標(biāo)簽里的內(nèi)容不會(huì)顯示在瀏覽器中，但是我們在<head>中寫了一句：<title>這是網(wǎng)頁的標(biāo)題</title>，如果你細(xì)心就會(huì)發(fā)現(xiàn)，在瀏覽器的標(biāo)簽選項(xiàng)卡上顯示了“這是網(wǎng)頁的標(biāo)題”這幾個(gè)字。
原來網(wǎng)頁標(biāo)題就是顯示在瀏覽器標(biāo)題欄上的內(nèi)容。網(wǎng)頁的標(biāo)題不等于內(nèi)容的標(biāo)題，于是我們寫的<h1>這是一個(gè)一級標(biāo)題</h1>，它被顯示在瀏覽器窗口中。
在線咨詢