《一個HTML兩個CSS》HTMLHTML是網頁開發的核心語言,是網頁的骨架。一個標準的HTML文檔由HTML、Head和Body三部分組成。其中HTML部分包含了文檔類型和文檔聲明。Head部分包含了網頁的標題和CSS的鏈接,以及一些元數據信息。Body部分是網頁的主要內容區域。
<!DOCTYPE html> <html> <head> <title>Example</title> <link rel="stylesheet" href="style.css"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <h1>這是標題</h1> <p>這是段落,包含了一些文字內容。</p> <img src="example.jpg" alt="Example Image"> </body> </html>CSSCSS是網頁開發中非常重要的一部分,它為網頁提供了樣式和布局。可以將選擇器和屬性添加到HTML文檔中,從而修改和控制HTML元素的樣式和布局。 下面的代碼演示了一個最基本的CSS文件,包含了一些常見的屬性和選擇器。注意,CSS樣式表必須放在<head>標簽中。
/* 定義頁面字體 */ body { font-family: Arial, sans-serif; } /* 改變標題樣式 */ h1 { font-size: 36px; color: red; } /* 改變段落樣式 */ p { font-size: 18px; color: blue; line-height: 1.5; } /* 修改圖片樣式 */ img { width: 100%; height: auto; border: 1px solid black; }總結HTML和CSS是網頁開發的基礎,掌握其中的語言和知識點,可以為網頁的開發和設計帶來很大的幫助。在實際的開發中,多實踐和嘗試,不斷更新和完善自己的技術,才能做出優秀的網頁。