HTML 是構建萬維網的基石之一,HTML 的大量標記包括實心方塊都能為網頁制作提供強大的設計和功能。
<div style="width: 100px; height: 100px; background-color: black;"></div>
上面是一個最基本的 HTML 實心方塊代碼示例。首先,我們使用了一個<div>
標簽,這個標簽允許我們創建容器來包含其他 HTML 元素。
接下來,我們使用style
屬性來定義該實心方塊的樣式,width
代表它的寬度,height
代表它的高度,background-color
代表它的背景顏色。這里我們設定為黑色。
最后使用兩個閉合標簽</div>
來結束這個實心方塊的代碼。
<nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </nav>
除了上面這個最基本的代碼,實心方塊在 nav 和 ul 標簽中使用更加廣泛。這里我們仍然使用了<div>
標簽,但它被包含在<nav>
標簽中。nav 表示導航欄,在這里呈現為一個橫向的條條。而使用 unordered list,即無序列表。這樣做可以讓導航欄具有更好的可讀性。此外,列表項也使用了實心方塊,以幫助區分各個鏈接。
HTML 提供了非常靈活的實心方塊樣式供開發者選擇,我們可以在它們之間自由組合,從而創造出各種獨特的設計和功能,讓網頁顯得更加生動有趣。