HTML5 元素
超鏈接? ?
? ? 格式:<a href="鏈接地址">顯示的文字</a>
????注意:/表示以當前網頁為準的同一文件夾下的網頁,一般省略/,不寫
?????????? ./表示以當前網頁為準的同級文件夾
?????????? ../表示以當前網頁為準的上級文件夾
????title:設置當鼠標移入時,有相應的文本提示
????target:規定在何處打開鏈接文檔
????? ? ?在新窗口打開文檔
?????<a href="鏈接地址" target="_blank">在新窗口打開網頁</a>
???
錨點
? ? ( 1)、創建錨點
????????<a href="" name="錨點名字">顯示的文字</a>
? ? ?( 2)、指向錨點
????????<a href="#錨點名字“>指向錨點的文字</a>
????????注:#號的作用是與href中的鏈接地址分隔開來
框架
? ? 如何在框架中打開頁面
? ? ?(1)、給框架命名:
????????<iframe src="" frameborder="1" name="名稱">
? ? ( 2)、框架內打開:
????????<a href="網頁地址" target="名稱">顯示文字</a>
????????注:"1"表示有邊框,"0"表示無邊框
表格
? ? ?(1)格式:
????<table>
????????<caption>表格標題</caption>
????????<tr>
????????????<th>表頭</th>
????????????<td>單元格內容</td>
????????????<td>單元格內容</td>
????????????<td>單元格內容</td>
????????</tr>
????</table>
? ? (2) table常用標簽:
????????cellpadding 內表格間距,調節整個表格大小
????????cellpacing??單元格間距
????????align 對齊方式???border-collapse:collapse 合并表格邊框
form表單
(1)、基本類型<input type="text"/>文本輸入框
input 輸入框 ? ? ? ?type 類型?
常用類型:
password 密碼 submit 提交 ?reset 重置 radio 單選?
button 按鈕 ?? checkbox 復選 file 文件 ??image 圖像
email 郵件 ? ??date 日期 ? color 顏色 ??number 數字
(2)、textarea文本域
格式:
<textarea name="" id="" cols="" rows=""></textarea>
(3)、select 下拉列表
格式:
<select>
<option value="">文本</option>
</select>
selected為默認選中 multiple可選多個選項
(4)、定義域 fieldset
格式:
<fieldset>
<lengend>標題
<input type="text">
</fieldset>
(5)、form表單格式
a、<form action="表單處理程序的地址" method="get/post"></form>
get與post區別
get地址欄顯示,安全性低;post加密傳輸,安全性高
get提交方式快;post需要加密,提交方式較慢
get在http頭里面請求數據,post在http正文
b、元素label
格式:
<input type="radio" name="sex" checked="checked" id="man">
<label for="man">男人</label>
c、id、class和name的區別
id:標簽唯一標識,具有唯一性,相當于身份證 JS使用
class:標簽的名稱 前端使用
name:標簽的名稱 后臺使用
轉載于:https://www.cnblogs.com/Other/p/5303088.html
總結
- 上一篇: U-Boot 提供的基本命令
- 下一篇: css3毛玻璃模糊效果