HaaS100 OLED資訊屏顯示案例
阿新 • • 發佈：2020-12-09
-
語義化標籤（標籤的意思和使用場景）
-
對語義化標籤的理解：什麼標籤放什麼內容,h標籤放標題，p標籤放段落文字，為了讓搜尋引擎更好的抓取網頁內容，有利於seo（網站優化）；
div和span沒有任何語義 -
塊標籤:（佔據一行 上下排列）
<div></div>容器標籤
<p></p>文字標籤
h1-h6 標題標籤
<ul></ul> <li></li>無序列表
<ol></ol> <li></li>有序列表
<table></table>表格
<tr></tr>行
<td></td>單元格
<th></th>標題單元格
<form action=""></form>表單區域
行內標籤：（對區域性文字進行修飾,無法設定元素寬高）
span 行內的div
<p>hell<span>o</span> world</p>
頁面效果hello world
<em></em>傾斜
<strong></strong>加粗
a 超連結
點選a標籤是 頁面會滾動到響應ID名的元素位置
<a href="#download">下載標籤</a>
<a href="http://www.baidu.com" id="download">百度一下</a>
點選下載標籤會跳轉到http://www.baidu.com -
行內塊:
<img src="" alt="">引入圖片
<input type="text">輸入框
<select></select>選擇框 -
格式化標籤:
<center></center>內容居中
<br>換行
<pre></pre>保留程式碼縮排
6.visual studio code快捷方式
框選程式碼 ctrl+/
註釋的作用:給網頁內容新增說明
生成html基礎結構:!+tab
快速生成標籤:標籤名+tab
生成帶類名的標籤：div.box+tab
修改多處 alt+滑鼠左鍵