HTML 是什麼?


在開始學習之前:

開始之前,重要的是應該知道Windows或Unix。Windows或Unix的工作知識,使得它更容易學習HTML。

您應該熟悉:

  • 基本的文書處理,使用任何文字編輯器。

  • 如何建立目錄和檔案。

  • 如何通過不同的目錄中導航。

  • 使用的瀏覽器,如Internet Explorer或Firefox等在網際網路上瀏覽的基本認識

HTML簡介:

HTML代表超文件標示語言,它是最廣泛使用的語言寫的Web頁。正如它的名字所暗示的,HTML是一種標示語言。

  • 超文字是指到的網頁(HTML檔案)的方式,是連在一起的。當點選一個Web頁面中的連結,使用的是超文字。

  • 標示語言描述HTML如何工作。一種標示語言,只需“標記”標籤告訴Web瀏覽器如何構建它來顯示一個文字檔案。

最初,HTML開發的意圖定義結構的檔案,如標題,段落,列表和促進科學的研究人員之間的資訊共用等等。

使用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文件的開始和結束。這些標記告訴瀏覽器,整個檔案是由HTML中。這兩個標記內部,文件將被分為兩部分:

  • <head>...</head> 元素,其中包含的資訊的檔案,如檔案的標題,作者在此標籤內的檔案等資訊不顯示外面。

  • <body>...</body> 元素,其中包含的檔案,在螢幕上看到的真實內容。

HTML標籤和元素:

HTML語言是一種標示語言,我們使用了許多標籤標記文字。在上面的例子中已經看到<html>,<body>等被稱為HTML標記或HTML元素。

每個標籤由標簽名,有時還會置於開啟和關閉括號(< 和 >)的標籤屬性,所有的可選列表。最簡單的標籤是什麼比一個適當的名稱括在括號中,,如<head>和<i>更多。更複雜的標籤包含一個或多個屬性,這些屬性的標籤的指定或修改的行為。

根據標準的HTML標籤和屬性名稱是不區分大小寫。有沒有效果差異之間的<head>,<HEAD>,<HEAD>,甚至<HeaD>; 它們都是等效的。但與XHTML的情況是重要的:目前所有的標準標籤和屬性名稱以小寫。

HTML是寬鬆?

所有的瀏覽器有一個很好的處理,他們不會給出任何錯誤,如果還沒有把任何HTML標籤或屬性正確。他們會忽略該標籤或屬性,將僅適用於正確的標籤和屬性,然後顯示結果。

我們不能說,HTML是寬容的,因為這僅僅是一種標示語言,並要求格式檔案。


下一步是什麼:

下一步,會看到更詳細的基本的HTML標籤,將不得不了解HTML標籤的屬性。