HTML入門學習(怎麼學好HTML?)?

超文字標記語言(英文:Hyper Text Markup Language)HTML是為了“網頁建立和其他可在網頁瀏覽器中看到的資訊”設計的一種標記語言。HTML被用來結構化資訊--例如標題,段落和列表等等,也可用來在一定程度上描述文件的外觀和語義。

工具/原料

膝上型電腦一臺。

方法/步驟

什麼是HTML呢?

html指的是超文字標記語言。它不是一種程式語言,而是一種標記語言。

在學習html之前,我們先來學習怎麼利用記事本建立自己第一個網頁。

1.在筆記本選單欄中找到附件。

2.建立一個記事本。

3.在記事本中錄入(你先不用管為什麼要錄入這些東西。)

我的第一個學習網頁

怎樣才能學好html呢?

4.儲存文件,選擇儲存,儲存路徑為桌面(便於查詢哦),型別為所有檔案,檔名為“我的第一個網頁.html”【字尾html一定不能錯哦!】

HTML入門學習(怎麼學好HTML?)

HTML入門學習(怎麼學好HTML?)

HTML入門學習(怎麼學好HTML?)

HTML入門學習(怎麼學好HTML?)

HTML入門學習(怎麼學好HTML?)

完成第二步之後,你的第一個用html寫的網頁網頁就建立了,我們雙擊開啟看看吧!

HTML入門學習(怎麼學好HTML?)

讓我們一起來看看這個網頁的具體內容吧!

1.他的標題是【我的第一個學習網頁】,這是告訴讀者,我這個網頁所承載的內容是什麼。

2.他的內容是【怎樣才能學好html呢?】這是直接展示給讀者我的內容。

HTML入門學習(怎麼學好HTML?)

下面,我們來仔細的分析一下我們在前面寫的標籤。

1.告訴瀏覽器這是html標籤。

2.告訴瀏覽器這是我的標頭檔案。

3.告訴瀏覽器這是我的標題,在裡面。

4.告訴瀏覽器這是我的正文。

我們不拿看出,html就是要告訴瀏覽器我的某個東西是什麼,沒錯,這就是它的主要功能。

下面我們一起來看看html標籤的主要特點。

1.一般都是成對出現,像,, 等,但也有部分不是成對的像
,等。【我們在後面再做詳細介紹】

2.不通的標籤有不通的含義。

3.不通的標籤有不通的位置。像在裡。

那怎麼學好html呢?我個人根據自己的學習經驗,總結了一下方法:

1.多動手編寫html程式碼,並且測試。【前面我們已經建立了自己的網頁,你可以在裡面編寫新的內容進行測試】

2.自己去看網上的一些簡單網頁的原始碼。怎麼去看呢?首先選擇一個簡單的網頁,在頁面上單擊右鍵選擇檢視原始碼即可。

3.多像同學老師請教。

HTML入門學習(怎麼學好HTML?)

為了更快的入門,下面我們一起來學習一些簡單的標籤吧!

1.

段落定義標籤。

2.

定義標題標籤還有

,

,

3.
定義換行標籤。

我們通過操作一起學習吧!

用記事本開啟我們前面建立的那個網頁。

在錄入

我的標題

我的標題

我的標題

我的標題

HTML入門學習(怎麼學好HTML?)

雙擊開啟,效果如下:

可見標題標籤的大小從h1到h6逐漸變小。

HTML入門學習(怎麼學好HTML?)

我們再在裡錄入

段落一

段落二

段落三

儲存預覽。

HTML入門學習(怎麼學好HTML?)

HTML入門學習(怎麼學好HTML?)

我們現在做個變換,把body裡的所有東西寫在一起,不換行,看會發生什麼情況。我們儲存預覽會發現,即使我們把他們放在了一起,但是瀏覽器還是把他們分開了,這說明標題標籤

等和段落標籤

有自動換行功能。

HTML入門學習(怎麼學好HTML?)

HTML入門學習(怎麼學好HTML?)

我們再做個小例項,在標籤裡錄入

我的網頁

醉春風-IT

【儲存預覽】你可以發現我們在編寫的時候換了行,但瀏覽器並沒有幫我們換行。

HTML入門學習(怎麼學好HTML?)

HTML入門學習(怎麼學好HTML?)

那怎麼去設定換行呢?我們重新錄入下面程式碼:

我的網頁


醉春風-IT

【儲存預覽】我們會發現瀏覽器幫我們把文件換行了。

HTML入門學習(怎麼學好HTML?)

HTML入門學習(怎麼學好HTML?)

方法總結:

1.通過上面幾個簡單的例項我們不難看出html的實質,他就是一種標籤,一種人和瀏覽器交流的標籤,我們只有告訴瀏覽器這是什麼,他才能幫助我們顯示。

2.要邊學邊做,才能學得快。

寫在最後的話,相信通過這個簡單的小培訓,你已經對html有了初步瞭解和認識,好好深究吧!相信你會喜歡上他的。

相關問題答案