DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> html的基本使用包括鏈接、樣式表、span和div等等
html的基本使用包括鏈接、樣式表、span和div等等
編輯:HTML和Xhtml     
一、鏈接
在HTML中超文本的鏈接非常重要,基本格式如下:

<A HREF="資源地址">鏈接文字</A>

1、本地鏈接
①絕對路勁:
<A HREF="C:\images\article.jpg">絕對路勁鏈接到本地圖片</A>
②相對路勁
<A HREF ="article2.jpg"> 相對路勁鏈接到本地圖片</A>
③鏈接到上一級目錄

<A HREF="../test.htm">鏈接到上一級目錄</A>

2、URL鏈接
形式:協議名://主機.域名/路勁/文件名
協議包括:
file 本地系統文件
http WWW服務器
ftp ftp服務器
telnet 基於TELNET的協議
mailto 電子郵件
news Usenet新聞組
gopher GOPHER服務器
wais WAIS服務器

如:<A HREF="http://www.baidu.com"> 百度一下</A>

3、目錄鏈接
首先把某段落設置為鏈接位置,格式為:
<A NAME="鏈接位置名稱"></A>
再調用此鏈接部分的文件,定義鏈接:
<A HREF="文件名#鏈接位置名稱">鏈接文字</A>
當然如果在一個文件內跳轉,文件名就可以省略不寫。

二、多視窗口FRAMES
使用FRAMES結構設計的HTML文件,能夠將整個窗口分成幾個獨立的小窗口,每個小窗口可分別載入不同的文件,並且可以相互溝通。
1、基本結構:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<FRAMESET>
<FRAME SRC="url">
<FRAME SRC="url">
...
</FRAMESET>
</HTML>
2、各窗口的尺寸設置
我們將窗口分割為幾塊,橫向分用ROWS屬性,縱向分用COLS屬性,每一塊的大小可以由這兩個屬性的值來實現。
<frameset cols=#>
<frameset rows=#>
#的值為一對用引號括起來的字符串,字符串中的數字表示每個窗口所占的大小,中間用逗號隔開,其中的數字也可以用"*"來代替,表示由浏覽器自動分配大小。如
<frameset cols="100,200,300">
<frameset rows="10%,20%,70%">
<frameset cols="100,*,*"> 將100像素以外的窗口平均分配
3、各窗口間的相互操作
①frame的src屬性 用來指定要鏈接的內容,name屬性指定該窗口的名字,target屬性用來指定所鏈接的文件出現在哪一窗口,其值可以是name定義的名稱,也可以是下面四類值:
<a href=url target=_blank> 顯示一個新窗口
<a href=url target=_self> 顯示在同一個窗口
<a href=url target=_parent> 顯示在Frameset的前一份文件的窗口
<a href=url target=_top> 顯示在整個浏覽器窗口
②frame的其他屬性
<frame frameborder=#> #=yes,no
frameborder指定各窗口邊框的設置:yes表示有邊框,no表示無邊框

<frame marginwidth=# marginheight=#>
#的值為像素點,該屬性用來設置窗口的上下左右邊界寬度,如不設定,由浏覽器自動決定。

<frame scrolling=#>#=yes,no,auto
滾動條設置,yes表示有,no表示沒有,auto表示由浏覽器自動設置,缺省值是auto。

<frame noresize="noresize">
noresize 屬性規定用戶無法調整框架的大小。默認地,可以通過拖動框架之間的“牆壁”來改變框架的大小,該屬性可以鎖定框架的大小。

三、樣式表
1.樣式表最重要的作用是提供了一種能使所有web頁面的樣式保持一致的方法。
樣式表的三個層次按照從低層到高層的順序依次是:
①.內置(inline)樣式表:適用於單個元素的內容
②.文檔層(document level)樣式表:適用於整個文檔的主體
③.外部(external)樣式表:可以應用在多個文檔的主體中
在使用時,如果出現沖突,低層次的樣式表具有使用上的優先權。
2.使用CSS需要注意的問題:
①有些浏覽器可能不支持某些屬性值,這時浏覽器要麼忽略這些屬性值要麼用一個可選值代替。
②內置樣式只適應單個元素,其實違背了樣式表的設計初衷,所以應該謹慎使用。
③文檔層樣式說明出現在文檔的頭部分,適用於文檔的整個主體。所以網站建設的整體風格能夠保持一致就是這麼實現的。
④外部樣式表不屬於使用它的文檔的一部分,外部樣式表需要單獨存儲,並且使用它時都要進行說明。可以使用MIME類型text/css將外部樣式表編寫成一些文本文件,它們可以存儲在因特網上的任何一台計算機中,浏覽器獲取外部樣式表就如同獲取文檔一樣。網頁首部的<link>元素也可用於指定外部樣式表,在<link>中,rel屬性用於指定被鏈接的文檔與包含改鏈接的文檔之間的關系,而href屬性用於指定樣式表文檔的URL地址。如
<link rel=stylesheet type="text/css" href="themes/AutoTheme/style.css"></link>

四、span和div
<span> 的使用
在有些情況下,要求某些特殊的字體屬性只應用於整個段落的部分文本,比如把某個字或詞組設置為不一樣的字體或背景等等。這是就可以使用<span>元素,比如:
<p>我非常喜歡<span style="font-size:24pt;font-family:黑體;color:red">編程</span>,這是一件非常愉快的事。</p>

<div>的使用
在網頁中,節是很常見的形式,每節由若干段落構成,若在設計中,希望不僅是對各個段落,而是可以對網頁中的節進行樣式設置。這時就可以使用<div>,它的主要用途是指定網頁中某節或某區域的外觀展示細節。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved