整合營(yíng)銷(xiāo)服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          html基礎(chǔ)必備-鏈接標(biāo)記,前端小白一看就會(huì)

          鏈接允許你通過(guò)單擊鏈接文本從一個(gè)頁(yè)面跳到另一個(gè)頁(yè)面,還可以跳轉(zhuǎn)到同一頁(yè)面上的其他位置(稱(chēng)為片段)、你網(wǎng)站的不同部分或跳轉(zhuǎn)到別的網(wǎng)站。

          鏈接 - <a href="url">link text</a>

          link標(biāo)記有兩個(gè)主要部分:用戶可以點(diǎn)擊的文本,以及點(diǎn)擊鏈接時(shí)訪問(wèn)的網(wǎng)址。<a>和</a>標(biāo)記之間是鏈接文本,通常以藍(lán)色顯示,并由瀏覽器加下劃線。href=“url”部分是網(wǎng)址,可以通過(guò)多種方式設(shè)置url:

          • href="example.html" - 當(dāng)前目錄的其它頁(yè)面
          • href="example/page.html" - 相對(duì)位置,其它目錄的頁(yè)面
          • href="http://www.example.com/page.html" - 其它網(wǎng)站的頁(yè)面

          鏈接到片段 - <a href="#fragment">link</a>

          鏈接到同一個(gè)網(wǎng)頁(yè)上的其他地方,如頁(yè)面下方的其他部分或章節(jié),跳轉(zhuǎn)到這些部分通常是有用的,稱(chēng)為鏈接到片段,瀏覽器將自動(dòng)嘗試滾動(dòng)到頁(yè)面該部分。

          片段首先需要在網(wǎng)頁(yè)的某個(gè)地方定義,方法是給它們一個(gè)名稱(chēng),例如<a name=“fragment_name”>,然后使用hash(#)字符創(chuàng)建指向該片段的鏈接:<a href=“#fragment_name”>鏈接</a>。要鏈接到另一個(gè)頁(yè)面上的片段,只需將片段名稱(chēng)附加到地址,例如:href=“example.html#fragment_name".

          目標(biāo)窗口 - <a href="url" target="???">link</a>

          你可能并不總是希望為了鏈接到某個(gè)頁(yè)面并將其加載到當(dāng)前窗口上。這就是target屬性派上用場(chǎng)的地方。通過(guò)設(shè)置target=“_BLANK”,把頁(yè)面將加載到一個(gè)新窗口(或新選項(xiàng)卡)。類(lèi)似地,“_self”、“_parent”或“_top”將分別在當(dāng)前窗口、父窗口(與框架一起使用)或頂層窗口中打開(kāi)鏈接。

          圖像鏈接- <a href="url"><img ...></a>

          通過(guò)在<a>和</a>標(biāo)記之間放置一個(gè)圖像標(biāo)記,可以將圖像轉(zhuǎn)換為鏈接,單擊該圖像后將加載引用的頁(yè)面。你可能會(huì)注意到,當(dāng)鏈接文本變?yōu)橄聞澗€時(shí),圖像得到一個(gè)藍(lán)色邊框。這可以通過(guò)設(shè)置圖像的border=“0”屬性或使用css來(lái)解決。

          郵件鏈接 - <a href="mailto:email"></a>

          mailto符號(hào)鏈接是一種特殊的鏈接,它指示瀏覽器使用默認(rèn)的電子郵件程序編寫(xiě)郵件并發(fā)送到指定的地址,注意的是該操作不會(huì)自動(dòng)發(fā)送任何電子郵件。

          谷歌統(tǒng)計(jì),全球有700多種編程語(yǔ)言,是不是聽(tīng)上去很聳人聽(tīng)聞?!現(xiàn)今,各種框架和各種編程語(yǔ)言一直是你方唱罷我登場(chǎng),來(lái)來(lái)往往。

          而對(duì)于HTML,不管你習(xí)慣與否,它始終在那。無(wú)論選擇哪種框架或后端語(yǔ)言,所有Web開(kāi)發(fā)人員都必須躲不開(kāi)使用HTML。個(gè)人認(rèn)為,即使是實(shí)現(xiàn)相同的功能,最好還是使用HTML編寫(xiě),而非JS,盡管我也承認(rèn)編寫(xiě)HTML可能顯得比較“重體力”,而且很無(wú)聊。

          HTML有如此廣泛的用途和“堅(jiān)強(qiáng)的生命力”,仍有開(kāi)發(fā)人員所不太知曉的標(biāo)簽和屬性。以下是您應(yīng)該了解的5個(gè)HTML標(biāo)記和屬性:


          1 . 懶加載圖片

          懶加載避免加載瀏覽器上那些不需要去即可加載的圖像,而是當(dāng)向下滑動(dòng)頁(yè)面或接近圖像時(shí),圖像才開(kāi)始加載。

          換句話說(shuō),當(dāng)用戶下滑頁(yè)面時(shí)加載圖像,呈現(xiàn)他們,否則不做加載。懶加載圖像可以幫助提高網(wǎng)站性能和響應(yīng)速度。

          這可以通過(guò)HTML輕松實(shí)現(xiàn),所要做的就是將loading= “l(fā)azy”屬性添加到圖像文件中。

          添加屬性后,我們的圖片元素會(huì)是這樣:

          <img src="image.png" loading="lazy" alt="…" width="200" height="200">

          通過(guò)使用Google的Lighthouse工具,你可以get到相關(guān)的一些技巧。

          相關(guān)地址:https://developers.google.com/web/tools/lighthouse/


          2 . 輸入推薦

          用戶在做搜索錄入時(shí),如果能夠拿到相關(guān)的輸入內(nèi)容推薦,應(yīng)該會(huì)提升使用體驗(yàn)。

          如今,輸入補(bǔ)全推薦功能是相當(dāng)普遍的,你可以在天貓、頭條、抖音等太多平臺(tái)見(jiàn)到。你可以通過(guò)JS添加輸入補(bǔ)全推薦,方法是在輸入字段上設(shè)置事件偵聽(tīng),這樣能夠把搜索到的詞條與預(yù)定義推薦進(jìn)行匹配。

          但是,通過(guò)HTML也可以使用<datalist>標(biāo)簽顯示一組預(yù)定義的補(bǔ)足推薦,需要注意下,此標(biāo)記的ID屬性必須與輸入字段列表屬性相同。

          <label for="country">Choose your country from the list:</label>
          <input list="countries" name="country" id="country">
          <datalist id="countries">
            <option value="UK">
            <option value="Germany">
            <option value="USA">
            <option value="Japan">
            <option value="India">
          </datalist>


          3 . 圖片標(biāo)簽

          你是否曾經(jīng)遇到圖像無(wú)法按預(yù)期縮放的情況?我是遇到過(guò)的,譬如當(dāng)我要使用大圖,同時(shí)把它顯示為縮略圖時(shí),很可能會(huì)發(fā)生這種情況。

          更改viewport width時(shí),你會(huì)注意到某些圖像未按預(yù)期縮放。幸運(yùn)的是,HTML通過(guò)使用<picture>標(biāo)記使開(kāi)發(fā)人員很容易地解決這個(gè)問(wèn)題,該標(biāo)記允許你添加適合不同寬度的多個(gè)圖像,而不必單個(gè)縮放。

          如下所示:

          <picture>
            <source media="(min-width:768px)" srcset="med_flag.jpg">
            <source media="(min-width:495px)" srcset="small_flower.jpg">
            <img src="high_flag.jpg" alt="Flags" style="width:auto;">
          </picture>

          如你看到的,我們指定了必須顯示特定圖像的最小寬度。

          這個(gè)標(biāo)簽和<audio><video>標(biāo)簽非常相似。


          4 . base URL

          在創(chuàng)建網(wǎng)站索引或站點(diǎn)地圖的時(shí)候,這應(yīng)該算是我最喜歡的標(biāo)簽之一。

          如果我們有很多錨標(biāo)簽重定向到某個(gè)URL,并且所有URL都以相同的base address開(kāi)頭時(shí),這個(gè)標(biāo)簽應(yīng)該非常有用。

          例如,如果我要指定zhang san和wang er的微博handles的URL,則URL的開(kāi)頭會(huì)相同,而其后是它們各自的ID。通常,我必須將鏈接與相同的域名一起粘貼兩次。

          不過(guò),HTML有一個(gè)<base> tag,這使我可以設(shè)置基本URL的標(biāo)記,如下所示:

          <head>
            <base href="https://www.weibo.com/" target="_blank">
          </head>
          <body>
          <img src="zhangsan" alt="Zhang San">
          <a href="wanger">Wang Er</a>
          </body>

          上面的代碼將生成一個(gè)圖像重定向到“ https://www.weibo.com/zhangsan”和一個(gè)錨標(biāo)記重定向到“ https://www.weibo.com/wanger”。

          這個(gè)<base> tab應(yīng)該要么是具有“href”或是所提供對(duì)象的屬性。


          5 . 文檔刷新

          如果要把用戶重定向到另一個(gè)頁(yè)面,那么是可以用純HTML來(lái)輕松實(shí)現(xiàn)的。

          過(guò)往你打開(kāi)某些網(wǎng)站的時(shí),可能注意到了這個(gè)功能:彈出“你會(huì)在5秒鐘內(nèi)被重定向”。

          你是可以通過(guò)<meta> tab,并對(duì)它進(jìn)行設(shè)置http-equiv= “refresh”從而使用它。

          <meta http-equiv="refresh" content="4; URL='https://google.com' />

          在此,content屬性指定重定向發(fā)生的秒數(shù)。


          HTML加CSS是很強(qiáng)大,我們其實(shí)是可以僅使用它們兩就構(gòu)建出像樣的網(wǎng)站的,只要你足夠沉浸于其中,不斷學(xué)習(xí)。

          TML是一種標(biāo)記語(yǔ)言,描繪文檔如何格式化,如使用什么字體等。使用標(biāo)記語(yǔ)言,而不是顯式的標(biāo)記,可以在寫(xiě)瀏覽器時(shí)更方便:瀏覽器只要能理解這些標(biāo)記命令就行。這種方式以所見(jiàn)即所得的系統(tǒng)相反,如WORD,它用隱含的嵌入標(biāo)記保存文件,并用于以后再生。asp網(wǎng)站教程以下介紹HTML語(yǔ)言。

          在HTML文件中嵌入標(biāo)記命令,并使之標(biāo)準(zhǔn)化,使Web瀏覽器能夠讀并再格式化任何Web頁(yè),這點(diǎn)非常重要,因?yàn)轫?yè)面可能在1024*768、24顯示器上產(chǎn)生,而要在640*480、8位色下顯示。在Web上無(wú)法使用所見(jiàn)即所得的字處理器,因?yàn)樗鼈儍?nèi)部的標(biāo)記語(yǔ)言沒(méi)有標(biāo)準(zhǔn)化,而且也不能在不同尺寸的不同顯示環(huán)境下再次格式化。但是,字處理器的文本通常可以保存為HTML格式。

          Web頁(yè)由頭和體構(gòu)成,以<HTML>和</HTML>標(biāo)記括起來(lái)。頭在<HEAD>和</HEAD>中,體在<BODY>和</BODY>中,標(biāo)記中的命令叫directive。大多數(shù)標(biāo)記都是這種格式:即以<SOMETHING>標(biāo)記某事的開(kāi)始,以</SOMETHING>標(biāo)記該事的結(jié)束。標(biāo)記大小寫(xiě)均可。

          HTML忽略多余的空格和回車(chē),因此不能用空行來(lái)分開(kāi)段落,必須用顯式的標(biāo)記。

          一些標(biāo)記攜帶參數(shù),如: <IMG SRC=”abc” ALT=”foobar”>

          其中參數(shù)SRC等于abc,ALT等于foobar,由于參數(shù)是命名的,所以順序無(wú)關(guān)緊要。

          1、創(chuàng)建基本的網(wǎng)頁(yè)

          請(qǐng)看下面這段語(yǔ)句:

          <!-- I am ignored by everybody -->

          <HTML>

          <HEAD>

          <TITLE> Less Minimal </TITLE>

          </HEAD>

          <BODY>

          Hello World!

          </BODY>

          </HTML>

          如果在瀏覽器中顯示這個(gè)網(wǎng)頁(yè),將會(huì)顯示“Hello, world!”。由<TITLE>及</TITLE>標(biāo)記包含的文本只出現(xiàn)在網(wǎng)絡(luò)瀏覽器的標(biāo)題欄上,而不在網(wǎng)頁(yè)上出現(xiàn)?!碆ODY〉標(biāo)記表明了你的HTML文件的主體部分,所有需要在的瀏覽器上顯示的文本及標(biāo)記都應(yīng)該被放置在這里。例如,Hello World! 被放置在此。標(biāo)記<!……>被用來(lái)在文件中加入注釋?zhuān)@些注釋并不在主頁(yè)上顯示出來(lái)。

          基本的常用標(biāo)記:

          <BR> 能顯示多行文本,但它不是一個(gè)容器標(biāo)記,就是說(shuō),并不需要類(lèi)似</BR>的符號(hào)。

          被稱(chēng)為段落標(biāo)記,因?yàn)橛盟鼇?lái)創(chuàng)建段落,與<BR>相比,兩行之間會(huì)有較多的空格。缺省情況下,<P>使文本在屏幕上左對(duì)齊,因此你不需要在你HTML文件中使用<P ALIGN="LEFT">。

          <PRE> 假如你有一些文本讓它們?cè)谄聊簧暇_的顯示出來(lái),或是你想讓每個(gè)輸 入的空格正如您所料的那樣顯示,可以將文本放入其中。但是當(dāng)在瀏覽顯示處于<PRE>標(biāo)記中的文本時(shí),這些文本顯示出來(lái)非常難看,不易閱讀。因此,盡可能不要使用它。這樣使用低分辨率屏幕的用戶將會(huì)減少麻煩。

          <HR> 用來(lái)建立水平分隔線――用來(lái)在屏幕上分割文本的水平線。例如:<HR WIDTH=”640”>或<HR WIDTH=”100%”>。

          <FONT> 用來(lái)定義字體,它具有三個(gè)屬性:SIZE、COLOR和FACE。其中FACE,可以指定文本的字體,例如<FONT FACE=”Courier”>。

          <H(1-6)> 加入標(biāo)題。通過(guò)給標(biāo)記指定不同的數(shù)字來(lái)規(guī)定他們的大小,有6種大小的標(biāo)題。例如由<H1>包含的文字在在瀏覽器上顯示是最大的,而由<H^>包含的文字顯示出來(lái)最小。

          使文字以黑體顯示。

          讓文字以斜體顯示。

          加下劃線。原則上不要去使用<U>標(biāo)記,通常網(wǎng)頁(yè)中帶下劃線的文字表示這是一個(gè)超連接,使用<U>會(huì)給用戶帶來(lái)困惑。

          加刪除線。

          <A> 用來(lái)建立一個(gè)超文本定位器。如<A HREF=http://www.hotwired.com> HotWired </A>,瀏覽器上顯示出的HotWired帶有一道下劃線,這就告訴用戶這是一個(gè)超連接,如果用鼠標(biāo)點(diǎn)擊這個(gè)字符,那么HotWired網(wǎng)點(diǎn)的主頁(yè)就會(huì)在你的瀏覽器上顯示出來(lái)。也可以用圖象來(lái)建立連接,如:<A HREF=”http://www.yahoo.com”><IMG SRC=”myimage.gif”></A>

          2、創(chuàng)建表單(form)

          要建立一個(gè)交互式的網(wǎng)點(diǎn),需要使用HTML表單,它可以收集參觀你網(wǎng)點(diǎn)的用戶提供的信息,并對(duì)此作出反應(yīng)。使用表單,可以建立類(lèi)似復(fù)選框、單選按鈕及文本框的控件。

          掌握表單的使用對(duì)高效的Active Server Pages編程是必需的。ASP腳本的一個(gè)主要功能是對(duì)HTML表單中輸入的信息進(jìn)行處理,因此,表單是ASP應(yīng)用程序中主要的用戶接口。

          要建立HTML表單,可以使用<FORM>標(biāo)記,它是一個(gè)容器標(biāo)記,包含其它表單元素并在它的屬性中指明對(duì)于此表單中收集的信息應(yīng)怎樣處理。需要注意:

          1)要知道表單何時(shí)輸入信息完畢,需要加入一個(gè)表單元素:submit按鈕。

          2)必須通過(guò)<FORM>的ACTION屬性來(lái)通知表單怎樣處理這些信息。ACTION屬性決定了窗體對(duì)輸入的信息將會(huì)采取何種方式處理。通常是處理程序名。

          3)<FORM>的METHOD屬性指明窗體信息通過(guò)什么方式送出。通常為POST。

          4)正如在文件主體中使用HTML標(biāo)記一樣,也可以在<FORM>標(biāo)記中使用幾乎所有的HTML標(biāo)記。

          基本的表單元素有:

          1)文本框:用<INPUT>標(biāo)記來(lái)建立,一般需要包含NAME屬性。下面的例子包含了兩個(gè)名為text1和text2的文本框:

          <HTML>

          <HEAD>

          <TITLE> Simple Form </TITLE>

          </HEAD>

          <BODY >

          <FORM ACTION=“somedirectory/mypage.asp” METHOD=“POST”>

          <INPUT NAME=“text1” TYPE=“text”>

          <INPUT NAME=“text2”>

          <INPUT TYPE=SUBMIT VALUE=”Submit Me!”>

          </FORM>

          </BODY>

          </HTML>

          也可以使用<INPUT>的VALUE屬性來(lái)指定在用戶輸入前缺省狀態(tài)下文本框中顯示的文字。例如,假設(shè)你有一個(gè)文本框,讓用戶在其中輸入他的國(guó)別,你預(yù)計(jì)你的大部分用戶都是美國(guó)人,你可以使用下面的語(yǔ)句將缺省國(guó)別設(shè)為美國(guó):

          <INPUT NAME=“country” VALUE=“USA”>

          當(dāng)你顯示這個(gè)后的HTML文件時(shí),出現(xiàn)了一個(gè)具有Submit Me!文字的按鈕,用鼠標(biāo)點(diǎn)擊這個(gè)Submit Me!按鈕,你就表明你已經(jīng)在這個(gè)文本框中輸入完信息了。這就通知瀏覽器它應(yīng)該對(duì)輸入的信息進(jìn)行處理。

          2)按鈕。在HTML窗體中典型使用的按鈕有三種:

          第一種是Submit按鈕,當(dāng)你點(diǎn)擊Submit按鈕時(shí),窗體由<FORM>的ACTION屬性所指定的程序進(jìn)行處理;Submit按鈕的用法如下所示:

          <INPUT TYPE=SUBMIT VALUE=“Do it!”> VALUE屬性的值決定了在按鈕上顯示的文字。

          第二種是圖形按鈕,與Submit按鈕的效果幾乎是一樣的,然而這種類(lèi)型的按鈕顯示出來(lái)是一幅圖象,而不是一個(gè)難看的灰色矩形框,如

          <INPUT TYPE=IMAGE SRC=“myimage.gif” BORDER=0>

          應(yīng)當(dāng)把BORDER屬性的值設(shè)為零,來(lái)隱藏在諸如Netscape Navigator這樣的瀏覽器上顯示時(shí),會(huì)出現(xiàn)在圖象周?chē)暮诳颉?/p>

          最后一種按鈕類(lèi)型是reset按鈕。當(dāng)用戶點(diǎn)擊reset按鈕后,所有的窗體內(nèi)容都恢復(fù)到它們初始的值。例如,沒(méi)有缺省值的文本框?qū)⒈磺蹇?,而用VALUE屬性指定了值的將回到初始的特定值。與Submit按鈕的情況一樣,通過(guò)VALUE屬性指定顯示在reset按鈕上的文字。如:

          <INPUT TYPE=RESET VALUE=“Clear Me!”>

          窗體用戶點(diǎn)擊標(biāo)有Clear Me!的按鈕后,所有窗體值都被清除并回到初始狀態(tài)的值。

          3)密碼框:假設(shè)想讓用戶在參觀你的網(wǎng)點(diǎn)之前先進(jìn)行注冊(cè),使用通常的文本框,你可以建立一個(gè)HTML窗體來(lái)獲得用戶的名字和密碼,但是你不想讓用戶在輸入他們的密碼時(shí),有人在他們的背后偷看。要保護(hù)用戶的密碼,就要使用密碼輸入框。密碼框的工作原理與文本框類(lèi)似,只是當(dāng)信息輸入時(shí)是隱藏的。如:

          <FORM ACTION=“somedirectory/mypage.asp” METHOD=“POST”>

          Please enter your name and password:

          <BR> Name: <INPUT NAME=“username”>

          <BR> Password: <INPUT NAME=“password” TYPE=PASSWORD>

          <INPUT TYPE=SUBMIT VALUE=“Continue”>

          </FORM>

          當(dāng)上例的HTML文件在網(wǎng)絡(luò)瀏覽器上顯示時(shí),你可以在密碼框中輸入文字,就如同在一般的文本框中輸入一樣。然而,所有輸入的文字都被隱藏了(通常是*號(hào))。

          4)復(fù)選框:可用一個(gè)名字來(lái)建立多個(gè)復(fù)選框來(lái)收集信息。例如,你想知道參觀你網(wǎng)點(diǎn)的人是如何發(fā)現(xiàn)它的,而且你想提供用戶發(fā)現(xiàn)你網(wǎng)點(diǎn)的各種可能途徑,你可以使用下列的HTML代碼:

          <FORM ACTION=“somedirectory/mypage.asp” METHOD=“POST”>

          <BR> How did you find out about this web site?

          <BR> Magazine: <INPUT NAME=“discover” TYPE=CHECKBOX VALUE=“Magazine”>

          <BR> Search Engine: <INPUT NAME=“discover”TYPE=CHECKBOX VALUE=“Search”>

          <BR> Friend: <INPUT NAME=“discover” TYPE=CHECKBOX VALUE=“Friend”>

          <BR> <INPUT TYPE=SUBMIT VALUE=“Submit Me!”>

          </FORM>

          5)單選按鈕:你可以在多個(gè)值之間進(jìn)行選擇,然而與復(fù)選框不同,用戶一次只能選擇一個(gè)單選按鈕。例如,假設(shè)你需要知道瀏覽你網(wǎng)頁(yè)的人的性別,你就可以使用單選按鈕來(lái)讓用戶選擇他們的性別。下面的例子說(shuō)明了怎樣去做:

          <FORM ACTION=“somedirectory/mypage.asp” METHOD=“POST”>

          <BR> Please indicate your sex:

          <BR> Male: <INPUT NAME=“sex” TYPE=RADIO VALUE=“male”>

          <BR> Female: <INPUT NAME=“sex” TYPE=RADIO VALUE=“female”>

          <BR> <INPUT TYPE=SUBMIT VALUE=“Submit Me!”>

          </FORM>

          6)下拉式列表框:顯示一個(gè)選擇菜單,可以用來(lái)代替復(fù)選框和單選按鈕。使用<SELECT>和<OPTION>標(biāo)識(shí)符來(lái)建立一個(gè)下拉式列表框,象下面的例子:

          <FORM ACTION=“somedirectory/mypage.asp” METHOD=“POST”>

          <BR> Please indicate your sex:

          <BR> <SELECT NAME=“sex”>

          <OPTION VALUE=“Is Male”>Male

          <OPTION VALUE=“Is Female”>Female

          </SELECT>

          <INPUT TYPE=SUBMIT VALUE=“Submit Me!”>

          </FORM>

          <SELECT>的SIZE屬性可以將一個(gè)下拉式列表框轉(zhuǎn)變成一個(gè)滾動(dòng)列表框,SIZE屬性指定了一次在屏幕上可顯示多少選項(xiàng)。

          建立表格

          由三個(gè)標(biāo)記共同完成的<TABLE>、<TR>和<TD>。

          <TABLE>的BORDER屬性在表格周?chē)@示一個(gè)邊框,可以通過(guò)為BORDER屬性設(shè)置不同的值來(lái)改變邊界的寬度。顯然,如果不使用BORDER屬性,顯示出來(lái)的表格就沒(méi)有邊界。

          <TR>標(biāo)記為表格添加一行。

          <TD>標(biāo)記用來(lái)包含實(shí)際的表格數(shù)據(jù)。可以將<TD>看作表格的列標(biāo)記,表格可以根據(jù)需要設(shè)置許多列。<TD>標(biāo)識(shí)符可以包含任意可在HTML文件主體中出現(xiàn)的標(biāo)識(shí)符。例如,<TD>可以包含圖象、超鏈接和窗體,甚至它還可以包含其它表格。

          建立表格時(shí),一般你應(yīng)當(dāng)先建立行,然后在行中建立列。

          例如,要建立一個(gè)許多城市及其區(qū)域編碼的表格,可以使用下面的方法實(shí)現(xiàn):

          <TABLE BORDER=1>

          <TR>

          <TD> Boston </TD>

          <TD> 617 </TD>

          </TR>

          <TR>

          <TD> Modesto </TD>

          <TD> 209 </TD>

          </TR>

          <TR>

          <TD> San Francisco </TD>

          <TD> 415 </TD>

          </TR>

          </TABLE>

          在此例中,<TR>用來(lái)建立三個(gè)行,每一行對(duì)應(yīng)一個(gè)城市;每一行又用<TD>標(biāo)識(shí)符建立了兩列,用來(lái)存放城市名及其編碼。

          使用窗口和框架

          框架可以看作是窗口中的不同區(qū)域,一個(gè)瀏覽器窗口可以根據(jù)你的需要分成任意多的框架,一個(gè)單個(gè)的框架也可以分成其它多個(gè)框架,即所謂的嵌套框架。

          要在瀏覽器窗口中建立框架,必須創(chuàng)建一個(gè)特殊的HTML文件稱(chēng)作frameset文件。frameset文件本身并不在網(wǎng)絡(luò)瀏覽器中出現(xiàn),它只是指明其它的網(wǎng)頁(yè)是怎樣顯示在瀏覽器中的。下面是一個(gè)簡(jiǎn)單的frameset文件的例子:

          <FRAMESET ROWS=“100%” COLS=“50%,50%”>

          <FRAME SRC=“mypage1.cfm”>

          <FRAME SRC=“mypage2.cfm”>

          </FRAMESET>

          當(dāng)這個(gè)frameset文件讀入瀏覽器中時(shí),瀏覽器會(huì)顯示兩個(gè)HTML文件mypage1.cfm和mypage2.cfm,它們都是普通的HTML文件,frameset文件通知瀏覽器這兩個(gè)文件應(yīng)當(dāng)分別顯示在兩個(gè)框架中。

          <FRAMESET>標(biāo)識(shí)符指定了框架在瀏覽器窗口中顯示的方式,這個(gè)標(biāo)識(shí)符將瀏覽器窗口分成多行和多列。在此例中,瀏覽器窗口被分成一行和兩列,屬性ROWS=“100%”,使框架具有整個(gè)瀏覽器窗口的高度;屬性COLS=“50%,50%”使框架分成兩列,每列都具有窗口寬度的一半。

          本文是成都網(wǎng)站建設(shè)公司、成都網(wǎng)站設(shè)計(jì)制作公司、成都APP開(kāi)發(fā)公司、成都響應(yīng)式網(wǎng)站建設(shè)、成都VR全景制作-桔子科技公司為您整理!


          主站蜘蛛池模板: 久久se精品一区二区| 亚洲AV成人精品日韩一区18p| 一区二区三区免费在线视频| 日韩av无码一区二区三区| 成人精品视频一区二区三区不卡| 日韩精品无码人妻一区二区三区| 色精品一区二区三区| 综合激情区视频一区视频二区| 日本精品夜色视频一区二区| 久久精品国产亚洲一区二区三区| 久久精品一区二区| 精品香蕉一区二区三区| 天堂va视频一区二区| 久久精品人妻一区二区三区| 久久婷婷色一区二区三区| 伊人色综合视频一区二区三区 | 蜜臀Av午夜一区二区三区| 日韩一区二区视频| 亚洲AV永久无码精品一区二区国产 | 亚洲国产精品一区二区第一页免| 国产一在线精品一区在线观看| 日本免费电影一区二区| 亚洲一区二区三区久久久久| 国产在线观看精品一区二区三区91 | 日韩人妻无码一区二区三区99 | 国产精品日本一区二区不卡视频 | 亚洲av成人一区二区三区| 国产av一区二区精品久久凹凸| 中文字幕无码一区二区免费 | 久久精品国内一区二区三区| 国产精品被窝福利一区| 韩国理伦片一区二区三区在线播放| 免费无码一区二区| 在线精品亚洲一区二区| 久久婷婷色综合一区二区| 2021国产精品视频一区| 红桃AV一区二区三区在线无码AV| 国精产品999一区二区三区有限| 伊人久久大香线蕉av一区| 国产成人一区二区三区免费视频 | 精品国产一区二区二三区在线观看|