html圖像元素的對齊屬性align|蘿卜系統下載站

網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。

【實例介紹】

html圖像元素的對齊屬性align

圖像和文字之間的對齊是通過align屬性來設定的，align的對齊方式有兩種：即絕對對齊和相對對齊。絕對對齊方式的效果和文字一樣，只有3種：居中(middle)、居左(1eft)、居右（right)。相對對齊方式是指圖像與一行文字的相對位置。

【基本語法】

【語法介紹】

(1)與其他元素不同的是圖像的align屬性既包括水平對齊方式，又包括垂直對齊方式。
(2)align的默認值為bottom。
在該語法中，align的取值如表所示。

屬性的屬性值定義
屬性                      描述
bottom                圖片的底部和當前行的文字底部對齊
top                       圖片的頂端和當前行的文字頂端對齊
middle                圖片水平中線和當前行的文字中線對齊
left                       圖片左對齊
center                 圖片水平中線和當前行的文字中線對齊
right                    圖片右對齊

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文檔</title> </head> <body> <p><img src="5.1.5.jpg" width="290" height="206" align="left" />　　本公司從事空調行業已達10余年，主要經營空調技術領域技術服務，家用和商用空調售后維修、空調清洗、空調加氟（充氟、加氟里昂、加制冷劑）、空調移機、空調安裝、空調配遙控器、空調回收一條龍服務。本公司技術力量雄厚，擁有一支具有實際經驗設計、安裝和維修保養的服務隊伍，有多年家用和商用空調專業維修經驗。我們熟悉各種空調設備的性能、維護與管理，具有優良的專業技能和服務常識，并且接受專業課程的培訓，確保各項服務質量。公司規模完善，復蓋整個臨沂。專業承接：格力、海爾、春蘭、美的、海信、松下、LG、新科、現代、奧克斯、格蘭仕、華寶、東芝、澳柯瑪、志高、三菱重工等國內外品牌空調的移機、維修、保養、加氟、安裝，以質求量，薄利多銷。價格收費標準全城最低，是您空調維修安裝時明智的選擇�？照{安裝與空調維修業務是我們多年潛心研究最專業的空調服務項目。在臨沂各地區都有網點，無節假日，24小時服務。時刻提供優質的空調維修，空調安裝，空調移機，空調加氟，空調清洗服務。技術過硬，實力雄厚。從客戶的角度出發，為客戶提供質量高、價格低、及時快捷的服務。 <br /> </p> <div align="center"></div> </body> </html>

【代碼分析】

在代碼中，加粗部分的標記是設置對齊方式，設置圖像左對齊，在瀏覽器中預覽效果，可以看出圖像是左對齊，如圖所示。

圖像元素的對齊屬性align運行效果

【素材及源碼下載】

請點擊：html圖像元素的對齊屬性align 下載本實例相關素材及源碼

網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。

溫馨提示：喜歡本站的話，請收藏一下本站！

當前位置:蘿卜系統下載站 > 網頁設計教程 > 詳細頁面

html圖像元素的對齊屬性align

本類教程下載

系統下載排行