Introduction

HTML 指的是超文字標記語言: Hyper Text Markup Language。HTML 不是一種程式語言，而是一種標記語言,標記語言是一套標記標籤 (markup tag)。
HTML 使用標記標籤來描述網頁。HTML 文件包含了HTML 標籤及文字內容,HTML文件也叫做 web 頁面

 HTML文件的字尾名
    .html
    .htm
以上兩種字尾名沒有區別，都可以使用

Web瀏覽器

（如谷歌瀏覽器，Internet Explorer，Firefox，Safari）是用於讀取HTML檔案，並將其作為網頁顯示。

HTML輸出提醒

我們無法確定 HTML 被顯示的確切效果。螢幕的大小，以及對視窗的調整都可能導致不同的結果。

對於 HTML，您無法通過在 HTML 程式碼中新增額外的空格或換行來改變輸出的效果。

當顯示頁面時，瀏覽器會移除原始碼中多餘的空格和空行。所有連續的空格或空行都會被算作一個空格。需要注意的是，HTML 程式碼中的所有連續的空行（換行）也被顯示為一個空格。

<p>
    春眠不覺曉，
      處處聞啼鳥。
        夜來風雨聲，
          花落知多少。
</p>

輸出：
春眠不覺曉，處處聞啼鳥。夜來風雨聲，花落知多少。

瀏覽器中檢視網頁原始碼

檢視網頁如何實現的。單擊右鍵，然後選擇"檢視原始檔"（IE）或"檢視頁面原始碼"。這麼做會開啟一個包含頁面 HTML 程式碼的視窗。

視覺化的HTML頁面結構

某小皮

Html開發環境搭建

sublime text中除錯

在pycharm中除錯html

在pycharm中執行時先選擇要執行的瀏覽器

將執行時的地址http://localhost:0/pythonworkspace/HTML/test.html改為file:///E:/mine/pythonworkspace/HTML/test.html

按F10快捷鍵就可以呼叫瀏覽器看到剛才編寫的html介面了。

或者開啟用瀏覽器開啟html檔案後，按F5快捷鍵重新整理。

html線上測試

ref: