當前位置:
首頁 > 最新 > 基礎篇與編輯器,編程HTML基礎入門竟如此簡單?

基礎篇與編輯器,編程HTML基礎入門竟如此簡單?

HTML入門篇

什麼是 HTML呢?這裡我們說一下HTML的定義

1> HTML 是用來描述網頁的一種語言。

2>HTML 指的是超文本標記語言 (HyperTextMarkupLanguage)

3> HTML 不是一種編程語言,而是一種標記語言 (markup language)

4> 標記語言是一套標記標籤 (markup tag)

5> HTML 使用標記標籤來描述網頁

HTML 標籤

HTML 標記標籤通常被稱為 HTML 標籤 (HTML tag)。

1> HTML 標籤是由尖括弧包圍的關鍵詞,比如

2> HTML 標籤通常是成對出現的,比如 和

3> 標籤對中的第一個標籤是開始標籤,第二個標籤是結束標籤

4> 開始和結束標籤也被稱為開放標籤和閉合標籤

HTML 文檔 = 網頁

1> HTML 文檔描述網頁

2> HTML 文檔包含 HTML 標籤和純文本

3> HTML 文檔也被稱為網頁

註:Web 瀏覽器的作用是讀取 HTML 文檔,並以網頁的形式顯示出它們。瀏覽器不會顯示 HTML 標籤,而是使用標籤來解釋頁面的內容:

你好


歡迎關注,一起學習!

案列模板

例子解釋

與 之間的文本描述網頁

與 之間的文本是可見的頁面內容


之間的文本被顯示為標題

之間的文本被顯示為段落

HTML編輯器

使用 Notepad 或 TextEdit 來編寫 HTML

可以使用專業的 HTML 編輯器來編輯 HTML,如:

Adobe Dreamweaver

Microsoft Expression Web

CoffeeCup HTML Editor

不過,我們同時推薦使用文本編輯器來學習 HTML,比如 Notepad (PC) 或 TextEdit (Mac)。使用一款簡單的文本編輯器是學習 HTML 的好方法。

現在,我們通過記事本,依照以下四步來創建您的第一張網頁

步驟一:啟動記事本

如何啟動記事本:

1.開始

2. 所有程序

3.附件

4.記事本

步驟二:用記事本來編輯 HTML

在記事本中鍵入 HTML 代碼:這邊有2種輸入方式

輸入方式

註:HTML 5 標籤

定義和用法

聲明必須位於 HTML5 文檔中的第一行,也就是位於 標籤之前。該標籤告知瀏覽器文檔所使用的 HTML 規範。

doctype 聲明不屬於 HTML 標籤;tag; 它是一條指令,告訴瀏覽器編寫頁面所用的標記的版本。

在所有 HTML 文檔中規定 doctype 是非常重要的,這樣瀏覽器就能了解預期的文檔類型。

HTML 4.01 中的 doctype 需要對 DTD 進行引用,因為 HTML 4.01 基於 SGML。而 HTML 5 不基於 SGML,因此不需要對 DTD 進行引用,但是需要 doctype 來規範瀏覽器的行為(讓瀏覽器按照它們應該的方式來運行。)。

步驟三:保存 HTML

在記事本的文件菜單選擇「另存為」。

當您保存 HTML 文件時,既可以使用 .htm 也可以使用 .html 擴展名。兩者沒有區別

步驟四:在瀏覽器中運行這個 HTML 文件

啟動您的瀏覽器,然後選擇「文件」菜單的「打開文件」命令,或者直接在文件夾中雙擊您的 HTML 文件。

結果應該類似這樣:

效果圖

純屬交友一起學習,歡迎小白們一起努力!

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 小茗說話 的精彩文章:

TAG:小茗說話 |