a 超連結標籤
href 屬性設定超連結跳轉的位址
target 屬性 設定跳轉位址的開啟方式
_blank 新標籤頁開啟
_self 當前頁開啟 (預設值)
例如
設定錨點 使用a標籤設定跳到錨點
如果不設定元素id,則回到頂部的效果
回到頂部
例如:
新聞標題
回到ads
回到頂部
a 標籤設定空鏈結
1.空鏈結
2.js設定空鏈結
span 標籤是乙個沒有意義的標籤,如果在網頁中有特殊標記則可以使用該標籤
i ,em ,strong , var ,b 都是可以起到強調作用的標籤
i , em , var 都是斜體標籤,em的語義化權重高
strong , b 都是文字加粗,strong 表示強調
例如
一句話 i
一句話 em
一句話 strong
一句話 b
一句話 var
q 引用標籤,用來引用一句話,他和blockquote的區別是q標籤引用的是一句話,blockquote標籤引用一段話
例如
古人云:同乙個世界同乙個夢想。
pre ,code 標籤
pre 把使用者所有的操作全部渲染,格式化輸出(老標籤)
code **標籤,用來包裹一段**(不常用)
例如
床前明月光
更上一層樓
床前明月光
更上一層樓
img 標籤,用來顯示
img 標籤是乙個單標籤
src 屬性:用來設定的路徑
1.路徑分為三種
2.網路路徑
3.絕對路徑
4.相對路徑 (最常用)
./ 當前檔案所在的路徑
…/ 當前檔案所在的路徑的上一級檔案路徑
一次類推
…/…/ 上一級的上一級
在實際開發中,如果所設定的路徑為當前路徑,則可以省略
alt屬性的作用
1.當網頁無法載入資源時,作為替換的文字顯示在頁面上
2.通過alt可以網路知道當前的內容
width 設定寬度,不帶單位
height 設定高度,不帶單位
一般在實際開發中,只給設定乙個寬或者乙個高,讓對應的寬或者高按照比例自動縮放,這樣渲染出來的實質上即為按比例自動縮放的
例如:
標籤的 title 屬性 設定的標題
該屬性在各個標籤上都可以使用,當滑鼠懸浮在標籤上的時候,該屬性的值就會顯示出來,有利於seo優化
標籤分類總結:
1.塊屬性標籤(塊元素)
a.獨自佔據頁面的一行空間,並且可以通過css設定寬和高,設定寬和高以後仍然獨自佔一行
b.可以設定上下padding和上下margin
2.行屬性標籤(行元素)
a.標籤橫向排列,在同一行展示,不支援寬和高的設定,並且他的寬高有自身的內容撐開
b.不可以設定上下padding和上下margin
跟我一起學python 跟我一起學人工智慧(一)
跟我一起學人工智慧 一 文 小步 系列第一講正式開課啦,課程全都是可以實操的乾貨,到後面ai演算法 python 可以結合做出乙個簡單的人工智慧應用 因本人也對ai領域涉足不久,如文章有不妥之處還請各位大神與我多多交流,此系列文章也屬於我學習ai過程中的總結,我也會做到盡量寫出只要是高中畢業就能看懂...
跟我一起寫 Makefile
概述 什麼是makefile?或許很多winodws的程式設計師都不知道這個東西,因為那些windows的ide都為你做了這個工作,但我覺得要作乙個好的和professional的程式設計師,makefile還是要懂。這就好像現在有這麼多的html的編輯器,但如果你想成為乙個專業人士,你還是要了解h...
跟我一起學攝影
咦 好巧!我也是攝影愛好者。咱們一起學習吧。或許你也有這樣的體驗,並茂的文章更能讓人快速進入學習狀態,更何況是攝影,必須有圖。下面是我彙總的資料,必須深入淺出,拒絕一切晦澀難懂。學習課本 1.佳能官網 能系統學習攝影知識,從入門 初級 中級 高階 高階。每個頁面講解乙個知識點,結合實際的拍攝效果,深...