HTML5常用知識點

      下面我列舉了html5中的一些常用知識點,並且進行了簡單的說明。如果遇到了不懂得地方,可以在網上查找相關知識點的詳細內容。

html基本
<br>       換行
&nbsp      空格
align=""    元素的位置left,right...
<div>      塊元素
<span>     行內元素,可以更改一部分內容。
id="name"   ==》  #name{}
class="name" ==》  .name{}

表單
基本表單
<form action="">
用戶名:<input type="text" name="username" readonly><br>
<input type="submit" value="提交">
</form>
type="text"          文本
type="password" 密碼字段
type="checkbox" 複選框
type="radio"        單選框
type="submit "    提交按鈕 
type="comment "文本框
type="number"包含數字值的輸入字段
type="date"   日期
type="color"   顏色
type="time"    時間
type="search"  搜索
type="url"      url地址
action=""             提交的頁面
name=""              標識名稱
value=""               初始值
size="40"     輸入字段尺寸
maxlength="10" 規定輸入最大長度
readonly         只讀,不需要值
disabled         禁用,不需要值
表單元素
<form action="">
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
<input type="submit">
</form>
<select>   下拉選擇一個選項    
<option> 元素定義待選擇的選項

<textarea>定義多行輸入文本域

<button>  定義可點擊的按鈕
<datalist> 爲 <input> 元素規定預定義選項列表

常用文本格式Tag
<b>        粗體bold
<i>         斜體italic
<del>     文字當中劃線表示刪除
<ins>      文字下劃線表示插入
<sub>    下標
<sup>    上標
<blockquote>  縮進表示引用
<pre>              保留空格和換行
<code>           表示計算機代碼,等寬字

超鏈接
<a href="url" target=_blank title = "">首頁</a>
target=_blank        在一個新窗口裏打開鏈接文件
title = ""                鼠標懸停時,顯示該超鏈接的文字註釋
name="C1             跳轉到一個文件的指定部位
<a href="#C1">

資源路徑
HTML相對路徑(Relative Path)
當前目錄        href = "index.html"
上級目錄        href = "../index.html"
                     一個../表示一個上級,可以多個
下級目錄        href = "html/index.html"
HTML絕對路徑(Absolute Path)
www根目錄下    http://www.admin5.com/html   

圖像
<img src="bg.jpg" alt="backgroup"
alt=""    替換文本


表格
<table border="1" frame="box">
<caption>我的標題</caption>
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
<th>               表頭(列名)
<tr>                行(row)
<td>                列(cell)
border="1"      邊框,默認無邊框
<caption>       標題
frame="box"   框架,顯示邊框
frame="above"顯示上邊框
frame="below"下邊框
frame="hsides"上下邊框
frame="vsides"左右邊框

列表
無序列表
<ul type="disc">
<li>Coffee</li>
<li>Milk</li>
</ul>
type=""    類型

有序列表
<ol type="A>
<li>Coffee</li>
<li>Milk</li>
</ol>
type=""    類型

定義列表
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>


內聯框架
<iframe src="url" width="200" height="200"></iframe>
<iframe>在網頁內顯示網頁。

<head>元素
可添加<title>、<base>、<link>、<meta>、<script> 以及 <style>標籤
<title>    頁面標題
<base>   頁面上的所有鏈接規定默認地址或默認目標
<base href="http://www.runoob.com/images/"; target="_blank">

<link>       鏈接外部資源
<link rel="stylesheet" type="text/css" href="mystyle.css">

<style>      html內定義樣式
<mete>     針對搜索引擎的關鍵字;機器是可讀;
                  規定頁面的描述、關鍵詞、文檔的作者、最後修改時間以及其他元數據
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
<meta name="description" content="免費 Web & 編程 教程">
<meta name="author" content="Runoob">

<script>  用於定義客戶端腳本



















發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章