第一章 常用HTML標籤筆記

第一章 常用HTML標籤

1、什麼是標籤

用來存儲單個意羣的界面最基本的組成部分,和他們倆都是有標籤組成的標籤的寫法是<>(英文半角小於)

2、在html標籤

列如:<div></div>  <p></p><h1></h1><meta><img/><!---->

3、標籤的存在的意義

完整性,直接能知道其完整性,
表意,每個標籤的存在都是爲了標記描述一個東西

4、單標籤和雙標籤

<p></p>段落的雙標籤

<meta>元標籤是單標籤

5、標題標籤

<h1></h1><h2></h2><h3></h3><h4></h4><h5></h5><h6></h6>
h標籤有層級關係,h1是整體界面的主題內容
一個頁面只能有一個h1標籤,權重非常大,跟字體大小沒有關係

是seo的關鍵字

6、段落標籤

<p></p>文本內容

7、強調標籤

<strong><strong>是強調標籤,展示效果加粗

是seo的關鍵字

<b><b>加粗效果標籤

8、斜體標籤

<em><em>是強調局部標籤,展示效果斜體

<i><i>展示效果斜體,用於許多的小圖標上面iconfont

<span></span>單獨設置樣式標籤

9、無序列表標籤

<ul><li></li><li></li><li></li></ul>無序列表,列表結構,沒有序號順序

type='diso','circle','square'

10、有序列表

<ol><li></li><li></li><li></li></ol>

type='1','A','i','I' start='8' reversed倒序

11、對話標籤

<dl><dt><dt><dd><dd><dt><dt><dd><dd></dl>對話標籤
注意:在視角效果上請使用樣式(CSS)調試
========================================================================

12、圖標標籤

<img> src/alt/width/height/title

scr圖片路徑
alt圖片替代文本,圖片描述,scr文件沒有找到會使用alt的文字顯示
width/height:寬度和高度,這二個屬性可以改變圖片的展示的寬高,但不能用來改變圖片的寬高.他們不是樣式,是屬性,
應該寫上圖片的實際尺寸,不加單位,他們的作用不是用來展示圖片的,是傳輸信息的,
在互聯網上搜索會獲取圖片屬性,實際尺寸進行壓縮,搜索是匹配alt文字
title圖標標題,懸浮文字.鼠標放在圖片會顯示title裏面的信息
href圖片的超鏈接
./當前路徑../上級目錄../../上上級目錄

13、超鏈接標籤

<a>超鏈接標籤
   1.鏈接: href=''網頁地址,相對路徑
   2.錨點 href='#ID名'將瀏覽位置切換到id所在的位置
   3.下載 download="" 下載鏈接地址
   4.打開方式 target='_black/_self'
 
15、特殊符號
空格:&nbsp;  瀏覽器多個空格都解析爲一個空格
小於號:&lt;
大於號:&gt;

16、html廢棄標籤

center/bgcolor/color/font/align

17、編碼規範
head 一個tab鍵縮進1格
meta 二個tab鍵縮進2格
body 一個tab鍵縮進1格 裏面的標籤遞增縮進