1-1 HTML基本概念 · 前端學習筆記

# 1.HTML和CSS的概念 - HTML構成網頁的結構，即網頁由一個個HTML標簽構成 - CSS樣式負責修飾HTML標簽 # 2.HTML標簽的初認識 ~~~ //開始標簽 <body> </body> //結束標簽 ~~~ - HTML中不區分大小寫，但是我們一般都使用小寫 - HTML中的注釋不能嵌套 - HTML標簽必須結構完整，要么成對出現，要么自結束標簽 - HTML標簽可以嵌套，但是不可以交叉嵌套。自結束標簽只能嵌套在成對標簽里面，不能反過來。 ~~~ 今天天氣真不錯 今天天氣真不錯 （錯誤） ~~~ - HTML標簽中的屬性必須有值，且值必須加引號（單引號雙引號都可以） # 3.HTML的特點：語義化 [https://blog.csdn.net/njcgosling/article/details/47130723](https://blog.csdn.net/njcgosling/article/details/47130723) # 4.HTML的常見標簽 > header h1~h6 標題標簽 ![](https://i.loli.net/2019/02/27/5c76833ed70da.png) > paragraph p 段落標簽 > p標簽中的文字，默認會獨占一行，并且段與段之間會有一個間距 ~~~ hello world ~~~ > images img 單標簽特殊 ~~~ <img src="bg.jpg" alt=""> ~~~ > center標簽居中 ~~~ <center> </center> ~~~ - 分標簽是為了方便瀏覽器的渲染引擎解析 - ctrl+/ 是注釋快捷鍵 - shift+alt+ ↓ 快速復制粘貼 # 5.a標簽的四種作用 > 使用a標簽來創建一個超鏈接，最常用最重要的一個屬性是href > herf屬性：指向連接跳轉的目標地址，可以寫一個相對路徑也可以寫一個完整的地址。 ~~~ <a href="http://www.baidu.com" >百度一下</a> <a href="index.html" >回到首頁</a> ~~~ target注意含義和使用: - 使用target屬性，你可以定義被鏈接的文檔在何處顯示。可以用來指定打開鏈接的位置 a標簽中的target屬性可選值： - - _self，表示在當前窗口打開（默認值） - _blank，在新的窗口中打開鏈接 - 可以設置成一個內聯框架的name屬性值，鏈接將會在指定的內聯框架中打開 ~~~ <a href="demo03.html" target="jack" >點擊我更換</a> <iframe src="demo02.html" name="jack"></iframe> ~~~ 效果圖： ![](https://i.vgy.me/z5EHXE.gif) 下面的這行會在新窗口打開文檔： ~~~ <a href="http://www.baidu.com" target="_blank">Visit Baidu!</a> ~~~ 下面的這行會定位到錨點： ~~~ <a href="#h1"> 回到id=h1的錨點 </a> ~~~ # 特殊字符 ~~~ 在HTML中，一些如這種特殊字符是不能直接使用， ????????????????需要使用一些特殊的符號來表示這些特殊字符，這些特殊符號我們稱為實體（轉義字符串） ????????????????瀏覽器解析到實體時，會自動將實體轉換為其對應的字符 ????????????實體的語法： ????????????????&實體的名字; ????????????????????< < ????????????????????> > ????????????????????空格   ????????????????????版權符號 © ~~~