HTML中怎么設(shè)置圖片位置

發(fā)布時(shí)間：2021-05-06 15:44:25 來(lái)源：億速云閱讀：2908 作者：Leah 欄目：web開發(fā)

今天就跟大家聊聊有關(guān)HTML中怎么設(shè)置圖片位置，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

html有什么特點(diǎn)

1、簡(jiǎn)易性：超級(jí)文本標(biāo)記語(yǔ)言版本升級(jí)采用超集方式，從而更加靈活方便，適合初學(xué)前端開發(fā)者使用。 2、可擴(kuò)展性：超級(jí)文本標(biāo)記語(yǔ)言的廣泛應(yīng)用帶來(lái)了加強(qiáng)功能，增加標(biāo)識(shí)符等要求，超級(jí)文本標(biāo)記語(yǔ)言采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來(lái)保證。 3、平臺(tái)無(wú)關(guān)性：超級(jí)文本標(biāo)記語(yǔ)言能夠在廣泛的平臺(tái)上使用，這也是萬(wàn)維網(wǎng)盛行的一個(gè)原因。 4、通用性：HTML是網(wǎng)絡(luò)的通用語(yǔ)言，它允許網(wǎng)頁(yè)制作人建立文本與圖片相結(jié)合的復(fù)雜頁(yè)面，這些頁(yè)面可以被網(wǎng)上任何其他人瀏覽到，無(wú)論使用的是什么類型的電腦或?yàn)g覽器。

Html設(shè)置圖片位置

<!DOCTYPE html>
<html>
	<head>
	</head>

	<body>
		<img src="img/1.jpg" width="200" height="150" />
		<!--這里的圖片路徑我放在網(wǎng)頁(yè)的當(dāng)前目錄-->
	</body>

</html>

使用下面代碼，設(shè)置圖片位置后

/*設(shè)置圖片的屬性*/
img {
position: absolute;
/*絕對(duì)位移*/
left: 300px;
/*left 屬性規(guī)定元素的左邊緣。該屬性定義了定位元素左外邊距邊界與其包含塊左邊界之間的偏移。*/
top: 150px;
/*top 屬性規(guī)定元素的頂部邊緣。該屬性定義了一個(gè)定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。*/

看完上述內(nèi)容，你們對(duì)HTML中怎么設(shè)置圖片位置有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注億速云行業(yè)資訊頻道，感謝大家的支持。

向AI問(wèn)一下細(xì)節(jié)

HTML中怎么設(shè)置圖片位置

html有什么特點(diǎn)

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽