1. 程式人生 > >2018年11月26日所學內容

2018年11月26日所學內容

1.前端的三大模組:html:結構    超文字標記語言

           css:樣式      樣式疊層表

        js(javascipt):行為      指令碼語言 

2.<DOCTOPE HTML>:   宣告文件型別      doc=document    文件       tope  型別        是單標籤     

                                    作用:瀏覽器開啟時告訴瀏覽器這是一個什麼檔案

3.    <html>   是雙標籤  根標籤

  <head>  頭標籤     是雙標籤

  <meat charset=“utf-8”>      meat  設定標籤    charset 設定編碼     utf-8   中文    單標籤

  <title>   雙標籤    標題

  <body>   身體標籤 (內容)     雙標籤    

4.標籤的三大分類

       塊級標籤:預設佔整行,可設定寬和高,div

  行內塊標籤:不預設佔整行,寬和高由內容決定,可設定寬和高,img     botton

  行內標籤:不預設佔整行,不可設定寬和高   b   spen

5.css樣式引入

  1>.行內樣式:就是把樣式屬性寫到標籤裡面

  2>.內部樣式: head標籤裡面引入style標籤

  3>.外部引入:link  rel=“stylesheet”  href  引入css路徑   

6.  class:不具有唯一性    (命名屬性)  

  id:具有唯一性      (命名屬性)  

7.src:img引入圖片

 url:引入背景圖

8. 屬性:分為直接屬性、間接屬性

     width:寬度

      height:高度  

  backgroung-color:背景顏色       back  返回;背部      也可寫background

  color      字型顏色

  display   轉換元素形態      block  塊

               inline-block  行內塊元素

               inline   行內元素

               none   隱藏

                           都可轉換元素

html的基本結構

<!DOCTYPE  HTML>     瀏覽器開啟時告訴瀏覽器這是一個什麼檔案

<html>   根標籤      雙標籤

  <head>   頭部標籤    雙標籤

    <meat  charset="utf-8"/>    設定讀取中文

       <title></title>    標題標籤      雙標籤

  </head>

  <body>   身體標籤     雙標籤

  </body>

</html>