基礎篇與編輯器,編程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:小茗說話 |