HTML
基礎標簽
-
字體大小 ( <h1> ---<h6>)
<h1> 我是h1 </h1>
<h2> 我是h1 </h2>
<h3> 我是h1 </h3>
<h4> 我是h1 </h4>
<h5> 我是h1 </h5>
<h6> 我是h1 </h6>
-
換行 <hr>
<hr>
-
字體形式
-
-
字體顏色：color
-
-
1.英文單詞：red，pink,blue2.RGB(值1，值2，值3)，值的范圍是：0-2553.#值1值2值3 值的取值范圍：00-FF；
-
-
<font face="楷體"size="5" color="#ffc0cb" >
廣正教育
</font>
? face：字體
? size：字體大小型號
? color：字體顏色
段落標簽
<p> 是地方各級哈爾的黑暗時代計劃發噶iu阿哥深度覆寫艾爾斯u的合法手段和規范速度放緩jar阿斯u回到法國按實際的法國阿雷很大功夫阿爾山的功夫我iu回到法國餓啊回到法國埃爾或多個
</p>
-
字體加粗,斜體，下劃線，居中
-
<!--控制字體：加粗<b></b>斜體：<i></i>下劃線<u></u>居中 ：<center></center>-->
<b>各級哈爾的黑暗時代</b>
<u>各級哈爾的黑暗時代</u>
<i>各級哈爾的黑暗時代</i><hr>
<center>
<u>各級哈爾的黑暗時代</u>
</center>
視頻音頻標簽
img圖片
<--
src:圖片地址
width:寬度比例
height：高度比例
尺寸單位：
1.px 像素
2.百分比
-->
<img src=https://www.cnblogs.com/shiguangzheng/p/"778f740c2e55e4c540828a1df3ee76b.jpg" width="20%"height="400">
video視頻
<--
src:圖片地址
width:寬度比例
height：高度比例
controls:視頻錄音播放按鈕
-->
<video src=https://www.cnblogs.com/shiguangzheng/p/"01-Maven概述.mp4" controls width="500" height="300"></video>
audio錄音
<--
height：高度比例
controls:視頻錄音播放按鈕
-->
<audio src=https://www.cnblogs.com/shiguangzheng/p/"b.mp3" controls></audio>
超鏈接標簽
-
<a></a>
<!--
href:指定訪問資源的URL
target:指定打開資源的方式
1._self:默認值，在當前頁面打開
2._blank:在空白頁面打開
-->
<a href=https://www.cnblogs.com/shiguangzheng/p/"https://www.itcast.cn" target = "_blank">點我有驚喜啊</a>
<a href=https://www.cnblogs.com/shiguangzheng/p/"https://www.itcast.cn" target = "_self">點我有驚喜啊</a>
串列標簽
有序串列
order list
<!--
有序串列：order list
<ol>定義有序串列
type：換序號
<li> 定義串列項
-->
<ol type="A">
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
<li>飲料</li>
</ol>
無序串列無序串列：unorder list
<ul type="circle "> <li>咖啡</li> <li>牛奶</li> <li>茶</li> <li>飲料</li></ul>
表格標簽
<!--table:定義表格
border:規定表格邊框的寬度
width:規定表格的寬度
cellspacing:規定單元格之間的空白
tr:定義行
align:定義表格規定的內容對齊方式
th:定義表頭單元格
td:定義單元格
rowspan:規定單元格可橫跨的行數 合并行數
colspan:規定單元格可橫跨的列數 合并列數
-->
<table width="50%" border="1" cellspacing = "0">
<tr height="50" align="center">
?
<th colspan="2">品牌</th>
<th>企業名稱</th>
</tr>
<tr height="50" align="center">
<th rowspan="3">010</th>
<th colspan="2">三只松鼠</th>
</tr>
?
<tr height="50"align="center">
?
<th>優衣庫</th>
<th>優衣庫</th>
</tr>
?
<tr height="50" align="center">
?
<th colspan="2">小米有限公司</th>
</tr>
?
</table>
表單標簽
form
action:
-
規定當前提交表單時向何處發送表單資料,URL
<!--一般都會在method中使用post,安全 無限制-->
<form action="*" , method="post">
<input type="text" name="username">
<!-- submit :提交資料-->
<input type="submit">
</form>
method:
-
規定用于發送表單資料的方式
-
-
get:請求引數會拼接在URL后邊, url的長度有限制為4KB
-
post:請求引數會在http請求協議的請求體中 , 請求引數無限制
-
表單項標簽
-
input:表單項,通過type屬性控制輸入形式
-
select:定義下拉串列,<option> 定義串列項
-
textarea:定義文本域
| type取值 | 描述 |
|---|---|
| text | 默認值,定義單行的輸入欄位框 |
| password | 定義密碼欄位:*** |
| radio | 單選按鈕 |
| checkbox | 復選按鈕框 |
| file | 檔案上傳按鈕 |
| hidden | 定義隱藏的輸入欄位 |
| submit | 定義提交按鈕,提交按鈕會把表單提交到服務器 |
| reset | 定義重置按鈕,重置按鈕會清楚表單中所有資料 |
| button | 定義可點擊按鈕 |
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/502655.html
標籤：HTML5
上一篇：前端學習筆記（一）——HTML表格（table、tr、td、th、thead、tbody、tfoot標簽）
下一篇：Docsify使用指南，使用Typora+Docsify打造最強、最輕量級的個人&團隊檔案，及免費和開源且低成本檔案工具