超文字標記語言(英文:Hyper Text Markup Language)HTML是為了“網頁建立和其他可在網頁瀏覽器中看到的資訊”設計的一種標記語言。HTML被用來結構化資訊--例如標題,段落和列表等等,也可用來在一定程度上描述文件的外觀和語義。
工具/原料
膝上型電腦一臺。
方法/步驟
什麼是HTML呢?
html指的是超文字標記語言。它不是一種程式語言,而是一種標記語言。
在學習html之前,我們先來學習怎麼利用記事本建立自己第一個網頁。
1.在筆記本選單欄中找到附件。
2.建立一個記事本。
3.在記事本中錄入(你先不用管為什麼要錄入這些東西。)
怎樣才能學好html呢?
4.儲存文件,選擇儲存,儲存路徑為桌面(便於查詢哦),型別為所有檔案,檔名為“我的第一個網頁.html”【字尾html一定不能錯哦!】
完成第二步之後,你的第一個用html寫的網頁網頁就建立了,我們雙擊開啟看看吧!
讓我們一起來看看這個網頁的具體內容吧!
1.他的標題是【我的第一個學習網頁】,這是告訴讀者,我這個網頁所承載的內容是什麼。
2.他的內容是【怎樣才能學好html呢?】這是直接展示給讀者我的內容。
下面,我們來仔細的分析一下我們在前面寫的標籤。
1.告訴瀏覽器這是html標籤。
2.告訴瀏覽器這是我的標頭檔案。
3.
4.告訴瀏覽器這是我的正文。
我們不拿看出,html就是要告訴瀏覽器我的某個東西是什麼,沒錯,這就是它的主要功能。
下面我們一起來看看html標籤的主要特點。
1.一般都是成對出現,像,, 等,但也有部分不是成對的像
,等。【我們在後面再做詳細介紹】
2.不通的標籤有不通的含義。
3.不通的標籤有不通的位置。像
那怎麼學好html呢?我個人根據自己的學習經驗,總結了一下方法:
1.多動手編寫html程式碼,並且測試。【前面我們已經建立了自己的網頁,你可以在裡面編寫新的內容進行測試】
2.自己去看網上的一些簡單網頁的原始碼。怎麼去看呢?首先選擇一個簡單的網頁,在頁面上單擊右鍵選擇檢視原始碼即可。
3.多像同學老師請教。
為了更快的入門,下面我們一起來學習一些簡單的標籤吧!
1.
段落定義標籤。2.
定義標題標籤還有 , , 等3.
定義換行標籤。
我們通過操作一起學習吧!
用記事本開啟我們前面建立的那個網頁。
在錄入
我的標題
我的標題
我的標題
我的標題
雙擊開啟,效果如下:
可見標題標籤的大小從h1到h6逐漸變小。
我們再在裡錄入
段落一
段落二
段落三
儲存預覽。
我們現在做個變換,把body裡的所有東西寫在一起,不換行,看會發生什麼情況。我們儲存預覽會發現,即使我們把他們放在了一起,但是瀏覽器還是把他們分開了,這說明標題標籤
等和段落標籤 有自動換行功能。我們再做個小例項,在標籤裡錄入
我的網頁
醉春風-IT
【儲存預覽】你可以發現我們在編寫的時候換了行,但瀏覽器並沒有幫我們換行。
那怎麼去設定換行呢?我們重新錄入下面程式碼:
我的網頁
醉春風-IT
【儲存預覽】我們會發現瀏覽器幫我們把文件換行了。
方法總結:
1.通過上面幾個簡單的例項我們不難看出html的實質,他就是一種標籤,一種人和瀏覽器交流的標籤,我們只有告訴瀏覽器這是什麼,他才能幫助我們顯示。
2.要邊學邊做,才能學得快。
寫在最後的話,相信通過這個簡單的小培訓,你已經對html有了初步瞭解和認識,好好深究吧!相信你會喜歡上他的。