1. 程式人生 > >2018-11-21前端學習筆記

2018-11-21前端學習筆記

一、 複習前一天學習過的標籤。(注意全域性標籤和區域性標籤的區別)
二、 HTML文字標籤(hn span p )
1、響應式程式碼。可以識別網頁在不同裝置上顯示。1、H1-h6具有和p標籤一樣的特徵,佔滿整行。多個span標籤可以同處一行,而p只能獨佔一行。
注意:p標籤上下都有一個空行,那不是塊級標籤的特徵。那只是段落p標籤獨具的特徵。
P是塊級元素,span是行內元素 ,行內元素設定寬高無效果,而塊級元素可以設定寬高。
通過css強行改變標籤元素的型別
Dsplay : block/inline-block/inline
2,、文章標籤article(此標籤用定義獨立的文章或者文件)
三、 圖片顯示標籤(img 行內塊級元素)
1、“圖片無法正常顯示時說明”/


2、如果圖片路徑錯誤會顯示圖片破損的狀態。
3、給圖片加一個title也有一個相關的說明(進一步的加強說明)。
四、超連結標籤(a行內元素)

  1. 具有使當前頁面跳轉到一個新的頁面的功能的標籤-------超連結標籤(a標籤)
  2. 不會獨佔一行,且預設情況下不能設定寬高。
    內容,
    Target-blank屬性使網頁在新視窗開啟。
    3、href的值,也就是要跳轉的檔案型別,可以是如下型別
    【一個http/https協議的網站】
    【一個站內網頁】
    【一個電子郵件地址】
    【一張圖片】
    【一個文字檔案】
    【一個應用程式】
    雖然型別很多對他而言只有兩種情況。
    A、當前瀏覽器能識別的型別(比如網路地址、圖片地址、txt文件地址。)
    B、當前瀏覽器不能識別的型別(比如:zip doc ppt)
    4、錨點連結
    5、download
    圖片下載

    File和http的區別:file是在本地瀏覽器開啟是無法進行下載的。Live sever中開啟是以網頁的形式開啟的可以下載。
    6、 void(會執行js程式碼,返回空,什麼都不做)
    7、 標籤的幾種狀態
    五、HTML框架標籤iframe
    1、基本使用
<iframe src="https://www.baidu.com/"></iframe> 2、基本屬性{ src width height frameboder scrolling(是否出現滾動條yes no auto) name } 3、iframe與a標籤的混合使用 百度 blogzl
hao123


4、 通過iframe標籤引入一個html檔案,檔案中含有一個a標籤,連結百度地址。如果此a標籤的target屬性值為” _parent 表示在框架的父級開啟頁面或檔案 __top 在框架的最頂層開啟新的頁面或檔案(若包含多個框架的巢狀) 六、作業 1、把今新學的程式碼相關的單詞總結(重點) 2、在CSDN上發表一篇部落格 3、通過錨點連結做一個自己的個人介紹頁面 4、實現一個a標籤與iframe的混合使用介面