HTML5是目前最流行的網(wǎng)頁標記語言之一,通過HTML5和CSS的結(jié)合使用,可以創(chuàng)造更美觀、更實用的網(wǎng)頁。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的網(wǎng)頁</title> <style> body { background-color: #f2f2f2; } h1 { color: #333; text-align: center; } p { font-size: 18px; line-height: 1.5; } .container { width: 80%; margin: 0 auto; } </style> </head> <body> <div class="container"> <h1>歡迎來到我的網(wǎng)頁</h1> <p>這是我的第一個網(wǎng)頁,我使用了HTML5和CSS來構(gòu)建它。</p> <p>HTML5提供了許多新的語義標簽,例如<header>、<footer>、<section>等等,幫助我們更好地組織網(wǎng)頁內(nèi)容。</p> <p>CSS則可以幫助我們美化網(wǎng)頁,例如設置字體顏色、背景顏色、字號等等。</p> </div> </body> </html>
在上面的代碼中,我們首先使用了DOCTYPE聲明來指定使用HTML5,然后在head標簽中設置了字符編碼、標題、和CSS樣式。在style標簽中設置了網(wǎng)頁的背景顏色、標題的顏色和對其方式,以及段落的字號和行高等等。
接著在body標簽中,我們使用一個名為“container”的div標簽來包裹我們的網(wǎng)頁內(nèi)容。在這個div中,我們設置了一個標題和三個段落,分別介紹了我們使用HTML5和CSS來構(gòu)建網(wǎng)頁的相關(guān)信息。
最后一行的代碼即為完整的HTML5加CSS的網(wǎng)頁代碼。通過這些簡單的代碼,我們便可以創(chuàng)建出一個美觀、實用的網(wǎng)頁。