01HTML筆記

時間 2019-11-20
標籤 01html html 筆記欄目 HTML 简体版
原文原文鏈接
1 前端工程師是幹什麼的？
    pc頁面
    移動端頁面
    
    web開發=前端開發+後臺開發--->web應用（網站）
    後臺：數據
    前臺：負責數據展現+交互效果
2 須要學習的內容有哪些？
    工具部分： ps（處理圖片）ide（開發工具）標註工具 5%
    編程語言： html、css、javascript  95%

3 html、css、javascript是幹什麼的？做用是什麼？

    html：超文本標記語言，搭建網頁結構  （修房子--搭建框架結構）
    css：層疊樣式標，修飾html樣式 讓網頁更好看（裝修房子）
    js： 負責頁面的交互效果 （用戶和頁面產生行爲）

4 開發環境搭建
   ide（集成開發環境），寫代碼的工具，推薦hbuilder
   瀏覽器：IE（不推薦）Chrome（谷歌 推薦） Safari（蘋果）firefox （火狐）
 
5 html文檔結構
  a.html 超文本標記語言  特色：以.html結尾 
  b.文檔格式  一般成對出現
  <html>
      <head>
          <title>這個網頁是個人第一個網頁</title>
      </head>
      <body>
          hello world！！！
      </body>
  </html>
  
6 html元素之間的關係  
  html元素包括： 開始標籤<html> + 元素內容 + 結束標籤(</html>)
  父子關係、兄弟關係、子孫關係、後代關係
  特色：html元素之間是能夠無限嵌套，書寫的時候，空格寫 
 
 7 總結：
   html：超文本標記語言，超文本（和純文本相比功能比較豐富），標記（標籤），整個html文檔
   都是由標籤組成，
   如何可以學好html語言：每一個html標籤的名稱和功能，背，和學習英語26個字母同樣
 
 8 註釋（快捷鍵Ctrl+/）
   <!-- 中間寫註釋的內容 -->
   特色：註釋的內容不會被顯示到瀏覽器上
   br標籤 表示換行
   字符實體：用一些特殊的字符去代替另一些特殊字符
   
 9 標籤：要學好html就必須記住html標籤的名稱和標籤的做用
 
 名稱    做用
 html    包裹全部的其餘標籤，是html最外層的元素
 head    文檔的頭部
 title   表示網頁的標題
 body    全部的網頁內容都放在body中
 
 div     表示一個容器或者說一個盒子
 span    功能和div相似，span能夠用來裝一小段文字 和div的區別就是 在一行內顯示
 h1-h6   表示標題  數字越大 字體越小
 p       表示段落標籤
 
 hr      表示一條水平分割線
 ul li   表示無序列表
 i/em    表示斜體
 strong   表示加粗
 br      表示換行
 
 img     表示圖像標籤，能夠引入圖像
         屬性：特徵，在開始標籤後面 以  屬性名稱=「屬性值」 這種形式表示給html標籤加屬性
         img標籤必須加上 src屬性 才能把圖像展現出來
         
         alt屬性： 當圖片沒有辦法顯示的時候用來提示用戶的文字
         title屬性：當鼠標移動到圖片的時候，用來提示用戶的文字
         
 a標籤    表示超連接，能夠連接一切資源（包括網址 視頻 文字 等等）
          href屬性：  超連接的地址
          target屬性： _blank 表示新建一個瀏覽器標籤頁來顯示超連接的內容，不會覆蓋原來的網頁
  
  html的快速的入門
      1 html是什麼？html有什麼用？
      2 如何去使用html？
         a. html結構
         b. html元素之間的關係
         c. 註釋、字符實體
         d. 經常使用標籤(重點)   標籤的名稱 標籤的功能 h1 p div  img a
相關標籤/搜索
每日一句
每一个你不满意的现在，都有一个你没有努力的曾经。