明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

如何用文本制作一個(gè)容易的頁面?用記事本制作一個(gè)容易頁面示例

[摘要]用文本制作網(wǎng)頁很多人都會(huì)做,但是還有些人還有試過用文本做網(wǎng)頁,今天的這篇文章講解了如何用文本制作一個(gè)簡(jiǎn)單的網(wǎng)頁效果,做網(wǎng)頁需要很多標(biāo)簽,文章中介紹了幾種最常用的幾種標(biāo)簽并給出了效果圖。大家有興趣的可以來看看本篇文章首先我們來看看如何制作一個(gè)簡(jiǎn)單的網(wǎng)頁:1.在電腦桌面上右擊鼠標(biāo)-新建-文本文檔;之后...
用文本制作網(wǎng)頁很多人都會(huì)做,但是還有些人還有試過用文本做網(wǎng)頁,今天的這篇文章講解了如何用文本制作一個(gè)簡(jiǎn)單的網(wǎng)頁效果,做網(wǎng)頁需要很多標(biāo)簽,文章中介紹了幾種最常用的幾種標(biāo)簽并給出了效果圖。大家有興趣的可以來看看本篇文章

首先我們來看看如何制作一個(gè)簡(jiǎn)單的網(wǎng)頁:

1.在電腦桌面上右擊鼠標(biāo)-新建-文本文檔;之后桌面上就有了一個(gè)文檔:

1.png

2.現(xiàn)在雙擊打開這個(gè)文本文檔,在里面寫點(diǎn)東西:

2.png

在里面寫了個(gè)hello world!,但是要怎么才能讓它顯示在網(wǎng)頁中呢?我們繼續(xù)看;

3.把文本文檔的后綴名從TXT改為html:

3.png

如何,現(xiàn)在我們的這個(gè)網(wǎng)頁基本上就好了,我們點(diǎn)開看看效果:

4.png

看,現(xiàn)在在網(wǎng)頁上顯示出來了,這就是最基本的一個(gè)網(wǎng)頁了。

4.現(xiàn)在我們的基本操作就完成了,現(xiàn)在我們看看在里面加些代碼:

5.png

當(dāng)然我們這做的并不規(guī)范,規(guī)范的是要加很多代碼然后把要寫的東西包裹起來。我們這只是讓大家更能清楚的明白這些標(biāo)簽的意義。我們現(xiàn)在看著這文本里面并沒有什么,我們保存起來到瀏覽器中去看看效果:

6.png

這就是效果了,我們?cè)诖a中顯示的h1標(biāo)簽和在網(wǎng)頁上顯示的差別還是挺大的吧,其實(shí)h1標(biāo)簽它只是用作標(biāo)題用處,利于搜索引擎的搜索。在一個(gè)網(wǎng)頁中通常有一個(gè)h1標(biāo)簽就夠了,多了就會(huì)不利于搜索了。文本標(biāo)簽和標(biāo)簽標(biāo)簽差別還是挺大的吧,文本標(biāo)簽通常都是用<p>標(biāo)簽。

5.現(xiàn)在我們看到了標(biāo)題標(biāo)簽和文本標(biāo)簽的顯示效果了,現(xiàn)在來看看其它標(biāo)簽的用法吧:

7.png

現(xiàn)在介紹了兩個(gè)標(biāo)簽,一個(gè)是加粗標(biāo)簽,一個(gè)是放大標(biāo)簽,我們來看看在瀏覽器中顯示的效果:

8.png

這就是效果圖了,如上圖我們可以看到,在b標(biāo)簽內(nèi)的文本變成了加粗樣式,中間還有一個(gè)正常文本,讓我們的顯示效果更明顯一點(diǎn)。后面還有一個(gè)big標(biāo)簽,這是一個(gè)放大其中元素的標(biāo)簽,能比同元素中的文本大一個(gè)字號(hào)。應(yīng)該很明顯的能看出來。

這就是文本的基礎(chǔ)使用了,這就是本篇文章的全部?jī)?nèi)容了,想看更多的知識(shí),就到PHP中文網(wǎng)HTML學(xué)習(xí)手冊(cè)欄目中學(xué)習(xí)。有問題的同學(xué)可以在下方提問。

【小編推薦】

HTML段落元素中怎么設(shè)置空格?HTML空格的設(shè)置總結(jié)

html中big標(biāo)簽如何使用?html big標(biāo)簽的使用實(shí)例

以上就是如何用文本制作一個(gè)簡(jiǎn)單的網(wǎng)頁?用記事本制作一個(gè)簡(jiǎn)單網(wǎng)頁示例的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。