HTML(Hypertext Markup Language)是一種用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)準(zhǔn)語(yǔ)言。它允許開(kāi)發(fā)人員通過(guò)將標(biāo)簽和屬性應(yīng)用于文本內(nèi)容來(lái)創(chuàng)建豐富的視覺(jué)和結(jié)構(gòu)化網(wǎng)頁(yè)。下面是一張包含HTML和img標(biāo)簽的代碼段用來(lái)顯示一張圖片。
<html> <body> <img src="https://example.com/myimage.jpg"> </body> </html>
在上面的代碼中,<img>是HTML中用于插入圖像的標(biāo)簽。該標(biāo)簽使用src屬性來(lái)指定要顯示的圖像的位置,這里指定的位置是"https://example.com/myimage.jpg"。這意味著,在將網(wǎng)頁(yè)加載到瀏覽器時(shí),它將從該URL加載圖像。
HTML的一個(gè)重要特點(diǎn)是可以嵌套標(biāo)簽,從而實(shí)現(xiàn)更復(fù)雜的布局和網(wǎng)頁(yè)結(jié)構(gòu)。下面是一個(gè)示例代碼段,展示如何將圖片放在一個(gè)帶有標(biāo)題和段落的div元素中:
<html> <body> <div> <h1>我的網(wǎng)站</h1> <p>歡迎來(lái)訪問(wèn)我的網(wǎng)站,在這里你可以找到很多有趣的內(nèi)容。</p> <img src="https://example.com/myimage.jpg"> </div> </body> </html>
在上面的代碼段中,我們使用了<div>元素來(lái)創(chuàng)建一個(gè)包裝器,里面包含了一個(gè)標(biāo)題和一個(gè)段落元素(<h1>和<p>)以及一個(gè)圖片(<img>)。這使我們能夠使用CSS樣式來(lái)設(shè)計(jì)整個(gè)內(nèi)容塊,而不僅僅是在圖片周?chē)砑右恍┖?jiǎn)單的空白。