HTML知识基础语法篇(8)
生活随笔
收集整理的這篇文章主要介紹了
HTML知识基础语法篇(8)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
HTML基礎知識
第八篇 主體內部標簽
30～34語法：
<a href=“JavaScript:…”>文字鏈接</a>
在JavaScript:后面編寫的就是具體的腳本
實例：
<a href=“javascript:window.close()”>關閉窗口</a>
拓展：
空鏈接href="#"
語法：
<a href="#">…</a>
語法：
<img src=“圖像文件的地址”>
?設置圖像屬性
[1].圖像高度——height
默認情況下改變高度時其寬度也會進行等比例調整
語法：
<img src=“圖形文件地址” heigth=“圖像高度”>
圖像高度單位是像素
[2].圖像寬度——width
語法：
<img src=“圖像文件地址” width=“圖像寬度”>
可以同時設置這兩個屬性，如果不等比例圖片會變形
[3].圖像邊框——>border
默認情況下，圖片沒有邊框
語法：
<img src=“圖像文件地址” border=“圖像邊框的寬度”>
[4].圖像水平間距——hspace
如果不使用
進行換行顯示 ，圖像會緊跟在文字后面，但是可以通過hspace進行調整
語法：
<img src=“圖像地址” hspace=“水平間距”>
[5].圖像垂直間距——vspace
語法：
<img src=“圖像地址” vspace=“垂直間距”>
[6].圖像相對文字基準線的對齊方式——align
圖像和文字之間的排列通過align參數來調整，圖像的絕對對齊方式與相對文字的對齊方式不同
絕對對齊方式：左對齊，右對齊，和居中對齊
相對對齊方式：（相對文字對齊方式）則是指圖像與一行文字的相對位置
語法：
<img src=“圖像的地址” align=“相對文字的對齊方式”>
align值：
top：把圖像的頂部和同行的最高部分對齊（可能是文本頂部，也可能是圖像頂部）
middle：把圖像的中部和行的中部對齊（通常是文本行的基線，并不是實際的行的中部）
bottom：把圖像的底部和同行文本的底部對齊
texttop：把圖像的頂部和同行中最高的文本的頂部對齊
absmiddle：把圖像的中部和同行中最大項的中部對齊
baseline：把圖像的底部和文本的基線對齊
absbottom：把圖像的底部和同行中的最低項對齊
left：使圖像和左邊界對齊（文本環繞圖像）
right：使圖像和右邊界對齊（文本環繞圖像）
示例：
這里只是部分代碼
[7].圖像的提示文字——title
當瀏覽網頁時如果圖片下載完成，把鼠標放在圖片上，一會就回顯示圖片的描述信息
語法：
<img src=“圖像地址” title=“提示文字內容”>
[8].圖像替換文字——alt
當圖片無法加載時，可以通過alt屬性在圖片的位置顯示定義的替換文字
語法：
<img src=“圖像地址” alt=“替換文字內容”>
語法：
<a href=“鏈接地址” target=“目標窗口的打開方式”><img src=“圖像文件地址”>
圖像標記中可以添加屬性
將圖像劃分成不同的區域進行鏈接設置，而包含熱區的圖像也可以稱為映射圖像
首先需要在圖像文件中設置映射圖像名，在圖像的屬性中使用<usemap>標記添加圖像要引用的映射圖像名稱
語法：
<img src=“圖像地址” usemap=“映射圖像名稱”>
然后需要定義熱區圖像以及熱區鏈接屬性
<map name=“映射圖像名稱”>
<area shape=“熱區形狀” coords=“熱區坐標” href=“鏈接地址”/>
</map>
shape：
rect：矩形
circle：圓形
poly：多邊形
coords：
rect：包含四個參數：left，top，right，bottom就是矩形的對角
circle：包含三個參數：center-x，center-y，tadius就是圓形值和半徑
poly：與多邊形有關
coords參數需要按照順序取各點x，y，可以是順時針也可以是逆時針
可添加打開新窗口的方式
<table></table>：表格標記
<tr></tr>：行標記
<td></td>：設置所使用的腳本語言，代替了language
在表格中一般通過3個標記來構建，分別是表格標記，行標記，單元格標記
表格標記：<table> </table>
表格的其他各屬性都要在表格的開始標記<table>和表格的結束標記</table>直接才有效
行標記：<tr></tr>
單元格標記：<td></td>
[1].設置表格標題——caption
語法：
<caption></caption>
在表格上方添加無邊框的行標題行，默認情況下居中
[2].表格頭——th
用來表示這一行的類別，表格的表頭內容加粗顯示，語法與<td>一樣
[3].設置表格寬度——width
默認情況下，表格的寬度是根據內容自動調整，也可以手動設置
語法：
<table width=“表格寬度”>
表格寬度可以是像素值，也可以是瀏覽器的百分比
表格高度一樣
[4].設置表格對齊方式——align
表格對齊方式用于設置調整整個表格在網頁中的位置
語法：
<table align=“表格對齊方式”>
align值：
left：左對齊
center：居中
right：右對齊
[5].設置表格邊框寬度———border
默認情況下，表格邊框不顯示，為了使表格更加清晰，可以使用border參數設置邊框寬度
語法：
<table border=“邊框寬度”>
單位是像素
由于本次的知識點較多，所以到34,
每天晚上21:00更新，有時會提前更新，原創cyz
總結
以上是生活随笔為你收集整理的HTML知识基础语法篇(8)的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： antv图形二次渲染刷新问题
- 下一篇： 浅谈浏览器插件检测 和自定义协议的支持