一.Html高級標籤
1表格的作用
用於固定文本或圖像的位子,用表格來進行佈局。這個是很通用的方式。
開始的工作是繪製表格,將整個頁面化爲若干區域。再進行填充。
一些大網站的首頁都是使用表格來設計內容的。只是將邊框設爲0就可以了。
<table></table>
表格中每一行<tr></tr>
表格中一行當中的一列<td></td>
表格中有一系列屬性,可以在VS中找到。
<caption>是標題
2.分幀的作用
將一個瀏覽器文檔窗口分隔成爲多個窗口,每個窗口都可以顯示一個獨立的網頁文件。
<frameset rows(行,橫着分) or cols(列,豎着分)=”30%,*”>
<frame src=”1.html” noresize(不能拉昇)>
<frame>
</frameset>
上面這段語句就是來劃分一個窗口,劃分爲2個,一個佔三成,一個是七成。
但是這段語句是不能存在於BODY標籤中。
這個框架分幀窗口在VS中可以直接創建。
<iframe>和<frame>類似。Iframe標籤有一個非常有用的顯示效果。就是在frame中創建一個新的窗口,造成畫中畫的效果。如
<iframe src=”1.html” name=”iframe1” /frame>
<a href=”sina.com” target=”iframe1” /a>
這樣,一個類似於瀏覽器的窗口嵌在了iframe1中。他以前顯示的是1.html.後來被顯示了sina的內容。
3.表單標籤
<form action=http://sina.com/chuli.cgi method=“get” or “post”>action表示服務器端用這個地址文件來進行處理這個表單 提交方式也包括get 和post post方式比get方式傳遞的數據大得多。
</form>
<input type=text name=sex>這是個文本輸入框
<input type=submit>
<input type=checkbox
<input type=reset
Type還可以是 password
File 這個是上傳文件用的 但是提交要改爲post
Image圖形
<select>複選框 這個是一個下拉框的
<option></option>
</select>
<textarea>
</textarea> 屬性cols,rows(定義輸入框內容的行數和列數,如果實際輸入超出範圍則會有滾動條) 文本輸入框
當有的時候左右內容不能水平對稱的時候可用table來對內容進行規劃。則可以讓zuoyou 內容更適合展示。
<label>
二 頭元素
位於head 裏面的元素
<title> 標籤對 用於顯示title信息
<base href=”http://www.sina.com.cn/image”> 用於指定網頁中的超鏈接的基準地址。那麼在下文其他相對地址前面就會自動加上這個地址
<link> 定義當前文檔和另一個文檔或資源之間的關係。比如說js文件的引用。
在收藏夾裏網站的圖標在link裏 <link REL=:shortcut Icon” href=”1.ico”>16*16像素的。
<meta> 插入網頁的描述信息
Keyword屬性
<meta name=”keywords” content=”vs.java,培訓”>
Description屬性
<meta name=”description” content=”vs的一個培訓介紹”>
搜索引擎根據keywords在搜索到了內容之後,description就會出現在下面的內容介紹中。
Content-type屬性
<meta http-equiv=”content-type” content=”text/html”;charset=gb2312>告訴瀏覽器使用國標2312
Refresh屬性
<meta http-equiv=”refresh” content=”1”;>這個是每隔一秒鐘都進行刷新一次網頁
<meta http-equiv=”refresh” content=”1”;url=”http://www.sina.com.cn”>過了1秒鐘後會自動跳轉到這個sina網頁
Expires屬性
這個屬性瀏覽器緩存網頁的一個時間,設爲0則不緩存。
Page-enter屬性和page-exit屬性
這2個屬性用來定義瀏覽器顯示網頁時候網頁呈現出來的一個效果。這個是非常有意思的一個功能。
三 分區標籤
<div></div>表示一個區域塊,裏面可以包含所有html元素。對一個區域標籤的屬性都添加某些屬性,那麼我們使用div把他們圈起來,再在DIV上設置這個屬性就可以了。
主要是用於CSS和客戶端腳本編程
<span></span>是一個文本級的元素,將一組單詞進行分隔處理的時候就用這個。
同樣,DIV和span都可以用來區分。但是DIV是用來區分塊,就是說一個區域。分得的一個區域,再分新的一個的時候就會換行。而span是區分一段文字,比如說下面一段代碼
<div id=”client-zzx” class=”client”>
<span class=”name”>name</span>Will Liang
<span class=”tel”>tel</span> 123123
</div>
這段代碼就很好地詮釋了div 和span的一個包容關係