html的基本使用包括鏈接、樣式表、span和div等等
發(fā)布時間：2013-10-18 16:51:15 作者：佚名 
我要評論
我要評論html的基本使用包括鏈接、多視窗口FRAMES、樣式表、span和div等等，在本文已給出詳細的使用介紹，感興趣的朋友可以參考下，希望對大家有所幫助
一、鏈接
在HTML中超文本的鏈接非常重要，基本格式如下：
<A HREF="資源地址">鏈接文字</A>
1、本地鏈接
①絕對路勁：
<A HREF="C:\images\article.jpg">絕對路勁鏈接到本地圖片</A>
②相對路勁
<A HREF ="article2.jpg"> 相對路勁鏈接到本地圖片</A>
③鏈接到上一級目錄
<A HREF="../test.htm">鏈接到上一級目錄</A>
2、URL鏈接
形式：協(xié)議名：//主機.域名/路勁/文件名
協(xié)議包括：
file 本地系統(tǒng)文件
http WWW服務器
ftp ftp服務器
telnet 基于TELNET的協(xié)議
mailto 電子郵件
news Usenet新聞組
gopher GOPHER服務器
wais WAIS服務器
如：<A HREF="http://www.baidu.com"> 百度一下</A>
3、目錄鏈接
首先把某段落設置為鏈接位置，格式為：
<A NAME="鏈接位置名稱"></A>
再調(diào)用此鏈接部分的文件，定義鏈接：
<A HREF="文件名#鏈接位置名稱">鏈接文字</A>
當然如果在一個文件內(nèi)跳轉(zhuǎn)，文件名就可以省略不寫。
二、多視窗口FRAMES
使用FRAMES結(jié)構(gòu)設計的HTML文件，能夠?qū)⒄麄€窗口分成幾個獨立的小窗口，每個小窗口可分別載入不同的文件，并且可以相互溝通。
1、基本結(jié)構(gòu)：
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<FRAMESET>
<FRAME SRC="url">
<FRAME SRC="url">
...
</FRAMESET>
</HTML>
2、各窗口的尺寸設置
我們將窗口分割為幾塊，橫向分用ROWS屬性，縱向分用COLS屬性，每一塊的大小可以由這兩個屬性的值來實現(xiàn)。
<frameset cols=#>
<frameset rows=#>
#的值為一對用引號括起來的字符串，字符串中的數(shù)字表示每個窗口所占的大小，中間用逗號隔開，其中的數(shù)字也可以用"*"來代替，表示由瀏覽器自動分配大小。如
<frameset cols="100,200,300">
<frameset rows="10%,20%,70%">
<frameset cols="100,*,*"> 將100像素以外的窗口平均分配
3、各窗口間的相互操作
①frame的src屬性 用來指定要鏈接的內(nèi)容，name屬性指定該窗口的名字，target屬性用來指定所鏈接的文件出現(xiàn)在哪一窗口，其值可以是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 屬性規(guī)定用戶無法調(diào)整框架的大小。默認地，可以通過拖動框架之間的“墻壁”來改變框架的大小，該屬性可以鎖定框架的大小。
三、樣式表
1.樣式表最重要的作用是提供了一種能使所有web頁面的樣式保持一致的方法。
樣式表的三個層次按照從低層到高層的順序依次是：
①.內(nèi)置（inline）樣式表：適用于單個元素的內(nèi)容
②.文檔層（document level）樣式表：適用于整個文檔的主體
③.外部（external）樣式表：可以應用在多個文檔的主體中
在使用時，如果出現(xiàn)沖突，低層次的樣式表具有使用上的優(yōu)先權(quán)。
2.使用CSS需要注意的問題：
①有些瀏覽器可能不支持某些屬性值，這時瀏覽器要么忽略這些屬性值要么用一個可選值代替。
②內(nèi)置樣式只適應單個元素，其實違背了樣式表的設計初衷，所以應該謹慎使用。
③文檔層樣式說明出現(xiàn)在文檔的頭部分，適用于文檔的整個主體。所以網(wǎng)站建設的整體風格能夠保持一致就是這么實現(xiàn)的。
④外部樣式表不屬于使用它的文檔的一部分，外部樣式表需要單獨存儲，并且使用它時都要進行說明?？梢允褂肕IME類型text/css將外部樣式表編寫成一些文本文件，它們可以存儲在因特網(wǎng)上的任何一臺計算機中，瀏覽器獲取外部樣式表就如同獲取文檔一樣。網(wǎng)頁首部的<link>元素也可用于指定外部樣式表，在<link>中，rel屬性用于指定被鏈接的文檔與包含改鏈接的文檔之間的關(guān)系，而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>的使用
在網(wǎng)頁中，節(jié)是很常見的形式，每節(jié)由若干段落構(gòu)成，若在設計中，希望不僅是對各個段落，而是可以對網(wǎng)頁中的節(jié)進行樣式設置。這時就可以使用<div>，它的主要用途是指定網(wǎng)頁中某節(jié)或某區(qū)域的外觀展示細節(jié)。
在HTML中超文本的鏈接非常重要，基本格式如下：
<A HREF="資源地址">鏈接文字</A>
1、本地鏈接
①絕對路勁：
<A HREF="C:\images\article.jpg">絕對路勁鏈接到本地圖片</A>
②相對路勁
<A HREF ="article2.jpg"> 相對路勁鏈接到本地圖片</A>
③鏈接到上一級目錄
<A HREF="../test.htm">鏈接到上一級目錄</A>
2、URL鏈接
形式：協(xié)議名：//主機.域名/路勁/文件名
協(xié)議包括：
file 本地系統(tǒng)文件
http WWW服務器
ftp ftp服務器
telnet 基于TELNET的協(xié)議
mailto 電子郵件
news Usenet新聞組
gopher GOPHER服務器
wais WAIS服務器
如：<A HREF="http://www.baidu.com"> 百度一下</A>
3、目錄鏈接
首先把某段落設置為鏈接位置，格式為：
<A NAME="鏈接位置名稱"></A>
再調(diào)用此鏈接部分的文件，定義鏈接：
<A HREF="文件名#鏈接位置名稱">鏈接文字</A>
當然如果在一個文件內(nèi)跳轉(zhuǎn)，文件名就可以省略不寫。
二、多視窗口FRAMES
使用FRAMES結(jié)構(gòu)設計的HTML文件，能夠?qū)⒄麄€窗口分成幾個獨立的小窗口，每個小窗口可分別載入不同的文件，并且可以相互溝通。
1、基本結(jié)構(gòu)：
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<FRAMESET>
<FRAME SRC="url">
<FRAME SRC="url">
...
</FRAMESET>
</HTML>
2、各窗口的尺寸設置
我們將窗口分割為幾塊，橫向分用ROWS屬性，縱向分用COLS屬性，每一塊的大小可以由這兩個屬性的值來實現(xiàn)。
<frameset cols=#>
<frameset rows=#>
#的值為一對用引號括起來的字符串，字符串中的數(shù)字表示每個窗口所占的大小，中間用逗號隔開，其中的數(shù)字也可以用"*"來代替，表示由瀏覽器自動分配大小。如
<frameset cols="100,200,300">
<frameset rows="10%,20%,70%">
<frameset cols="100,*,*"> 將100像素以外的窗口平均分配
3、各窗口間的相互操作
①frame的src屬性 用來指定要鏈接的內(nèi)容，name屬性指定該窗口的名字，target屬性用來指定所鏈接的文件出現(xiàn)在哪一窗口，其值可以是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 屬性規(guī)定用戶無法調(diào)整框架的大小。默認地，可以通過拖動框架之間的“墻壁”來改變框架的大小，該屬性可以鎖定框架的大小。
三、樣式表
1.樣式表最重要的作用是提供了一種能使所有web頁面的樣式保持一致的方法。
樣式表的三個層次按照從低層到高層的順序依次是：
①.內(nèi)置（inline）樣式表：適用于單個元素的內(nèi)容
②.文檔層（document level）樣式表：適用于整個文檔的主體
③.外部（external）樣式表：可以應用在多個文檔的主體中
在使用時，如果出現(xiàn)沖突，低層次的樣式表具有使用上的優(yōu)先權(quán)。
2.使用CSS需要注意的問題：
①有些瀏覽器可能不支持某些屬性值，這時瀏覽器要么忽略這些屬性值要么用一個可選值代替。
②內(nèi)置樣式只適應單個元素，其實違背了樣式表的設計初衷，所以應該謹慎使用。
③文檔層樣式說明出現(xiàn)在文檔的頭部分，適用于文檔的整個主體。所以網(wǎng)站建設的整體風格能夠保持一致就是這么實現(xiàn)的。
④外部樣式表不屬于使用它的文檔的一部分，外部樣式表需要單獨存儲，并且使用它時都要進行說明?？梢允褂肕IME類型text/css將外部樣式表編寫成一些文本文件，它們可以存儲在因特網(wǎng)上的任何一臺計算機中，瀏覽器獲取外部樣式表就如同獲取文檔一樣。網(wǎng)頁首部的<link>元素也可用于指定外部樣式表，在<link>中，rel屬性用于指定被鏈接的文檔與包含改鏈接的文檔之間的關(guān)系，而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>的使用
在網(wǎng)頁中，節(jié)是很常見的形式，每節(jié)由若干段落構(gòu)成，若在設計中，希望不僅是對各個段落，而是可以對網(wǎng)頁中的節(jié)進行樣式設置。這時就可以使用<div>，它的主要用途是指定網(wǎng)頁中某節(jié)或某區(qū)域的外觀展示細節(jié)。
相關(guān)文章
- 下面小編就為大家?guī)硪黄P(guān)于div中img,span垂直居中的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-26
- 下面小編就為大家?guī)硪黄钊肜斫釪IV和SPAN的區(qū)別。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-14
- 這篇文章主要簡單介紹了Span和Div的區(qū)別，對于學習DIV+CSS的小伙伴們來說，是篇非常不錯的文章，也算是對自己基礎知識的一次復習。2015-01-12
- DIV 和 SPAN 元素最大的特點是默認都沒有對元素內(nèi)的對象進行任何格式化渲染。主要用于應用樣式表。兩者最明顯的區(qū)別在于DIV是塊元素，而SPAN是行內(nèi)元素(也譯作內(nèi)嵌元素)。2014-04-03
- DIV和SPAN如何垂直居中對齊，水平居中很簡單，設置text-align:center就可以了，垂直居中一直很是疑惑，下面為大家解惑2014-02-20
問DIV與SPAN之間有什么區(qū)別？想必很多朋友都是一知半解吧，在這里可以告訴你DIV和SPAN 元素最大的特點是默認都沒有對元素內(nèi)的對象進行任何格式化渲染2021-11-30- 做網(wǎng)頁的朋友想必都不知道HTML中div與span的區(qū)別吧，下面為大家詳細介紹下兩者的共同點及不同點2013-12-27
區(qū)別div和span、relative和absolute、display和visibility
div和span、relative和absolute、display和visibility是很容易混淆和弄錯的HTML標簽與CSS屬性，今天52CSS.com簡單的羅列出它們的區(qū)別與使用要點，供大家參考。2009-12-17HTML中div和span比較_動力節(jié)點Java學院整理
這篇文章主要介紹了HTML中div和span比較，分別介紹了div和span的用法和比較，有興趣的可以了解一下2017-06-21