html的基本使用包括鏈接、樣式表、span和div等等
來源:易賢網(wǎng) 閱讀:730 次 日期:2016-06-21 10:04:39
溫馨提示:易賢網(wǎng)小編為您整理了“html的基本使用包括鏈接、樣式表、span和div等等”,方便廣大網(wǎng)友查閱!

html的基本使用包括鏈接、多視窗口FRAMES、樣式表、span和div等等,在本文已給出詳細(xì)的使用介紹,感興趣的朋友可以參考下,希望對(duì)大家有所幫助

一、鏈接

在HTML中超文本的鏈接非常重要,基本格式如下:

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

1、本地鏈接

①絕對(duì)路勁:

<A HREF="C:\images\article.jpg">絕對(duì)路勁鏈接到本地圖片</A>

②相對(duì)路勁

<A HREF ="article2.jpg"> 相對(duì)路勁鏈接到本地圖片</A>

③鏈接到上一級(jí)目錄

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

2、URL鏈接

形式:協(xié)議名://主機(jī).域名/路勁/文件名

協(xié)議包括:

file 本地系統(tǒng)文件

http WWW服務(wù)器

ftp ftp服務(wù)器

telnet 基于TELNET的協(xié)議

mailto 電子郵件

news Usenet新聞組

gopher GOPHER服務(wù)器

wais WAIS服務(wù)器

如:<A > 百度一下</A>

3、目錄鏈接

首先把某段落設(shè)置為鏈接位置,格式為:

<A NAME="鏈接位置名稱"></A>

再調(diào)用此鏈接部分的文件,定義鏈接:

<A HREF="文件名#鏈接位置名稱">鏈接文字</A>

當(dāng)然如果在一個(gè)文件內(nèi)跳轉(zhuǎn),文件名就可以省略不寫。

二、多視窗口FRAMES

使用FRAMES結(jié)構(gòu)設(shè)計(jì)的HTML文件,能夠?qū)⒄麄€(gè)窗口分成幾個(gè)獨(dú)立的小窗口,每個(gè)小窗口可分別載入不同的文件,并且可以相互溝通。

1、基本結(jié)構(gòu):

<HTML>

<HEAD>

<TITLE></TITLE>

</HEAD>

<FRAMESET>

<FRAME SRC="url">

<FRAME SRC="url">

...

</FRAMESET>

</HTML>

2、各窗口的尺寸設(shè)置

我們將窗口分割為幾塊,橫向分用ROWS屬性,縱向分用COLS屬性,每一塊的大小可以由這兩個(gè)屬性的值來實(shí)現(xiàn)。

<frameset cols=#>

<frameset rows=#>

#的值為一對(duì)用引號(hào)括起來的字符串,字符串中的數(shù)字表示每個(gè)窗口所占的大小,中間用逗號(hào)隔開,其中的數(shù)字也可以用"*"來代替,表示由瀏覽器自動(dòng)分配大小。如

<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> 顯示一個(gè)新窗口

<a href=url target=_self> 顯示在同一個(gè)窗口

<a href=url target=_parent> 顯示在Frameset的前一份文件的窗口

<a href=url target=_top> 顯示在整個(gè)瀏覽器窗口

②frame的其他屬性

<frame frameborder=#> #=yes,no

frameborder指定各窗口邊框的設(shè)置:yes表示有邊框,no表示無邊框

<frame marginwidth=# marginheight=#>

#的值為像素點(diǎn),該屬性用來設(shè)置窗口的上下左右邊界寬度,如不設(shè)定,由瀏覽器自動(dòng)決定。

<frame scrolling=#>#=yes,no,auto

滾動(dòng)條設(shè)置,yes表示有,no表示沒有,auto表示由瀏覽器自動(dòng)設(shè)置,缺省值是auto。

<frame noresize="noresize">

noresize 屬性規(guī)定用戶無法調(diào)整框架的大小。默認(rèn)地,可以通過拖動(dòng)框架之間的“墻壁”來改變框架的大小,該屬性可以鎖定框架的大小。

三、樣式表

1.樣式表最重要的作用是提供了一種能使所有web頁面的樣式保持一致的方法。

樣式表的三個(gè)層次按照從低層到高層的順序依次是:

①.內(nèi)置(inline)樣式表:適用于單個(gè)元素的內(nèi)容

②.文檔層(document level)樣式表:適用于整個(gè)文檔的主體

③.外部(external)樣式表:可以應(yīng)用在多個(gè)文檔的主體中

在使用時(shí),如果出現(xiàn)沖突,低層次的樣式表具有使用上的優(yōu)先權(quán)。

2.使用CSS需要注意的問題:

①有些瀏覽器可能不支持某些屬性值,這時(shí)瀏覽器要么忽略這些屬性值要么用一個(gè)可選值代替。

②內(nèi)置樣式只適應(yīng)單個(gè)元素,其實(shí)違背了樣式表的設(shè)計(jì)初衷,所以應(yīng)該謹(jǐn)慎使用。

③文檔層樣式說明出現(xiàn)在文檔的頭部分,適用于文檔的整個(gè)主體。所以網(wǎng)站建設(shè)的整體風(fēng)格能夠保持一致就是這么實(shí)現(xiàn)的。

④外部樣式表不屬于使用它的文檔的一部分,外部樣式表需要單獨(dú)存儲(chǔ),并且使用它時(shí)都要進(jìn)行說明??梢允褂肕IME類型text/css將外部樣式表編寫成一些文本文件,它們可以存儲(chǔ)在因特網(wǎng)上的任何一臺(tái)計(jì)算機(jī)中,瀏覽器獲取外部樣式表就如同獲取文檔一樣。網(wǎng)頁首部的<link>元素也可用于指定外部樣式表,在<link>中,rel屬性用于指定被鏈接的文檔與包含改鏈接的文檔之間的關(guān)系,而href屬性用于指定樣式表文檔的URL地址。如

<link rel=stylesheet type="text/css" href="themes/AutoTheme/style.css"></link>

四、span和div

<span> 的使用

在有些情況下,要求某些特殊的字體屬性只應(yīng)用于整個(gè)段落的部分文本,比如把某個(gè)字或詞組設(shè)置為不一樣的字體或背景等等。這是就可以使用<span>元素,比如:

<p>我非常喜歡<span style="font-size:24pt;font-family:黑體;color:red">編程</span>,這是一件非常愉快的事。</p>

<div>的使用

在網(wǎng)頁中,節(jié)是很常見的形式,每節(jié)由若干段落構(gòu)成,若在設(shè)計(jì)中,希望不僅是對(duì)各個(gè)段落,而是可以對(duì)網(wǎng)頁中的節(jié)進(jìn)行樣式設(shè)置。這時(shí)就可以使用<div>,它的主要用途是指定網(wǎng)頁中某節(jié)或某區(qū)域的外觀展示細(xì)節(jié)。

更多信息請(qǐng)查看網(wǎng)頁制作
易賢網(wǎng)手機(jī)網(wǎng)站地址:html的基本使用包括鏈接、樣式表、span和div等等
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!

2025國考·省考課程試聽報(bào)名

  • 報(bào)班類型
  • 姓名
  • 手機(jī)號(hào)
  • 驗(yàn)證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢 | 簡(jiǎn)要咨詢須知 | 加入群交流 | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號(hào):滇ICP備2023014141號(hào)-1 云南省教育廳備案號(hào):云教ICP備0901021 滇公網(wǎng)安備53010202001879號(hào) 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號(hào)
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號(hào):hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報(bào)警專用圖標(biāo)