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

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

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

1.在電腦案頭上右擊滑鼠-建立-文字文件;之後案頭上就有了一個文檔:

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

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

3.把文字文件的尾碼名從TXT改為html:

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

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

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

當然我們這做的並不規範,規範的是要加很多代碼然後把要寫的東西包裹起來。我們這隻是讓大家更能清楚的明白這些標籤的意義。我們現在看著這文本裡面並沒有什麼,我們儲存起來到瀏覽器中去看看效果:

這就是效果了,我們在代碼中顯示的h1標籤和在網頁上顯示的差別還是挺大的吧,其實h1標籤它只是用作標題用處,利於搜尋引擎的搜尋。在一個網頁中通常有一個h1標籤就夠了,多了就會不利於搜尋了。文字標籤和標籤標籤差別還是挺大的吧,文字標籤通常都是用<p>標籤。

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

現在介紹了兩個標籤,一個是加粗標籤,一個是放大標籤,我們來看看在瀏覽器中顯示的效果:

這就是了,如我們可以看到,在b標籤內的文本變成了加粗樣式,中間還有一個正常文本,讓我們的顯示效果更明顯一點。後面還有一個big標籤,這是一個放大其中元素的標籤,能比同元素中的文本大一個字型大小。應該很明顯的能看出來。

這就是文本的基礎使用了,這就是本篇文章的全部內容了,想看更多的知識,就到topic.alibabacloud.comHTML學習手冊欄目中學習。有問題的同學可以在下方提問。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.