1. 程式人生 > >瀏覽器介紹和一些簡單的代碼

瀏覽器介紹和一些簡單的代碼

鏈接 ebs left 火狐 需要 .com 分享 sublime tro

  一網頁主要由:1. title 題目

        2. Url 網址

        3. body 網站內容(body裏的內容靠代碼實現)

        這些內容

    4以下圖為例:

技術分享圖片

    

   5.標簽的結構:

    (1)標簽名

    (2)開始標簽<+標簽名+>

    (3)結束標簽</+標簽名+>

技術分享圖片

   6.小知識:

     (1)寫頁面,瀏覽器是頁面的環境(例子:水是魚的環境)

     (2)頁面拓展名:html

     (3)exe 應用程序拓展名

     (4)常見瀏覽器 : le 火狐 谷歌 360 歐朋

(我們在測試網頁效果時最好使用谷歌瀏覽器)

     (5)開發工具:txt(記事本)

      sublime dreamwear webstrom hbulider

    7.網頁骨架

技術分享圖片

     8.常見的標簽

      (1)標題標簽 :有6個h1到h6

          例子:<h1>中間寫內容</h1>

       (2) 圖片標簽:img

          資源分為 : 本地資源和網絡資源

          在本地資源中處於同一目錄用(./)

          在上一級目錄用(./)

技術分享圖片

           Src屬性是圖片的路徑。

           在img標簽中還可以加width標簽和height標簽

技術分享圖片

          (3)a標簽可以插入超鏈接

         比如:<a href="">百度一下</a>

         a標簽有兩個屬性:

             一個是href ,值是需要跳轉的頁面地址

            另一個是target跳轉頁面打開的方式 _blank _self(默認的)

技術分享圖片    

         (4)備註標簽:

               ld 是一種起名的方式 id="duanbingyu" ,只要是使用id起的名字,前面必須加# #duanbingyu

            

         技術分享圖片

              備註標簽除id以外還有我們常用的class 類,使用時需要用.

技術分享圖片

              起名的目的就是為了給目標添加樣式  style  其實也是屬性

              屬性:代表事物的一些特征,比如 width height color background 等

技術分享圖片

            (5)同時註意:

                1. 書寫規範 {} 是shift+【】 出來 {}

                2. 起名規範,不能用漢字起,第一個字母不能是特殊符號,第一個字母必須是英文字母

            (6)表格標簽 table

            技術分享圖片

            boder是決定邊框粗細的屬性  cellspacing 是單元格空間的屬性   cellpadding是單元格內部的邊距的屬性。

             img插入table中

技術分享圖片

              插入圖片會出現余白,怎麽解決?

技術分享圖片

              在表格中我們想要合並單元格可以使用以下兩個屬性

              colspan   水平合並單元格的個數

              rowspan  垂直合並單元格的個數

              同時若我們想在表格裏套表格

              例子:

                將相鄰的的兩個格子合並

技術分享圖片

                將另一個合並的格子隱藏

技術分享圖片

                在合並的格子中插入表格

                技術分享圖片

                修改設置

技術分享圖片

              

                 

                

          

   

    

    

  

瀏覽器介紹和一些簡單的代碼