整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
用 Notepad 或 TextEdit 來編寫 HTML
可以使用專業的 HTML 編輯器來編輯 HTML：
不過，我們同時推薦使用文本編輯器來學習 HTML，比如 Notepad (PC) 或 TextEdit (Mac)。我們相信，使用一款簡單的文本編輯器是學習 HTML 的好方法。
通過記事本，依照以下四步來創建您的第一張網頁。
步驟一：啟動記事本
如何啟動記事本：
開始
所有程序
附件
記事本
步驟二：用記事本來編輯 HTML
在記事本中鍵入 HTML 代碼：
步驟三：保存 HTML
在記事本的文件菜單選擇“另存為”。
當您保存 HTML 文件時，既可以使用 .htm 也可以使用 .html 擴展名。兩者沒有區別，完全根據您的喜好。
在一個容易記憶的文件夾中保存這個文件，比如 w3school。
步驟四：在瀏覽器中運行這個 HTML 文件
啟動您的瀏覽器，然后選擇“文件”菜單的“打開文件”命令，或者直接在文件夾中雙擊您的 HTML 文件。
結果應該類似這樣：
用 Notepad 或 TextEdit 來編寫 HTML
可以使用專業的 HTML 編輯器來編輯 HTML：
不過，我們同時推薦使用文本編輯器來學習 HTML，比如 Notepad (PC) 或 TextEdit (Mac)。我們相信，使用一款簡單的文本編輯器是學習 HTML 的好方法。
通過記事本，依照以下四步來創建您的第一張網頁。
步驟一：啟動記事本
如何啟動記事本：
開始
所有程序
附件
記事本
步驟二：用記事本來編輯 HTML
在記事本中鍵入 HTML 代碼：
步驟三：保存 HTML
在記事本的文件菜單選擇“另存為”。
當您保存 HTML 文件時，既可以使用 .htm 也可以使用 .html 擴展名。兩者沒有區別，完全根據您的喜好。
在一個容易記憶的文件夾中保存這個文件
步驟四：在瀏覽器中運行這個 HTML 文件
啟動您的瀏覽器，然后選擇“文件”菜單的“打開文件”命令，或者直接在文件夾中雙擊您的 HTML 文件。
結果應該類似這樣：
什么是 HTML？
HTML 是用來描述網頁的一種語言。
HTML 指的是超文本標記語言 (Hyper Text Markup Language)
HTML 不是一種編程語言，而是一種標記語言 (markup language)
標記語言是一套標記標簽 (markup tag)
HTML 使用標記標簽來描述網頁
HTML 標簽
HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。
HTML 文檔描述網頁
HTML 文檔包含 HTML 標簽和純文本
HTML 文檔也被稱為網頁
HTML 標簽是由尖括號包圍的關鍵詞，比如 <html>
HTML 標簽通常是成對出現的，比如 <b> 和 </b>
標簽對中的第一個標簽是開始標簽，第二個標簽是結束標簽
開始和結束標簽也被稱為開放標簽和閉合標簽
HTML 文檔 = 網頁
我們可以使用專業的 HTML 編輯器來編輯 HTML：
Adobe Dreamweaver
Microsoft Expression Web
CoffeeCup HTML Editor
下面我們用記事本來制作一個簡單的網頁:
第一步，打開記事本
如何啟動記事本：
開始
所有程序
附件
記事本
第二步，在記事本中編輯HTML語言，如圖:
第三步，保存 HTML
在記事本的文件菜單選擇“另存為”。
當您保存 HTML 文件時，既可以使用 .htm 也可以使用 .html 擴展名。
第四步，在瀏覽器中運行這個 HTML 文件
啟動您的瀏覽器，然后選擇“文件”菜單的“打開文件”命令，或者直接在文件夾中雙擊您的 HTML 文件。
結果應該類似這樣：
這樣，一個簡單的網頁就成了。
網頁制作時用什么來表示標題呢？下面我們來看看:
HTML 標題
標題（Heading）是通過 <h1> - <h6> 等標簽進行定義的。
<h1> 定義最大的標題。<h6> 定義最小的標題。
注釋：瀏覽器會自動地在標題的前后添加空行。
注釋：默認情況下，HTML 會自動地在塊級元素前后添加一個額外的空行，比如段落、標題元素前后。
HTML 水平線
<hr /> 標簽在 HTML 頁面中創建水平線。
hr 元素可用于分隔內容。
提示：使用水平線 (<hr> 標簽) 來分隔文章中的小節是一個辦法（但并不是唯一的辦法）。
HTML 注釋
可以將注釋插入 HTML 代碼中，這樣可以提高其可讀性，使代碼更易被人理解。瀏覽器會忽略注釋，也不會顯示它們。
注釋是這樣寫的：
注釋：開始括號之后（左邊的括號）需要緊跟一個嘆號，結束括號之前（右邊的括號）不需要。
提示：合理地使用注釋可以對未來的代碼編輯工作產生幫助。
HTML 段落
段落是通過 <p> 標簽定義的。
注釋：瀏覽器會自動地在段落的前后添加空行。（<p> 是塊級元素）
提示：使用空的段落標記 <p></p> 去插入一個空行是個壞習慣。用 <br /> 標簽代替它！（但是不要用 <br /> 標簽去創建列表。不要著急，您將在稍后的篇幅學習到 HTML 列表。）
折行有什么用呢？
當然折行的主要目的是調整網頁布局，讓它看起來更美觀大方。
如果您希望在不產生一個新段落的情況下進行換行（新行），請使用 <br /> 標簽：
<br /> 元素是一個空的 HTML 元素。由于關閉標簽沒有任何意義，因此它沒有結束標簽。
background-color 屬性為元素定義了背景顏色：
<html><body style="background-color:yellow"><h2 style="background-color:red">This is a heading</h2><p style="background-color:green">This is a paragraph.</p></body></html>
font-family、color 以及 font-size 屬性分別定義元素中文本的字體系列、顏色和字體尺寸：
<html><body><h1 style="font-family:verdana">A heading</h1><p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p></body></html>
text-align 屬性規定了元素中文本的水平對齊方式。
下面我們看看中，右，左的三種對齊方式演示:
1.HTML <q> 元素定義短的引用。
瀏覽器通常會為 <q> 元素包圍引號。
2.用于長引用的 HTML <blockquote>
HTML <blockquote> 元素定義被引用的節。
瀏覽器通常會對 <blockquote> 元素進行縮進處理。
什么是超鏈接？超鏈接就是從一個頁面到另一個頁面之間跳轉的方式。
超鏈接可以是一個字，一個詞，或者一組詞，也可以是一幅圖像，您可以點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分。
當您把鼠標指針移動到網頁中的某個鏈接上時，箭頭會變為一只小手。
我們通過使用 <a> 標簽在 HTML 中創建鏈接。
有兩種使用 <a> 標簽的方式:
<a >Visit Baidu</a>
上面這行代碼顯示為：Visit Baidu
點擊這個超鏈接會把用戶帶到 Baidu 的首頁。
提示："鏈接文本" 不必一定是文本。圖片或其他 HTML 元素都可以成為鏈接。
鏈接屬性
使用 Target 屬性，你可以定義被鏈接的文檔在何處顯示。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
