標籤：
1. <h1></h1>標題，h1-h6從大到小
2. <p></p> 段落
3. <img src=“1.jpg”> 加入圖片
4.基本結構：<html>
<head>…</head>
<body>…</body>（網頁中顯示的所有內容全部在body裡）
</html>
<head>裡面含有 <title>…</title>（不顯示在頁面，顯示在標籤）
<script>…</script>
<style>…</style>
<link>
<meta>等標籤
<body>中含有<h1>
<p>
<a>
<img>等標籤
5. <!--注釋-->
6. <em>...</em>斜體, <strong>…</strong>加粗
7. <span>…</span>
用法：
在<style>中定義
span{
color:blue;
}
然後在body中使用<span>...</span>
8. <q>..</q>引用，效果與“”一樣。
9. <blockquote>…</blockquote> 引用縮近效果
10. <br>換行（有的html版本為<br />)
11. $nbsp; 空格。記憶：牛逼空格
12. <hr>段落分割線(有的html版本為<hr />
13. 聯絡地址使用<address>...</address>標籤，預設顯示為斜體
14. 單行代碼語言使用<code>..</code>
多行代碼語言使用<pre>..</pre>
15. <ul>
<li>..</li>
<li>..</li>
<li>..</li>
</ul>
效果：列表，標題開頭有小圓點
16. <ol>
<li>..</li>
<li>..</li>
<li>..</li>
</ol>
效果：列表，標題開頭數字排序
15，16記憶u點o數
17. <div>..</div>劃分模組，作用相當於一個容器，一般會加上id，<div id=“whatever”>...</div>
18. 表格
<table>(可以加上summary表格簡介文本,<table summary=“..”>)
<caption>標題文本,方便搜尋引擎</caption>
<tbody> (<tbody>…</tbody>：當表格內容非常多時，表格會下載一點顯示一點，但如果加上<tbody>標籤後，這個表格就要等表格內容全部下載完才會顯示)
<tr>(表示一行）
<td>..</td>(表示一個儲存格）
<td>..</td>
<td>..</td>
</tr>
</tbody>
</table>
給表格加上儲存格，使用css
<style type=“text/css”>
table tr td,th{border:1px solid #000;}
</style>
Sep19_html/css_imooc學習筆記_1
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
