一.標(biāo)題
h1~h6 html4標(biāo)簽侮腹,用于headline(大標(biāo)題)
??特點:h6~h1(字體加粗又厉,并逐漸變大)
如圖:
效果九府,如圖:
h1 有特殊用途,又可以放logo,又可以放標(biāo)題,還可以增加seo(seo是搜索引擎優(yōu)化覆致,爬蟲侄旬,就是一種引擎工具,把符合他自己喜好的網(wǎng)站篷朵,排名靠前的搜索出來勾怒。喜好:html5的規(guī)范,編碼規(guī)范)
二.段落
<p></p>(paragraph) ?html4標(biāo)簽
段落中空一格声旺,或者多格,或者回車段只,都是一格
如圖:
效果:
三.圖片
img(image) ? html4標(biāo)簽
屬性
src ? source資源
1.超鏈接地址(網(wǎng)頁地址)
網(wǎng)頁中隨便找個圖片腮猖,復(fù)制鏈接地址,
如圖:
效果如圖:
2.絕對路徑(從盤符開始的路徑赞枕,如 C:\windows\system32\cmd.exe)
3.相對路徑 ?相對當(dāng)前的網(wǎng)頁
直接寫入img/圖片名稱 ?即可
如圖:
效果澈缺,如圖:
alt="圖片信息” 坪创,只有在圖片加載失敗的時候才會出現(xiàn) ?
如圖:
效果,如圖:
??title=""
四.列表 ?html4標(biāo)簽
1.有序列表
ol ? li
如圖:
效果姐赡,如圖:
type: 1/a/A/i/I ? ? ? ? ? ?start ? 開始位置
效果莱预,如圖
同理,type: 1/a/A/i/I ?都可以選擇
加入start,從第5個開始:
效果项滑,如圖:
加入reversed(倒序)
2.無序列表
ul ? ? li
type:
discircle(默認(rèn) 實心圓)
如圖:
效果:
circle(空心圓):
效果:
squre(實心方塊)同上
五.超鏈接
a href=""
1.錨點 ?#id
效果如圖:
點擊跳到:
2.超鏈接
<a href ="網(wǎng)頁地址“>第一條 </a>
3.本地頁面(相對路徑依沮,絕對路徑)
和上面
4.打電話(一般手機(jī)里用)
5.發(fā)郵件
6.協(xié)議限定符(可以執(zhí)行JS代碼)
(div)(span)搭建結(jié)構(gòu)
html5的結(jié)構(gòu)化標(biāo)簽
header,footer,section,nav
特殊字符: 空格 ? ? ? ? ? <小于 ? ? ? ? > 大于