HTML學習第一天
最簡單的 HTML 代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>第一個頁面</h1>
</body>
</html>
含義
HTML標籤： 成對出現，如<p>和</p>，<html>和</html>，<span>和</span>
注：<!DOCTYPE html>聲明並不是標籤，它只是告訴瀏覽器HTML是用什麼版本寫的
添加註釋：<!-- 想要註釋掉的內容 -->
<head>內：
- meta：用來提供關於HTML文檔的元數據，比如希望顯示中文時charset屬性要設爲utf-8
- title：頁面的標題
- link：引用css文件等
- script
文本元素：
- 標題：
<h1>一級標題</h1>，<h2>二級標題</h2>，以此類推，字號漸小 - 段落：與前後文本換行分隔開
<p>Hi, I'm SixInNight.</p> - 分區：
<div>塊分區</div><span>行內分區</span>
- 列表：
<ol>有序列表
<li>孫悟空</li>
<li>豬八戒</li>
<li>沙僧</li>
</ol>
<ul>無序列表
<li>小龍女</li>
<li>小浣熊</li>
<li>哪吒</li>
</ul>
樣例
- 代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>起個名字叭</title>
</head>
<body>
<div>塊1
<p>
<strong>S</strong>ix <span style="color:red">god </span><i>is </i><em>watch</em><b>ing </b>you.<br><u>Skr~~</u>
</p>
</div>
</body>
</html>
- 效果：
![在這裏插入圖片描述]()
