跟我一起學前端

2021-09-29 12:21:52 字數 1835 閱讀 4795

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.佳能官網 能系統學習攝影知識,從入門 初級 中級 高階 高階。每個頁面講解乙個知識點,結合實際的拍攝效果,深...