桌面建立一個資料夾。打開Visual Studio Code開啟資料夾新增一個index.html，在index.html開始學習Html語法
<tag>Hello World</tag>
<!- - 文字- ->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>網頁標題</title>
</head>
<body>
</body>
</html>
<!DOCTYPE html>全名是Document Type，中文叫文件類型，宣告Html版本
用來網頁架構和內容的程式語言
指定網頁用哪個國家字體語言
<html lang="字體語言">
<html lang="en">
網站架構的元資料，包含網頁標題、字元編碼、連結相關檔案等等，提供網頁附加資訊
連結到網頁相關的檔案
<link rel="連結關係" type="檔案類型" href="檔案路徑">
<link rel="stylesheet" type="text/css" href="style.css"/>
| rel | type | href |
|---|---|---|
| 連結CSS樣式 | CSS樣式 | 連結CSS檔案 |
網頁其他資訊，提供語言、字元編碼等等
<Meta charset="utf-8">
網頁使用的編碼方式，UTF-8是字元編碼
<meta name="viewport" content="width=device-width, initial-scale=1.0">
| viewport | 網頁顯示大小和比例 |
|---|---|
| width=device-width | 網頁寬度等於裝置寬度 |
| initial-scale=1.0 | 網頁一開始設定大小顯示 |
網頁標題
整個內容都會呈現在網頁，包含圖片文字超連結等等
<style> <script>| 屬性 | <style> |
<script> |
|---|---|---|
| 用途 | 網頁樣式 | 網頁功能 |
| 語法 | CSS屬性樣式程式碼 | Javascript程式碼 |
| 功能 | 控制HTML元素外觀 | 控制HTML元素行為 |
資料來源:Html語法教學
iThome鐵人賽
看影片追技術