image 標籤 title字型 hml標籤介紹

2021-10-17 10:04:21 字數 1651 閱讀 8701

html標籤

html

1. html5的宣告方式

2.html 超文字標記語言

3.設定解碼格式

亂碼問題:

保證編碼和解碼格式統一

編碼:檔案的格式

解碼:使用什麼樣的編碼格式解析頁面的內容

4.標籤上可以新增屬性

屬性可以幫助更完整的展示標籤

屬性=""|'屬性值'

雙引號和單引號都可以,但是前後保持一致

屬性前面要條件空格

5.標籤:

單標籤|自閉合標籤:

雙標籤|閉合標籤:title

html的常用標籤

行內元素:行內元素不換行,一行顯示

align 內容水平對齊方式

left

right

center

正常屬性的文字,預設黑色,不換行,多個空格和換行識別為乙個空格,谷歌瀏覽器預設字型大小16畫素

a 超連結標籤

href 鏈結屬性 必有屬性

絕對位址

相對位址

title: 當滑鼠懸停在內容上面時候顯示的提示字

target:開啟方式

_self 當前頁面開啟

_blank 新頁面開啟

預設樣式:

鏈結沒有訪問: 字型藍色.自帶下劃線

鏈結有訪問: 字型紫色.自帶下劃線

img 影象標籤

src 影象鏈結位址 必填屬性

絕對位址

相對位址

alt:當無法正常顯示的時候的提示字

title: 當滑鼠懸停在內容上面時候顯示的提示字

width:寬度 px值為單位

height: 等比縮放 款速

span

幫助新增標籤

列表1.有序列表

ol 2.無序列表

ul ol和ul直接子元素只能為li

li中可以巢狀任何內容

更改列表項標記: ul|ol type屬性

ul:ol:1 a a i i

**屬性:

style="border-collapse: collapse" 雙線變單線

border 邊框

bordercolor 邊框顏色

width 寬

height 高

rowspan 跨行

colspan 跨列

tr 行

th **頭單元格 加粗+居中

td **題單元格

單元格可以設定寬高 對齊方式align

塊元素:前後換行

p 段落標籤

p中的內容正常顯示

前後有空白 (內外邊距css)

div 塊

塊元素正常顯示

WEB HTML標籤自帶屬性title樣式修改

最近字型版權問題,公司的 頁面要統一換字型,windows平台換成宋體 simsun mac平台換成黑體 simhei 然後,偶然留意到title的預設提示框。title的樣式是沒法使用css進行設定的,所以使用了一種折中的方法,通過給document註冊mouseover mouseout mou...

html 標籤中 title 的換行

當我們在某個特定容器中放入很多內容時,由於空間較小,此時空間不夠用,那麼通過設定title屬性是乙個很有效的選擇。1.直接填寫title內容時候 回車鍵 換行,示例 如下 html title屬性換行二 使用html title換行 1 換行 符合分別為 和 拼寫 and符號,鍵盤數字鍵7一起 井號...

html 字型標籤

html head title 字型標籤 h4 字型標籤 h4 ol li strong 加重語氣 strong li li b 加粗 b li li em 強調標記,斜體效果 em li li i 斜體標記,字型出現斜體效果 i li li u 下劃線,表示反對 u li li h4 h1 h6,...