目錄
- 一、HTML及常用軟體（VSCode）
- （一）漢化VSCode
- （二）安裝運行必備插件"open in brower"
- （三）生成HTML檔案
- 二、HTML中常用標簽
- 三、HTML5新特性
一、HTML及常用軟體（VSCode）
HTML指的是超文本標簽語言
（一）漢化VSCode
? 
（二）安裝運行必備插件"open in brower"
（三）生成HTML檔案
輸入 “！回車” 即可生成下列內容
head里面title處寫的時是網頁標題
body處是網頁相關內容在此處進行編輯即可
body三個屬性： text用于設定文字顏色 color頁面背景色 background頁面背景圖片
二、HTML中常用標簽
(1) 注釋標簽
<!------注釋不會顯示在頁面上----->
(2) 段落標簽
<p>內容，有自動換行效果</p>
align 對齊方式屬性，可設定值為center,left,right
<p align="center">段落對齊方式中間</p>
(3) 換行標簽 <br/>
(4) 磁區標簽
<div>和<span>
div（塊標簽）會自動換行，span（行內標簽）不會自動換行；
div整體劃磁區塊，span區域劃磁區塊
一般與CSS聯合使用顯示效果
(5) 標題標簽
<h1>標題等級只可設定1-6</h1>
標題與標題之間產生一定的距離（后期CSS可以調舉例）
(6) 格式化標簽
<b>字體加粗</b>
<i>字體傾斜</i>
<del>洗掉線</del>
<u>下劃線</u>
(7) 水平線標簽
<hr align="center" size="1" width="200" color="red">
align 對齊方式，可設為left，center，right
size 水平線厚度（5時默認的單位，代表像素px，px是構成圖片的最小單位）
width 水平線寬度
(8) 字體標簽
<font face="宋體" size="7" color="red" >字體設定</font>
face 設定字體 size設定字體大小（1-7）
(9) 影像標簽<img>
src 圖片的路徑
width 圖片的寬度
heigh 圖片的高度
border 設定圖片的邊框
title 滑鼠懸停在圖片上時顯示圖片的基本資訊
align 對齊方式， left，right，middle，top，bottom
(10) 超鏈接標簽
<a href="" target="">href跳轉網頁地址，target可設為o _blank(在新視窗打開頁面)
或O _self(在本視窗打開頁面)</a>
發送郵件： <a href="mailto:郵件地址">發送郵件</a>
打開qq聊天視窗： <a href="tencent://message/?uin=qq號&Mrnu=yes"><img src=
"http://wpa.qq.com/pa?p=1:615050000:11">></a>
(11) 串列標簽
有序串列：<ol>里面<li> 默認123 type="A" 則ABC排序 type="I" 則 IⅡⅢ排序
(12) 表格標簽 <table> </table>
border 邊框
width 寬度
heigh 高度
cellspacing 單元格間距，通常設定為0代表表格
<tr>d單元格中的行<td>表單中的資料單元格</td></tr>
//<td>在<tr>里面，一次設定一行的單元格
colspan 列的合并，后面等于幾表示該單元格合并了幾列
rowspan 行的合并，后面等于幾表示該單元格合并了幾行
(13) 表單標簽
<form action="" method="">action表單提交目的地，method表單提交方式</form>
method: get或post
get：明文提交，只能傳輸文字不能傳送圖片
post： 密文提交，能傳送圖片也能傳送文字
<input>元素中的type屬性
text：普通的文本輸入框
placeholder：提示文本
maxlength：最多能輸入的字符數量
password：密碼輸入框
checkbox：多選框 （checked：被選中）
radio：單選按鈕
reset:重置按鈕
submit：提交按鈕
button：普通按鈕
<select>:下拉框
<option>串列中的項</option>
selected：被選中、
注意：所有表單中的元素都要有名稱，肉則提交到服務器之后無法識別，
復選框內每個都應該有相同的name值
單選框要想一次可以選擇且只能選擇一個，要有相同的那么值
(14) 框架標簽
<frameset>
<frame>
</frame>
</frameset>
三、HTML5新特性
（一)HTML5與HTML4區別
大小寫不敏感
引號可省略
省略了結尾標簽
（二）媒體標簽<video>
src:資源位置
loop：回圈播放
autoplay：自動播放
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/280961.html
標籤：區塊鏈
上一篇：一招解決Redis安裝錯誤解決方案Error installing redis: redis requires Ruby version ＞= 2.3.0.
下一篇：圖論——最小生成樹