html網(wǎng)頁(yè)中圖片怎么引入

這篇文章主要講解了“html網(wǎng)頁(yè)中圖片怎么引入”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“html網(wǎng)頁(yè)中圖片怎么引入”吧！

圖片大小是什么？
圖片大小指圖片寬度和高度改變，異樣一張圖寬度高度值大即變大，高度寬度值設(shè)置小即這張圖就會(huì)排版變小。

1、img標(biāo)簽內(nèi)直接配置寬度高度改變圖片大小

<img src=”圖片所在” width=”170” height=”110” />

在img標(biāo)簽內(nèi)直接配置width屬性與height屬性即可旋轉(zhuǎn)圖片大小

圖標(biāo)img標(biāo)簽直接設(shè)置裝備擺設(shè)width與height竄改大小

或是看到運(yùn)用width與height屬性的值是不需求單位的，單位默許為像素。

2、img標(biāo)簽內(nèi)運(yùn)用style設(shè)置裝備擺設(shè)CSS改動(dòng)大小

<img src="圖片地點(diǎn)" style="width:170px; height:110px" />

在img標(biāo)簽內(nèi)設(shè)置裝備擺設(shè)style屬性直接寫(xiě)寬度 高度CSS屬性，改變圖片的大小。

style配置寬度與高度從而扭轉(zhuǎn)大小

3、內(nèi)部css技倆旋轉(zhuǎn)圖片大小

1）、CSS代碼

.gb1 img{width:170px; height:110px}
.gb2 img{width:210px; height:160px}

2）、html代碼

<p class="gb1"><img src="//www.css5.com.cn/images201610/logo.gif" /></p>
<p class="gb2"><img src="//www.css5.com.cn/images201610/logo.gif" /></p>

3）、截圖

感謝各位的閱讀，以上就是“html網(wǎng)頁(yè)中圖片怎么引入”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)html網(wǎng)頁(yè)中圖片怎么引入這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！