在網頁制作中,HTML和CSS是兩個不可或缺的部分。HTML負責網頁的結構和內容,CSS則負責網頁的樣式和布局。下面我們來講講如何新建HTML頁面并使用CSS樣式。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的網頁</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>歡迎來到我的網頁!</h1> <p>這是一段文字。</p> </body> </html>
以上是一個基本的HTML頁面,可以看到我們在head標簽中引入了style.css文件,并在body標簽中加入了一些基本的文字和標題。
/*CSS代碼*/ body { background-color: #f2f2f2; font-family: Arial, sans-serif; } h1 { color: #333; text-align: center; } p { font-size: 14px; line-height: 1.5; text-align: justify; }
以上是一個基本的CSS樣式,可以看到我們設置了網頁的背景顏色、字體、標題顏色和段落的字體大小、行高和對齊方式。
綜上,我們可以通過HTML和CSS的結合來制作出一個精美的網頁。除了以上提到的基本內容外,HTML和CSS還有非常多的功能和語法,需要我們不斷學習和實踐。