圖像標簽
語法:
<img src="" alt="".../>
img屬性:
src="" 顯示圖像的URL
alt="" 鼠標放在圖片上顯示的文字,用於網速太慢,src屬性中的錯誤,或者瀏覽器禁用圖像
height= 數值和百分比 圖像的高 使用百分比時,圖片高度會隨着其父元素的高變化而變化
width= 數值和百分比 圖像的寬 使用百分比時,圖片寬度會隨着其父元素的寬變化而變化
絕對路徑:從盤符開始寫的路徑。
相對路徑:圖片相對於開發網頁的路徑。
網頁與圖片同一目錄下:
<img src="1.jpg"/>
圖片在網頁上一級目錄中:
<img src="../1.jpg"/>
圖片在網頁下面一級目錄:
<img src="文件名/1.jpg"/>
超鏈接標簽
語法:
<a href="">內容</a>
當鏈接為空的時候,點擊超鏈接會刷新頁面。<a href="">刷新<a/>
href:鏈接地址,可以是內部鏈接(站內鏈接使用相對連接)或者外部鏈接(站外鏈接要用絕對鏈接)。
a的其他屬性:
target="_self" 在本窗口進行跳轉
target="_blank" 新建一個窗口
target="_top" 在框架中的原來窗口打開
target="_parent" 在框架中的父窗口進行跳轉
title="" 鼠標懸浮在鏈接上面時提示該鏈接的內容
name="" 鏈接命名,俗稱錨。在也錨時,一定要#+錨名。
同一頁面進行跳轉到的超鏈接標簽,定義錨,錨定義下那里就以錨名所在的位置為起始位置顯示在網頁第一行:
<a href="#錨名1"> 目錄1</a>
<a href="#錨名2">目錄2</a>
在頁面中有時候可以使用空連接進行定位,如:
<a name="JsText"></a>
同一網頁進行跳轉的步驟:
1,在需要跳轉的位置設置錨名(這里可以是一個空連接<a href="" name="position">產品介紹</a>)
2,在設置點擊跳轉鏈接如:<a href="#position">產品介紹</a> 注意跳轉鏈接是使用href指定要跳轉的位置。這里一定要使用#+錨名。
錨點鏈接,命名錨點使用的是name屬性值; href屬性用於指定要鏈接內容的地址.
超鏈接標簽
定義錨:(不同頁面的錨點)
1,<a href="網頁#錨名">...</a>
2,<a name="錨名">...</a>
錨鏈接和超鏈接都是使用<a>標簽定義;命名錨點使用<a>標簽的name屬性值,
使用<a>標簽的 href屬性指定要鏈接到錨點的位置,可跳轉到同一網頁和不同網頁內;超鏈接打開網頁。
跳轉到同一頁面超鏈接設置的錨位置<a href=“#錨名”>,跳轉到不同頁面中超鏈接設置的錨位置<a href=“網頁名#錨名”>。
發送郵件
使用超鏈接拓展到發送郵件(如果想要發送成功就必須安裝郵箱軟件):
<a href="mailto:304676177@qq.com">反饋意見</a>
下載文件
<a href="下載文件的地址即可下載">文件下載</a>
<a href="pictures.rar">下載文件</a>
<a href="Documents.rar">下載文件</a>
瀏覽器會根據下載地址進行判斷,如果改地址是進入官網地址進行,那就直接進入官網下載頁面。
如果是直接進行下載,那么就會直接跳出下載窗口進行下載。瀏覽器會自動判斷如何下載,再顯示窗口。
此外還可以在連接上右擊---選擇---另存為...(修改下載存放目錄)