首頁  >  文章  >  web前端  >  如何用文字製作一個簡單的網頁?用記事本製作一個簡單網頁範例

如何用文字製作一個簡單的網頁?用記事本製作一個簡單網頁範例

寻∝梦
寻∝梦原創
2018-09-11 13:38:0817926瀏覽

用文字製作網頁很多人都會做,但還有些人還有試過用文字做網頁,今天的這篇文章講解瞭如何用文字製作一個簡單的網頁效果,做網頁需要很多標籤,文章中介紹了幾種最常用的幾種標籤並給出了效果圖。大家有興趣的可以來看看這篇文章

首先我們來看看如何製作一個簡單的網頁:

##1.在電腦桌面上右鍵點選滑鼠-新建-文字文檔;之後桌面上就有了一個文檔:

如何用文字製作一個簡單的網頁?用記事本製作一個簡單網頁範例

#2.現在雙擊開啟這個文字文檔,在裡面寫點東西:

如何用文字製作一個簡單的網頁?用記事本製作一個簡單網頁範例

在裡面寫了個hello world! ,但是要怎麼讓它顯示在網頁中呢?我們繼續看;

3.把文字文檔的後綴名稱從TXT改為html:

如何用文字製作一個簡單的網頁?用記事本製作一個簡單網頁範例

如何,現在我們的這個網頁基本上就好了,我們點開看看效果:

如何用文字製作一個簡單的網頁?用記事本製作一個簡單網頁範例

看,現在在網頁上顯示出來了,這就是最基本的一個網頁了。

4.現在我們的基本操作就完成了,現在我們來看看在裡面加些程式碼:

如何用文字製作一個簡單的網頁?用記事本製作一個簡單網頁範例##當然我們這做的並不規範,規範的是要加很多程式碼然後把要寫的東西包起來。我們這只是讓大家更能清楚的明白這些標籤的意義。我們現在看著這篇文字裡面並沒有什麼,我們保存起來到瀏覽器中去看看效果:

如何用文字製作一個簡單的網頁?用記事本製作一個簡單網頁範例#這就是效果了,我們在程式碼中顯示的h1標籤和在網頁上顯示的差異還是挺大的吧,其實h1標籤它只是用作標題用處,利於搜尋引擎的搜尋。在一個網頁中通常有一個h1標籤就夠了,多了就會不利於搜尋了。文字標籤和標籤標籤差異還是挺大的吧,文字標籤通常都是用

標籤。

5.現在我們看到了標題標籤和文字標籤的顯示效果了,現在來看看其它標籤的用法吧:

如何用文字製作一個簡單的網頁?用記事本製作一個簡單網頁範例現在介紹了兩個標籤,一個是加粗標籤,一個是放大標籤,我們來看看在瀏覽器中顯示的效果:

##這就是效果圖了,如上圖我們可以看到,在b標籤內的文本變成了加粗樣式,中間還有一個正常文本,讓我們的顯示效果更明顯一點。後面還有一個big標籤,這是一個放大其中元素的標籤,能比同元素中的文字大一個字號。應該很明顯的能看出來。 如何用文字製作一個簡單的網頁?用記事本製作一個簡單網頁範例

這就是文本的基礎使用了,這就是本篇文章的全部內容了,想看更多的知識,就到PHP中文網

HTML學習手冊

欄位中學習。有問題的同學可以在下方提問。

【小編推薦】

HTML段落元素中怎麼設定空格? HTML空格的設定總結


html中big標籤如何使用? html big標籤的使用實例

以上是如何用文字製作一個簡單的網頁?用記事本製作一個簡單網頁範例的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn