在今天的日常生活中,網頁是我們不可或缺的一部分。而HTML與CSS正是構成現代網頁的基石。
<html> <head> <title>網頁標題</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>歡迎來到我的網頁</h1> <p>這是一個使用HTML與CSS編寫的簡單網頁。</p> <p>HTML是Hyper Text Markup Language的簡稱,是網頁制作的基礎語言。它使用各種標簽來定義網頁內容,比如常用的<a>標簽用于鏈接,<img>標簽用于插入圖片。</p> <p>而CSS則是Cascading Style Sheets的簡稱,用于控制網頁的樣式。它可以定義網頁的顏色、字體、布局等方面,讓網頁更加美觀與易讀。</p> <p>有了HTML與CSS,我們就可以自由構建自己喜歡的網頁,展示自我與分享自己的觀點。</p> </body> </html>
在這里,我們可以看到一個簡單的HTML網頁結構,其中link標簽用于引入style.css文件,以控制網頁樣式。
body { background-color: lightblue; font-family: Arial, sans-serif; } h1 { color: white; background-color: darkblue; padding: 10px; } p { font-size: 18px; line-height: 1.5; text-align: justify; }
而這就是使用CSS定義的網頁樣式,其中我們可以看到body標簽定義了背景色與字體,h1標簽定義了標題樣式,而p標簽定義了普通文本樣式。
現在,我們可以通過HTML與CSS輕松構建出一款自己喜歡的網頁,展示自我并分享自己的觀點。
下一篇css里的pre