--HTML標籤1
文字標籤:
<h>標籤 | 標題,分為<h1>-<h6>(6級) |
<b> | 加粗 |
<u> | 下滑線 |
<s>或<strike> | 刪除線 |
<i> | 斜體 |
<sup> <sub> | 上標 下標 |
<strong> | 加粗 |
<em> | 粗體 |
<big> | 加大一號(可巢狀)<big><big>(加大二號) |
<small> | 減小一號(可巢狀)<small><small> |
<code> | 表示為程式碼段 |
<br> 或<br/> | 換行 |
<p> | 段落 |
<ruby><rt> |
添加註音的(rt在ruby裡面) |
<pare> | 與格式化文字 |
<font> | 字型 face=“字型” color size=“字號”(1-7號) |
<ul><li>有序列表: <ul>無序列表
<li> 列表中的項
屬性:type= " "
disc ----(實心小圓點)
square----(實心正方形)
circle----(實心小圓點)
<ol><li>無序列表:
屬性:type =" "
用於排序的5個值: 數字排序 1 字母排序 a A 羅馬數字排序 i I
reversed:沒有值,出現降序,不出現升序
start:設定第一項顯示的數字
<dl><dt><dd>自定義列表 (dt)definition title (dd)definition description
<dl>自定義列表
<dt>項
<dd>說明
應用:網站尾部、圖文混排
表格標籤:
<table> (表格) <tr> (表格行) <td>(表格單元格)
<table> 屬性:border(邊框寬度)="..px " width(寬度)="..px" height(高度)="..px" align(位置)="left(左)/cneter(中)/right(右)" bgcolor(背景)="顏色"
(<tr>屬性):
(<td>屬性):
align=" "
外邊框 frame ="box "
值:void 空 above 上 below 下 hside 上下 lhs 左 rhs 右 rsides 左右 box border 全部
內邊框 rules= " "
值:none 不顯示 rows 行 cols 列 all 全部
cellpadding=" " (補白)單元格內文字與邊框的距離
cellspacing=" "(間距)單元格之間的距離
<td>獨有屬性
合併行 rowspan=" " 合併列 colspan=" " nowrap 內容不折行
表格可選標籤 <thead>定義表頭 <th>表頭單元格 <tbody>表身,對錶格主體分組 <tfoot>表腳,對錶的腳的注內容進行分組
圖片標籤
<img src="imgs/xxx.jpg" width=" " alt=" ......"(替代文字,無法顯示)說明 /> (</img>)
邊框 border= " "
align=" " top 上對齊 middle=" " 中對齊 bottom 下對齊 left 文字左邊 right 文字右邊
視訊
<video src="video/xxx.mp4" .....>提示資訊</video>
controls 控制鍵 autoplay 自動播放 muted 減弱 loop迴圈
width=" "只設置一個,另一個按比例縮放。
poster="img/xxx.jpg"封面
(限流量)preload=" " 提示資訊 auto 自動下載 none不自動下載 (和poster一起使用)
metadata 只加載第一幀
聲音
<audio src="video/xxx.mp3"> </audio>
controls 控制面版
preload = " " auto 自動下載 none不自動下載 meta
autoplay 直接播放音訊 loop迴圈 source 解決不相容