開始之前,重要的是應該知道Windows或Unix。Windows或Unix的工作知識,使得它更容易學習HTML。
您應該熟悉:
基本的文書處理,使用任何文字編輯器。
如何建立目錄和檔案。
如何通過不同的目錄中導航。
使用的瀏覽器,如Internet Explorer或Firefox等在網際網路上瀏覽的基本認識
HTML代表超文件標示語言,它是最廣泛使用的語言寫的Web頁。正如它的名字所暗示的,HTML是一種標示語言。
超文字是指到的網頁(HTML檔案)的方式,是連在一起的。當點選一個Web頁面中的連結,使用的是超文字。
標示語言描述HTML如何工作。一種標示語言,只需“標記”標籤告訴Web瀏覽器如何構建它來顯示一個文字檔案。
最初,HTML開發的意圖定義結構的檔案,如標題,段落,列表和促進科學的研究人員之間的資訊共用等等。
使用HTML需要做的是了解什麼型別的標記來得到想要的結果。
建立一個HTML文件是很簡單的。要開始編寫HTML程式碼,只需要兩件事情:一個簡單的文字編輯器和網頁瀏覽器。記事本是最基本的簡單的文字編輯器,可能會編寫一個標準的HTML。
下面是簡單的步驟來建立一個基本的HTML文件:
開啟記事本或其他文字編輯器。
在頂部的頁輸入<html>.
下一行,縮排五個空格,現在新增開放頭標記:<head>.
下一行,縮排十個空格,然後鍵入 <title> </title>.
進入到下一行,縮排五個空格的邊際和插入的閉合頭標記: </head>.
從下一行,邊距的五個間隔鍵入<body>.
現在下拉另一行並低於鍵入結束標記: </body>.
最後,進入到下一行並鍵入</html>.
在“檔案”選單上,選擇“另存為”。
在“儲存型別”選項中,選擇“所有檔案”。
將檔案命名為 template.html.
點選“儲存”。
現在基本的HTML文件,看到一些結果把下面的程式碼在標題和正文標籤。
<html> <head> <title>This is document title</title> </head> <body> <h1>This is a heading</h1> <p>Document description goes here.....</p> </body> </html> |
現在已經建立了一個HTML頁面,可以使用Web瀏覽器開啟這個HTML檔案,看到的結果。希望理解網頁是什麼,但他們是簡單的HTML檔案,其中的一些內容,可以使用Web瀏覽器呈現。
這裡 <html>, <head>,...<p>, <h1> 等. 它們叫 HTML 標籤。 HTML標記HTML文件和構建模組在隨後的章節中,我們將學習所有的HTML標籤。
註:一個HTML檔案可以擴充套件為.html 或 .htm。所以,可以使用其中之一。
<html>和</html>標記HTML文件的開始和結束。這些標記告訴瀏覽器,整個檔案是由HTML中。這兩個標記內部,文件將被分為兩部分:
<head>...</head> 元素,其中包含的資訊的檔案,如檔案的標題,作者在此標籤內的檔案等資訊不顯示外面。
<body>...</body> 元素,其中包含的檔案,在螢幕上看到的真實內容。
HTML語言是一種標示語言,我們使用了許多標籤標記文字。在上面的例子中已經看到<html>,<body>等被稱為HTML標記或HTML元素。
每個標籤由標簽名,有時還會置於開啟和關閉括號(< 和 >)的標籤屬性,所有的可選列表。最簡單的標籤是什麼比一個適當的名稱括在括號中,,如<head>和<i>更多。更複雜的標籤包含一個或多個屬性,這些屬性的標籤的指定或修改的行為。
根據標準的HTML標籤和屬性名稱是不區分大小寫。有沒有效果差異之間的<head>,<HEAD>,<HEAD>,甚至<HeaD>; 它們都是等效的。但與XHTML的情況是重要的:目前所有的標準標籤和屬性名稱以小寫。
所有的瀏覽器有一個很好的處理,他們不會給出任何錯誤,如果還沒有把任何HTML標籤或屬性正確。他們會忽略該標籤或屬性,將僅適用於正確的標籤和屬性,然後顯示結果。
我們不能說,HTML是寬容的,因為這僅僅是一種標示語言,並要求格式檔案。
下一步,會看到更詳細的基本的HTML標籤,將不得不了解HTML標籤的屬性。