1.0
    - 注意點(diǎn)：
    - H標(biāo)簽是用來給文本添加標(biāo)題語(yǔ)義的，而不是用來修改文本樣式的
    H標(biāo)簽一共有6個(gè),從h1~h6最多就只能到6,超過6則無效
    被H系列包裹的內(nèi)容會(huì)獨(dú)占一行,在H系列的標(biāo)簽中,H1最大,H6最小
    在企業(yè)開發(fā)中,一定要慎用H系列的標(biāo)簽,特別是H1標(biāo)簽,在企業(yè)開發(fā)中
    一般情況下一個(gè)界面中只能出現(xiàn)一個(gè)H1標(biāo)簽(和SEO有關(guān))
  1.1
    如何在Webstorm中利用快捷鍵創(chuàng)建一個(gè)新的html文件
    - 同時(shí)安歇鍵盤上的ctr + Alt + Insert mac下按command + N
    - 如何在webstorm中讓光標(biāo)移動(dòng)到當(dāng)前行的末尾
    - 按下鍵盤上的end鍵即可
    
    - 如何在webstorm中讓光標(biāo)移動(dòng)到當(dāng)前行的最前面
    - 按下Home鍵即可（只針對(duì)當(dāng)前行有效，對(duì)整個(gè)文件無效）

    - 如何在webstorm中讓光標(biāo)在多行中閃爍
    - 按住alt鍵不放，然后在按下鼠標(biāo)左鍵不放，然后在拖動(dòng)鼠標(biāo)即可

    1.2 P標(biāo)簽（Paragraph）
    - 作用
    - 告訴瀏覽器那些文字是一個(gè)段落
    - 格式
    - <p>xxxxxx</p>
    
    - 注意點(diǎn)：在瀏覽器中單獨(dú)占一行

    1.3
    - ### hr標(biāo)簽（Horizontal Rule）
    - 作用：
    - 在瀏覽器中實(shí)現(xiàn)一條分割線
    - 格式
    - <hr/>
    ----
     -注意點(diǎn)：
    - 在瀏覽器中單獨(dú)占一行
    - hr標(biāo)簽可以寫/也可以不寫/，如果不寫就按照HTML的規(guī)范來編寫，如果寫就按照XHTML的規(guī)范來編寫的
    - 但是在HTML5中，由于HTML5兼容HTML和XHTML所以寫不寫都可以
    - 具體按照開發(fā)工具的提示來寫即可
    1.4
    - 如何在webstorm中快速?gòu)?fù)制光標(biāo)所在的哪一行
    - Command + D 或者control + D
    -利用command + x快速刪除光標(biāo)所在的哪一行
    - 如何在webstorm中讓標(biāo)簽包裹的一段內(nèi)容，也就是自動(dòng)在一段內(nèi)容的前后加上標(biāo)簽
    - 按下control + alt + T ，然后按下回車，然后輸入對(duì)應(yīng)的標(biāo)簽即可



    1.5
    HTML注釋：
    1.6
    img標(biāo)簽中的img其實(shí)就是英文image的縮寫
    所以image標(biāo)簽的作用就是告訴瀏覽器需要顯示一張圖片
    img標(biāo)簽的格式：<img src= "">
     其實(shí)img標(biāo)簽中的src就是source的縮寫
    所以img標(biāo)簽中的src就是用來告訴img標(biāo)簽，需要顯示圖片的來源
    注意點(diǎn)：
    和H系列的標(biāo)簽還有hr標(biāo)簽不一樣，img標(biāo)簽不會(huì)獨(dú)占一行
    width height  title alt
    寬高如果不寫，就會(huì)按照默認(rèn)的寬高進(jìn)行顯示，如果編寫寬高，那么就會(huì)按照寫入的款公安進(jìn)行顯示，但是有可能會(huì)導(dǎo)致圖片變形
    可以只寫入寬或者高，這樣系統(tǒng)默認(rèn)會(huì)適配一個(gè)的寬高，并且等比例拉伸的，所以圖片不會(huì)變形
    title:當(dāng)鼠標(biāo)停在圖片上時(shí)，需要彈出描述狂中顯示的內(nèi)容 alt就是alternate的縮寫，他的作用就是告訴瀏覽器，當(dāng)需要顯示的圖片找不到時(shí)顯示什么內(nèi)容。

    1.7 br標(biāo)簽在html中起到換行的作用
    樣式：<br>
    注意點(diǎn)：多個(gè)br標(biāo)簽可以連續(xù)使用，使用了多個(gè)br標(biāo)簽就會(huì)換多少行
    1.7.2 由于html作用就是給文本添加語(yǔ)義，而br標(biāo)簽的語(yǔ)義是不另起一行換行，而在企業(yè)開發(fā)中一般情況下?lián)Q行都是因?yàn)樾枰砥鹨恍?，所以開發(fā)中很少使用br標(biāo)簽

    1.8
    圖片的路徑問題：
    1.8.1 通過相對(duì)路徑賦值  --> 相對(duì)路徑就是每次都從.html文件所在的文件夾開始查找  ---> 我們稱之為相對(duì)路徑
    1.8.2 同級(jí) 
     同級(jí)就是圖片和.html文件同存儲(chǔ)在同一個(gè)文件夾中
    下級(jí)就是存儲(chǔ)圖片的文件夾和.html文件同在一個(gè)文件夾中
    上級(jí)  ：上級(jí)就是存儲(chǔ)圖片的位置和存儲(chǔ)代碼的文件夾在同一個(gè)文件夾中
    1.8.3 通過絕對(duì)路徑賦值
    絕對(duì)路徑就是每次都從指定的盤符開始查找
    
    注意點(diǎn)：
    1.路徑中不要出現(xiàn)中文，否則可能出現(xiàn)未知問題
    2.如果是通過相對(duì)領(lǐng)來指定圖片，不能跨盤符
    3.例如html文件在C盤，那么不能去查找D盤圖片
    
    企業(yè)開發(fā)中，如果需要編寫路徑同意使員工反斜杠，不要使用正斜杠，因?yàn)閷砦覀冮_發(fā)的程序有可能部署到其他操作系統(tǒng)的服務(wù)器上，而在其它操作系統(tǒng)中路徑都是/,所以如果你不寫的是/，可能引發(fā)問題 ，企業(yè)開發(fā)中一般不會(huì)使用絕對(duì)路徑，因?yàn)榭梢浦残圆缓茫簿褪钦f你你寫好的代碼拷貝給別人看，別人可能就不能運(yùn)行了

    1.9 a標(biāo)簽
    1.9.1 什么是a標(biāo)簽？  a標(biāo)簽的作用：就是用于控制頁(yè)面與頁(yè)面之間的跳轉(zhuǎn)
    1.9.2 a標(biāo)簽的格式：<a href = "指定需要跳轉(zhuǎn)的目標(biāo)界面">需要展現(xiàn)給用戶看的內(nèi)容</a>        
    a標(biāo)簽不僅可以讓文字點(diǎn)擊，還可以讓圖片也能夠被點(diǎn)擊，a標(biāo)簽必須有一個(gè)href屬性，否則a標(biāo)簽不知道跳轉(zhuǎn)到什么地方，如果通過a標(biāo)簽的href屬性指定一個(gè)url地址，那么必須加上http://或者h(yuǎn)ttps://

    a標(biāo)簽有一個(gè)target屬性，這個(gè)屬性的作用就是專門用于控制如何跳轉(zhuǎn)
    _self:用于當(dāng)前選項(xiàng)卡中跳轉(zhuǎn)，也就是不新建界面跳轉(zhuǎn)
    _blank：用于新的選項(xiàng)卡中跳轉(zhuǎn)，也就是新建界面跳轉(zhuǎn)
    a標(biāo)簽中還有一個(gè)屬性，叫做title，a標(biāo)簽中title和img標(biāo)簽中的title一樣，都是用來控制鼠標(biāo)懸停時(shí)顯示的提示文本的

    2.0.0 base標(biāo)簽就是專門用來通知的指定當(dāng)前網(wǎng)頁(yè)中的所有的超鏈接（a標(biāo)簽是如何打開）
    注意點(diǎn)：
    2.0.1 base 標(biāo)簽必需下載head標(biāo)簽的開始標(biāo)簽和結(jié)束標(biāo)簽之間，如果即在base中指定了target又在a標(biāo)簽中指定了target，那么瀏覽器就會(huì)按照a標(biāo)簽中的指定來執(zhí)行


    2.0.1 假鏈接
    假鏈接，就是點(diǎn)擊之后不會(huì)跳轉(zhuǎn)的鏈接，我們稱之為假鏈接，假鏈接的意義在于：在企業(yè)開發(fā)前期，其他界面都沒有寫出來，那么我們就不知道跳轉(zhuǎn)到什么地方，所以就只能使用假鏈接來代替，當(dāng)項(xiàng)目后期其他界面都已完成時(shí)再將加鏈接替換為真鏈接
    假鏈接的格式： 
    1. # 
    2.javaScript:
    兩者區(qū)別：#假的鏈接會(huì)自動(dòng)回到網(wǎng)頁(yè)頂部，而javascript：的假鏈接不會(huì)自動(dòng)回到網(wǎng)頁(yè)的頂部,可以利用這個(gè)方法，進(jìn)行置頂按鈕的設(shè)置；
    2.0.1  
    要想通過a標(biāo)簽挑戰(zhàn)到指定的位置，必須告訴a標(biāo)簽一個(gè)獨(dú)一無二的身份證號(hào)，這樣a標(biāo)簽才能在當(dāng)前界面中找到需要跳轉(zhuǎn)到的目標(biāo)位置；
  如果和html中的標(biāo)簽綁定一個(gè)獨(dú)一無二的身份證號(hào)呢？
   在html中，每一個(gè)標(biāo)簽都有一個(gè)名稱叫做id的屬性，這個(gè)屬性就是用來給標(biāo)簽指定一個(gè)獨(dú)一無二的身份證號(hào)的
    所以要想實(shí)現(xiàn)通過a標(biāo)簽跳轉(zhuǎn)到指定位置分為兩步：
    2.0.2 給目標(biāo)的標(biāo)簽添加一個(gè)id屬性，然后指定一個(gè)獨(dú)一無二的值
    2.0.3 告訴a標(biāo)簽?zāi)阈枰D(zhuǎn)到的目標(biāo)的標(biāo)簽的獨(dú)一無二的身份證號(hào)碼是多少
    格式：<a href="#center">跳轉(zhuǎn)到中部</a>
    <h2 id="center">我是中部</h2>
    注意點(diǎn)：
    1.通過我們的a標(biāo)簽跳轉(zhuǎn)到指定的位置是沒有過度動(dòng)畫的，一下子就跳轉(zhuǎn)到了指定的位置。
    2.a標(biāo)簽除了可以跳轉(zhuǎn)到當(dāng)前界面的指定位置以外，還可以跳轉(zhuǎn)到其他界面的時(shí)候直接跳轉(zhuǎn)到其他界面的指定位置
    格式：
    <a href  = "錨點(diǎn)測(cè)試界面.html#bottom" target= "_blank"> 跳轉(zhuǎn)到錨點(diǎn)測(cè)試界面></a>
    <h2 id = "bottom" > 我是錨點(diǎn)測(cè)試界面3333</h2>