html學習-1 標籤
技術標籤：學習
html-1
hyper text markup language
HTML5 + css3
w3c
world wide web consortium
www.w3.org
www.chinaw3.org
標準：
結構化標準語言（html、xml）
表現標準語言（css）
行為標準（DOM文件物件模型Document Object Model、ECMAScriptECMAScript是一種由Ecma國際(前身為歐洲計算機制造商協會,英文名稱是European Computer Manufacturers Association）
IDE
工作使用webstorm
學習 idea
建立第一個網頁
刪除src、建立html：
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片儲存下來直接上傳(img-nHXX68AY-1613393296219)(C:\Users\asus\AppData\Roaming\Typora\typora-user-images\image-20210215160941206.png)]
開啟網頁：
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片儲存下來直接上傳(img-vDlVMcr0-1613393296226)(C:\Users\asus\AppData\Roaming\Typora\typora-user-images\image-20210215161011581.png)]
setting 設定瀏覽器：[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片儲存下來直接上傳(img-v7cw8gTt-1613393296230)(C:\Users\asus\AppData\Roaming\Typora\typora-user-images\image-20210215161100841.png)]
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片儲存下來直接上傳(img-1ZsnHIkT-1613393296236)(C:\Users\asus\AppData\Roaming\Typora\typora-user-images\image-20210215161914049.png)]
單獨呈現的標籤
網頁基本結構
註釋不顯示head一般表示頭部標籤
meta 表示描述性標籤，一般描述我們網站的資訊，一般用於SEO(SEO是搜尋引擎優化（Search Engine Optimization）)
title是網頁標題
body是網頁主體
塊元素：（p、h1-h6）
行內元素：（a、strong、em）
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片儲存下來直接上傳(img-qBj3bPSK-1613393296238)(C:\Users\asus\AppData\Roaming\Typora\typora-user-images\image-20210215164635086.png)]
基本標籤
<!-- 標題標籤 -->
<h1>一級標籤</h1>
<h2>二級標籤</h2>
<h3>三級標籤</h3>
<!--段落標籤-->
<p>11111111 11</p>
<p>111111 11</p>
<!--換行標籤-->
11111 1111<br/>
1111 1111<br/>
<!--水平線標籤-->
<hr/>
<!--粗體斜體-->
粗體 : <strong>11111</strong>
<br/>
斜體 ： <em>1111</em>
<br/>
<!--特殊符號-->
空 格 空      格
<br/>
＞：>
<br/>
＜：<
©；版權所有
<!--特殊符號記憶方式 & ；-->
♥
影象標籤
BMP 點陣圖
圖片地址 替代文字 懸停顯示文字
src : 圖片地址
相對地址（推薦），絕對地址
…/上一級目錄
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片儲存下來直接上傳(img-KGeZcKCe-1613393296242)(C:\Users\asus\AppData\Roaming\Typora\typora-user-images\image-20210215191533497.png)]
連線標籤
錨鏈接：
_blank 開啟新標籤
_self 在當前標籤開啟
郵箱連線：mailto
點選聯絡我
qq推廣：
列表標籤
有序
無序
定義
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>列表標籤</title>
</head>
<body>
<!--有序列表 調查問卷-->
<ol>
<li>java</li>
<li>java</li>
<li>java</li>
<li>java</li>
<li>java</li>
</ol>
<hr/>
<!--無序列表 導航側邊欄-->
<ul>
<li>java</li>
<li>java</li>
<li>java</li>
<li>java</li>
<li>java</li>
</ul>
<hr/>
<!--定義列表 公司網站底部-->
<dl>
<dt>aa</dt>
<dd>java</dd>
<dt>bb</dt>
<dd>java</dd>
<dd>java</dd>
</dl>
</body>
</html>
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片儲存下來直接上傳(img-7NqDB8ME-1613393296244)(C:\Users\asus\AppData\Roaming\Typora\typora-user-images\image-20210215202929913.png)]
列表標籤
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格標籤</title>
</head>
<body>
<!--table
行 tr
列 td
-->
<table border="1px">
<tr>
<!--colspan跨列-->
<td colspan="3">1-1</td>
</tr>
<tr>
<!--colspan跨行-->
<td rowspan="3">2-1</td>
<td>2-2</td>
<td>2-3</td>
</tr>
<tr>
<td>3-1</td>
<td>3-2</td>
<td>3-3</td>
</tr>
<td>
</table>
<br>
<table border="1px">
<tr>
<td colspan="3">成績</td>
</tr>
<tr>
<!--colspan跨行-->
<td rowspan="2">aa</td>
<td>英語</td>
<td>100</td>
</tr>
<tr>
<td>數學</td>
<td>100</td>
</tr>
<tr>
<td rowspan="2">bb</td>
<td>英語</td>
<td>100</td>
</tr>
<tr>
<td>語文</td>
<td>100</td>
</tr>
<td>
</table>
</body>
</html>
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片儲存下來直接上傳(img-07b2ss06-1613393296245)(C:\Users\asus\AppData\Roaming\Typora\typora-user-images\image-20210215204650871.png)]