HTML（Hypertext Markup Language）是一種用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言。它使用標(biāo)記來(lái)描述網(wǎng)頁(yè)的內(nèi)容和結(jié)構(gòu)，從而呈現(xiàn)出人們?cè)跒g覽器中看到的實(shí)際網(wǎng)頁(yè)。HTML標(biāo)記通常由一對(duì)尖括號(hào)<>包圍，如<html>。大多數(shù)HTML標(biāo)記都是成對(duì)出現(xiàn)的，一個(gè)是起始標(biāo)記<tag>，另一個(gè)是結(jié)束標(biāo)記</tag>。HTML標(biāo)記可以嵌套使用，這意味著一個(gè)標(biāo)記可以放置在另一個(gè)標(biāo)記內(nèi)部。
CSS（Cascading Style Sheets）是一種描述網(wǎng)頁(yè)樣式的語(yǔ)言。它使用樣式規(guī)則來(lái)控制各個(gè)元素的外觀、位置、大小等方面。樣式規(guī)則將被應(yīng)用到HTML標(biāo)記中的特定元素，以便在頁(yè)面上顯示出更具吸引力的視覺(jué)效果。CSS通過(guò)將樣式指定到不同的層級(jí)來(lái)進(jìn)行級(jí)聯(lián)，這些層級(jí)可以是文檔中的元素、文檔、樣式表或用戶代理。
<!DOCTYPE html> <html> <head> <title>My Website</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <header> <h1>Welcome to My Website</h1> </header> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </nav> <main> <section> <h2>Section One</h2> <p>This is the content of section one.</p> </section> <section> <h2>Section Two</h2> <p>This is the content of section two.</p> </section> </main> <footer> <p>Copyright © 2021 My Website</p> </footer> </body> </html>