概念
HTML 是用來描述網頁的一種語言。
默認界面
<!DOCTYPE html> {#聲明爲 HTML5 文檔}
<html lang="en"> { #元素是 HTML 頁面的根元素}
<head> { #元素包含了文檔的元(meta)數據,如 <meta charset="utf-8"> 定義網頁編碼格式爲 utf-8。}
<meta charset="UTF-8">
<title>Title</title> {# 元素描述了文檔的標題}
</head>
<body> {#元素包含了可見的頁面內容}
</body>
</html>
其他語法
<h1>我的第一個標題</h1>
我的第一個標題
<p>我的第一個段落。</p>
我的第一個段落。
<a href="http://www.xxxxx.com">這是一個鏈接</a>
<img src="https://profile.csdnimg.cn/A/3/8/1_qq_32206387" width="100" height="100" />
<br> {#換行,沒有關閉標籤的空元素}
<hr> {#標籤在 HTML 頁面中創建水平線。}
<!-- 這是一個註釋 --> {#瀏覽器會忽略註釋,更不會顯示它們}
表格示例
<table border="1"> {#定義表格}
<tr> {#由 <tr> 標籤定義行}
<th>Header 1</th> { #表格的表頭}
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td> { #定義單元格}
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
Header 1 | Header 2 |
---|---|
row 1, cell 1 | row 1, cell 2 |
row 2, cell 1 | row 2, cell 2 |
輸入
<form>
name: <input type="text" name="name"><br> {#文本域}
Password: <input type="password" name="pwd"><br> {#密碼字段}
<input type="radio" name="sex" value="male">Male<br> {#單選按鈕}
<input type="radio" name="sex" value="female">Female<br>
<input type="checkbox" name="Life" value="Comedy">Life is a comedy<br>{#複選框}
<input type="checkbox" name="Life" value="Tragedy">Life is a tragedy<br>
<input type="submit"> {#提交按鈕}
</form>