html:《超文本標(biāo)簽語言》用來描述網(wǎng)頁標(biāo)簽、最大的標(biāo)簽,根標(biāo)簽!
head:標(biāo)簽頭
title:標(biāo)題
body:文檔主題,頁面內(nèi)容,基本都放到body
”/“關(guān)閉符,代表這個(gè)標(biāo)簽結(jié)束
標(biāo)簽一共6級:h1~h6
段落標(biāo)簽:p
換行標(biāo)簽:br /<單標(biāo)簽>常用
水平標(biāo)簽:hr /<單標(biāo)簽>
文字以粗體顯示:<strong></strong>
文字以斜體顯示:<em></em>
文字以加刪除線方式顯示:<del></del>
文字以加下劃線方式顯示:<ins></ins>
圖像標(biāo)簽:<img />單標(biāo)簽,《重點(diǎn)》
<img />標(biāo)記屬性
src:圖像的路徑
alt:圖像不能顯示時(shí)的替換文本
title:鼠標(biāo)懸停時(shí)顯示的內(nèi)容
width:圖像的寬度
height:圖像的高度
border:圖像的邊框
事例
<img src="圖片所在位置/圖像.jpg/" title="鼠標(biāo)懸停內(nèi)容” width="寬度“ height="高度” border="邊框“/>
<a></a>鏈接標(biāo)簽:anchor縮寫!
用來指定鏈接目標(biāo)url地址:href
目標(biāo)窗口彈出方式:target
外部鏈接標(biāo)簽需加:http://
內(nèi)部標(biāo)簽:<a? href=“所需跳轉(zhuǎn)網(wǎng)頁目標(biāo)”>文字</a>網(wǎng)站生成
<a href="#">我的作品地址</a>未確定目標(biāo)用#代替
<a href="跳轉(zhuǎn)目標(biāo)“ target="_blank>文字</a>窗口另外打開
_blank:新窗口
錨點(diǎn)定位
使用:<a href="# id想跳轉(zhuǎn)的目標(biāo)英文書寫”>目錄</a>
<定位地點(diǎn)標(biāo)簽加上 id="所書寫的英文id>目錄</a>
<base />單標(biāo)簽
在head中間添加<base target="_blank"/> 所有網(wǎng)站可以另外打開
如不想全部窗口打開,在<base target="_self(當(dāng)前自己的窗口)"/>
特殊字符標(biāo)簽:常用
空格- ? ? ? ? ? 版權(quán)——©
小于號(hào)——<? ? ? 大于號(hào)——>
注釋標(biāo)簽:不會(huì)顯示在瀏覽器上面
<!--語句-->
路徑:相對路徑《重點(diǎn)》
1.圖像文件和HTML位于同一個(gè)文件夾,只需輸入圖像名稱,如:<img src="名稱"/>
2.如圖像位于HTML下一級文件夾,輸入文件夾和文件名之間用/隔開,如<img src="文件夾名稱/圖像名稱"/>
3.如圖像位于HTML上一級文件夾,在文件名之前加入"../",如是上兩級,則需使用"../../"以此類推。如<img src="../名稱"/>
絕對路徑
<img src="網(wǎng)站復(fù)制圖片地址"/> 常用
無序列表 <ul>
<ul></ul>只能放<li></li>標(biāo)簽
<li></li>——列表項(xiàng)1、2、3.。。。。
<ul>
? <li>列表項(xiàng)</li>
</ul>
有序列表 <ol>
<ol>只能放<li>標(biāo)簽,會(huì)自動(dòng)生成1.2.3.標(biāo)志
<ol>
? <li>列表項(xiàng)</li>
</ol>
自定義列表:三個(gè)標(biāo)簽組成:<dl> <dt> <dd>
<dd></dd>圍繞著<dt></dt>描述
如:
<dl>
? <dt>名字(河南)</dt>
? <dd>名詞解釋:河南包括(鄭州)</dd>
? <dd>焦作</dd>
? <dt>爺爺<dt>
? <dd>奶奶</dd>
</dl>
以此類推