打開工具：=> HBuilderX

選擇：文件 => 新建 => html文件 => 給html文件起個名字這裡我起 index.html ‘index是代表首頁的意思’，‘html這裡是代表文件的後綴’

這是新建立好的html文件 => 工具默認創建好了html head body標籤

h標籤：

<code>這裡從h1----h7標籤，代碼依次從h1----h7寫出來 
注意：H1在一個頁面當中只能寫一次，利於SEO，搜索引擎會爬取這個標籤中的關鍵詞/<code>

<code>瀏覽器打開127.0.0.1 查看剛才寫的index.html 網頁/<code>

<code>從以上 h1-----h7 標籤的對比，沒有標籤的文字默認狀態/<code>

<code>再來看一下編輯器裡P標籤/<code>

<code>從瀏覽器中打開看到的P標籤/<code>

<code>這裡是a標籤 在a標籤裡 href='這裡面是跳轉的鏈接，路徑'
也可以將href='www.baidu.com' 跳轉百度的鏈接
也可以將href='#' 空連接
也可以將href=‘’ /<code>

<code>> href屬性必須要寫，如果不 寫則會顯示普通文本一樣沒有任何效果
> \\# 表示當前頁面，href="#"也就是跳轉到當前頁面了 

> javascript: void(0); 執行js表達式0，並且沒有返回值，所以不會執行任何操作，而#默認表示Top位置/<code>

<code>注：
每個標籤都是有開始和結閉合
比如：a標籤 
比如：p標籤 

比如：h標籤 /<code>

<code>所有的標籤名一律小寫，雖然沒有規定html的標籤必須大小寫，但是要遵循標籤規範，
也是為了讓你的產品經理或同事能看懂，一般來說他們都會按照小寫的標籤查看，
如果你突然在裡面出現個大寫的標籤，別人一看這是什麼鬼，看著很亂，一看就是不合格的程序員，很low的/<code>

<code>代碼縮進，使閱讀代碼更加易懂 ，注意代碼的縮進整齊，讓別人能縷清你每行代碼，自己在日後修改
代碼的時候也方便，如果將代碼寫的亂亂的不整齊，到最後時間久了自己也看著費勁，容易出錯，耗時/<code>

<code>命名規範，見名之意，按照規範寫代碼，當在看到這行代碼的時候就知道是什麼意思/<code>

閱讀更多 波波雲課堂 的文章

關鍵字: 打開 程序員 瀏覽器