Html標簽中可以通過設(shè)置寬高屬性來控制頁面中元素和容器的大小,簡單易用。下面我們來介紹一些主要的設(shè)置寬高的標簽。
<div>
在網(wǎng)頁布局中,<div>
被廣泛應(yīng)用作為容器元素,來組織和布局其他元素??梢允褂?code>style屬性設(shè)置寬高:
<div style="width: 100px; height: 50px"></div>
上面這個例子中,<div>
元素被設(shè)置了寬度為100px
,高度為50px
。
<img>
<img>
標簽常常用于展示圖片,同樣也可以通過設(shè)置寬高屬性調(diào)整其大小:
<img src="picture.jpg" alt="example" style="width: 300px; height: 200px">
這個例子中,圖片被設(shè)置為寬300px
,高200px
。
<table>
在網(wǎng)頁中展示表格時,經(jīng)常需要調(diào)整表格的寬高屬性來適應(yīng)頁面布局。可以通過<table>
標簽的style
屬性設(shè)置寬高:
<table style="width: 500px; height: 200px"></table>
這個例子中,表格被設(shè)置為寬500px
,高200px
。
以上是常用的設(shè)置寬高的標簽,通過靈活運用這些標簽的寬高屬性,能夠?qū)崿F(xiàn)豐富多樣的網(wǎng)頁布局效果。