嗨各位，今天是鐵人賽第二天，我今天要開始介紹我在暑假學到的東西，還請各位多多指教。
<HTML>的基本框架首先我們先來看當你開啟你的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>
1.<!DOCTYPE html>:這是一個文檔類型聲明（Document Type Declaration），它通知瀏覽器正在處理的是HTML5文檔類型。這是HTML文檔的開頭，確保瀏覽器正確解釋文檔的內容。
2.<html lang="en">: <html>元素是HTML文檔的根元素，並且包含整個網頁的內容。lang="en"屬性設置了文檔的語言為英語（English）。這有助於瀏覽器和搜索引擎了解文檔的語言和內容。
3.<head>元素: <head>元素包含了有關網頁的元數據，這些元數據通常不會直接顯示在網頁上，而是提供了關於網頁的附加信息。
4.<meta charset="UTF-8">: 這個元素設置了文檔的字符編碼為UTF-8，確保文檔可以正確處理各種字符集，包括特殊字符和多語言文字。
-meta name="viewport" content="width=device-width, initial-scale=1.0">: 這個元素設置了視口（viewport）的屬性，它告訴瀏覽器以自適應設備寬度並初始化縮放比例為1.0的方式顯示網頁。這有助於實現響應式設計，使網頁在不同設備上看起來更好。
-<title>Document</title>: 這是網頁的標題，顯示在瀏覽器的標題欄或標籤上。通常會將標題設置為網頁的名稱。
5.<body>元素: <body>元素包含了實際的網頁內容，包括文本、圖像、超連結和其他元素。在這個範本中，<body>是空的，這意味著網頁上將不會顯示任何內容。可以在<body>中添加文本和其他HTML元素，以構建網頁內容。
我來介紹一個好用的延伸套建，這也是我一直在用的東西，我們先在vscode裡面找到這個延伸模組並下載下來。
再來把重新開啟vscode，vscode下面會出現Go live，把它點下去
只要你編寫完你的HTML，按下Ctrl+S儲存，就能不用刷新頁面同步更新你的網頁，超級實用。
那今就先介紹到這裡，我們明天的鐵人賽再見吧~
iThome鐵人賽
看影片追技術