本小白自學HTML基礎中比較生疏的知識點匯總:
ul無序串列的type屬性值:
disc 圓點
square 正方形
circle 空心圓
ol無序串列的type屬性值:
1
A
a
I 大寫羅馬字母
I 小寫羅馬字母
a鏈接:
<a href="">鏈接</a>
當鏈接為空的時候,點擊超鏈接會重繪頁面
title 鏈接提示文字
name 鏈接命名
錨鏈接:
<a href=https://www.cnblogs.com/createwell/p/”#錨名”>目錄
或者
<a href=https://www.cnblogs.com/createwell/p/”網頁名稱#錨名”>目錄
<a href=https://www.cnblogs.com/createwell/p/”#” name=”錨名”>內容
Sublime常用快捷鍵:
輸入!或者html,再tab鍵,可快速生成html模板
Crtl+j合并行,適合css樣式最終整理
Crtrl+z撤銷
Ctrl+y恢復撤銷
Tab縮進
Shift+tab取消縮進
th表格頭:內容居中,加粗顯示
caption表格標題,居中顯示
按照thead、tbody、tfoot的順序依次顯示
<table>
<caption></caption>
<tr>
<th></th>
</tr>
<tr>
<td></td>
</tr>
</table>
表格屬性:
width 表格寬度
align 表格相對于周圍元素的對齊方式
cellpadding 單元格邊沿與內容之間的距離
cellspacing 單元格之間的空白
frame 外側邊框屬性:
void 不顯示
above 顯示上部
below 顯示下部
hsides 顯示上部和下部
vsides 顯示左邊和右邊
lhs 顯示左邊
rhs 顯示右邊
box=border 所有四個邊
rules 內側邊框屬性:
none 沒有
groups 位于行組和列組之間
rows 行之間
cols 列之間
all 行和列之間
表格demo:
<table width="500px" border="1" bgcolor="pink" cellspacing="5" cellpadding="10" frame="vsides" rules="rows">
<caption>課程表</caption>
<tr>
<th>星期一</th>
<th>星期二</th>
<th>星期四</th>
<th>星期五</th>
</tr>
<tr>
<td>語文</td>
<td>數學</td>
<td>英語</td>
<td>生物</td>
</tr>
<tr>
<td>語文</td>
<td>數學</td>
<td>英語</td>
<td>生物</td>
</tr>
<tr>
<td>課間活動</td>
<td>課間活動</td>
<td>課間活動</td>
<td>課間活動</td>
</tr>
<tr>
<td>語文</td>
<td>數學</td>
<td>英語</td>
<td>生物</td>
</tr>
<tr>
<td>語文</td>
<td>數學</td>
<td>英語</td>
<td>生物</td>
</tr>
</table>

表格水平對齊align: center、left、 right 、justify、 char
表格垂直對齊valign: top 、middle 、bottom 、baseline
跨列colspan
跨行rowspan
表單input標簽:
file 檔案域
hidden 隱藏域
image 影像域,可以起到提交按鈕的功能
<input type=”image” src=https://www.cnblogs.com/createwell/p/””/>
可作為圖片按鈕
text單行文本域:
maxlength 用戶輸入的最大字符長度
size 文本框的寬度,以字符數為單位,默認20個字符
<select>
<option>請選擇</option>
<optgroup label=”組名”>
<option></option>
</optgroup>
</select>
multiple設定是否可多選
size 設定串列中可見項的數量
<select>標簽中設定了multiple或size屬性的話select是串列了,不是下拉選單
form的enctype屬性:提交表單前如何編碼
application/x-www-form-urlencoded 默認
multipart/form-data 有上傳file檔案時
text/plain
上圖下文可以使用自定義串列dl
圖片是dt
文字解釋是dd
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/128419.html
標籤:其他
