⑴ H5的圖片標簽是什麼應該如何設置長寬高
解決方法如下:
在HTML布局時候直接在圖片img標簽加寬度和高度屬性即可控制圖片高和寬
html img圖片標簽高度寬度設置
我們可以直接在圖片標簽設置寬度width和高度height,這里需要注意的是HTML img標簽內直接設置寬度和高度值不需要html單位,默認為PX像素。
mg標簽內設置高度寬度優點直觀,對於文章內插入圖片可以利用此方法控制設置圖片高度寬度;缺點,如果圖片列表排版的這樣會增加很多HTML代碼,不便統一修改。
⑵ web前端學習HTML的圖像標記有哪些
圖像的標記屬性主要有:
<img>稱為圖像標記,用來在網頁中顯示圖像。使用方法:<img src=''路徑/文件名.圖片格式"width="屬性值"height="屬性值"border="屬性值"alt="屬性值">
<img>標記主要有以下屬性:
1:src屬性指定我們要載入的圖片的路徑,圖片的名稱以及圖片的格式
2:width屬性指定圖片的寬度
3:height屬性指定圖片的高度
4:border屬性指定圖片的邊框寬度
5:alt屬性有兩個作用:
① 如果圖像載入失敗,會用文字來代替圖像顯示。
② 搜索引擎可以通過這個屬性的文字來抓取圖片。
注意:<img>是單標記,不需要使用</img>來閉合
⑶ HTML中的圖象標簽屬性
HTML中的圖象標簽屬性
圖象可以使網頁更加生動美觀。瀏覽器可以顯示JPEG和GIF圖象,其中GIF圖象最多隻能使用256種顏色(即只能保存為8位顏
色),而JPEG格式可保存為24位,對具體連續色調的圖象有最佳效果。不過,GIF圖象雖然在圖象質量上不及JPEG圖象,但
其所佔的存儲空間下,下載速度快。因此應視不同情況而決定使用哪種格式的圖象。
在HTML文檔中插入圖象是通過<IMG>標簽來實現的。該標簽共有個9個屬性。除屬性SRC是不可預設的外,其他的屬性都是可
選的。
一,SRC屬性。SRC即Source,該屬性用以指出被引用的圖象文件所在的位置。例如:
絕對路徑表示法:<IMG SRC="http://page2000.xiloo.com/web/icon.html">
相對路徑表示法:<IMG SRC="web/icon.html">
SRC的屬性參數值就是圖像文件的URL。注意,只有當圖象文件和HTML文檔在同一目錄下時才可採用相對表示法來標識圖象文
件的位置。
二,ALIGN屬性。align屬性的參數值為top,middle,bottom.分別表示圖象相鄰的文字位於圖象的左上方,左面中間,和右下
方。例如:
<html>
<head>
<title>測試頁面</title>
</head>
<body>
<HR>
<IMG src="http://www.knowsky.com/icon.gif"ALIGN=bottom> 我的圖標好看嗎?
<br>
<HR>
<P><BR>
再看看這個怎樣?
<img src="http://www.knowsky.com/me.gif"align=top WIDTH=100 HEIGHT=100><br>
<p>
<HR>
</body>
<html>
可以將圖象換成你自己的。注意,瀏覽器默認的目錄是windows/TEMP臨時文件夾。你需要指定圖象所在的目錄。
四,ALT屬性。用戶在瀏覽網頁時,常常會為了節省時間或其他的原因選擇不下載圖片,加入ALT屬性可以在原本顯示圖片的
位置顯示一些有關於該圖象的信息。ALT屬性的參數值就是網頁編輯者希望在在原本顯示圖象的地方出現的文字信息,一般
是圖象的名稱和簡要的說明。例如。
<html>
<head>
<title>測試頁面</title>
</head>
<body>
<HR>
<IMG src="http://www.knowsky.com/icon.gif"ALIGN=bottom ALT="這是我的圖標">
你看不到吧?嘿嘿
<br>
<HR>
<P><BR>
<br><P>
</body>
</html>
五,確定圖象邊距的屬性。
<IMG>標簽用vspace和hspace這兩個屬性來確定圖象與其像鄰的對象之間的空白大小。vspace屬性用於指定圖象與其垂直方
向上相鄰對象之間的距離。hspave用來指定圖象與其水平方向相鄰對象之間的距離。這兩個屬性的參數都是數字,表示空出
距離的像素點數。
六,BORDER屬性。
瀏覽器在調用圖象時會根據瀏覽器窗口和原始圖象大小的不同給圖象加上不同寬度的邊框。我們可利用border屬性來指定圖
象邊框的寬度或者取消邊框<border=0>。border屬性的參數值也是數字,表示邊框寬度所佔的像素點數。例如:
<html>
<head>
<title>測試頁面</title>
</head>
<body>
<HR>
<IMG src="http://www.knowsky.com/me.gif"ALIGN=top border=5>
看看效果就行。
<br>
<HR>
<P><BR>
</body>
</html>
border的參數值越大邊框越大。
七,ISMAP屬性
這個屬性於文檔的超鏈接有關,我們以後在詳細講解它。
⑷ 在HTML語言中,向網頁插入圖片的標記是
例如 <img src="logo.gif" width=100 height=100 hspace=5 vspace=5 border=2 align="top" alt="Logo of PenPals Garden" lowsrc="pre_logo.gif">
src="logo.gif"
圖片來源,接受 .gif, .jpg 及 .png 格式,前兩者通行已久,後者則由 96 年開始發展, 於未來取代前兩者。若圖片檔與該 html 檔同處一目錄則只需寫上檔案名稱,否則 必須加上正確的路徑,相對或絕對均可。
width=100 height=100
設定圖片大小,此寬度及高度一般採用 pixels 作單位。通常只設為圖片的真實 大小,以免失真,若需要改圖片大小最好使用圖像編輯工具。
hspace=5 vspace=5
設定圖片邊沿空白,以免文字或其它圖片貼近。hspace 是設定圖片左右的空間, 是設定圖片上下的空間,高度採用 pixels 作單位。
border=2
圖片邊框厚度。
align="top"
調整圖片旁邊文字的位置,你可以控制文字出現在圖片的偏上方、中間、底部、 左右等,可選值:top, middle, bottom, left, right,內定為 botom。Netscape 還支持 texttop, baseline, absmiddle, absbottom,
texttop 表示圖片和文字依頂線對齊,
baseline 表示圖片對齊到目前文字行底線值,
absmiddle 表示圖片對齊到目前文字行絕對中央,
absbottom 表示圖片對齊到目前文字行絕對底部,(絕對底部是指它考慮到比如 y 、g、q 等字的下邊)。
alt="Logo of PenPal Garden"
這是用以描述該圖形的文字,若使用文字瀏覽器,由於不支持圖片,這些文字 將會代替圖片被顯示。若支持圖片的瀏覽器,當滑鼠移至圖片上該文字也會顯示。
⑸ 怎麼在網頁中插入圖片html圖片代碼
在網頁中插入圖片html圖片代碼方法:
步驟:
一、html圖片標簽語法
<imgsrc="divcss-logo-201305.gif"width="165"height="60"/>