ajax自學筆記-html的學習

.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>是一個文本級的元素,將一組單詞進行分隔處理的時候就用這個。

同樣,DIVspan都可以用來區分。但是DIV是用來區分塊,就是說一個區域。分得的一個區域,再分新的一個的時候就會換行。而span是區分一段文字,比如說下面一段代碼

<div id=”client-zzx” class=”client”>

  <span class=”name”>name</span>Will Liang

  <span class=”tel”>tel</span> 123123

</div>

這段代碼就很好地詮釋了div span的一個包容關係

發佈了29 篇原創文章 · 獲贊 2 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章