開賽前言
鐵人賽開跑啦~
這是我第一次參加這樣的挑戰賽，心情充滿了興奮和期待。
這次挑戰賽不僅是一次技能挑戰，更是一次自我提升的機會。我期待透過挑戰賽能夠深入學習開發web前端，並將學到的知識融會貫通。我希望能在未來的30天內，逐步掌握前端開發的核心技能，並持之以恆地完成這個挑戰！
第一天我們先來認識一下HTML的基本結構
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
| 標籤 | 說明 |
|---|---|
<!DOCTYPE html> |
這是一個文件類型聲明，它告訴瀏覽器這個文件使用的是HTML5標準 |
<html lang="en"> |
最外層的根標籤，將所有網頁內容包裹在內。lang="en"定義了網頁的語言為英文。 |
<head> |
包含網頁的元數據(metadata)，像是字符編碼、頁面標題、css樣式表等。這些數據是供瀏覽器和搜尋引擎使用，不會直接顯示在網頁上 |
<meta charset="UTF-8"> |
指定頁面字符編碼為UTF-8，UTF-8是最常用的字符編碼，支持全球多種語言的字符，確保頁面能正確顯示各種文字和符號。 |
<meta name="viewport"> |
meta標籤是專為響應式設計設置的。name="viewport"屬性是告訴瀏覽器如何控制網頁再不同設備上的顯示。 |
<title> |
定義網頁的標題，會顯示在瀏覽器標題欄上。 |
<body> |
包含網頁的主要內容，將所有顯示再瀏覽器內部的內容都會放在這。 |
今天先介紹到這裡，謝謝觀看！
iThome鐵人賽
看影片追技術