您現在的位置是:電腦技術吧?>? 故障問題 ??>??HTML語法,HTML基礎語法??>??正文詳情

HTML語法,HTML基礎語法

諫幻兒2019-11-14 17:51:11 人圍觀
簡介HTML基本語法【WWW鏈接標簽的基本概念】鏈接的基本概念:一般來說,所謂的鏈接就是網頁中的一些單詞會有一種特殊的顏色,并且在單詞下面會有一條線。當光標移動到這些單詞時,它

【WWW連結標簽基本概念】  連結基本概念:一般而言,所謂連結就是,在網頁中有些字會有特別的顏色,而且字的底下會有條線,當游標移到那些字上時,會變成手指形狀,按下去,則會連到別的文章或網站,就像這樣(以上這段是給超級新手看的...)。

  扯到連結,最基本來看有內部連結及外部連結,所謂內部連結就是自己網站間網頁的連結,至于外部連結我們稍后再來討論。

  要了解內部連結,首先必須先了解一下這兩種東西,一個是相對路徑,一個是絕對路徑。

  現在假設一個情形:我們在自己的電腦里設計網頁,所有網頁相關的檔案我們通通放在 c:www 里面,現在假設 c:www 里面目前有 index.htm 、 text1.htm 、 p1.gif 、 p2.gif 這四個檔案。

ok!  現在我們想在 index.htm 里面設一個連結,能夠按一下就連到 text1.htm,那我們該怎么做呢?

基本上,有兩中方式可以做到,在 index.htm 里面加上下面任一敘述:  a href=/c|/www/text1.htm  這就是絕對路徑  a href=text1.htm  這就是相對路徑  瞧出什么端倪了沒有?

嗯嗯....沒錯,絕對路徑要給電腦一個非常詳盡的位置,讓電腦尋著這路徑去找到檔案。

而相對路徑就簡單多啦!如果沒有特別指定,他就會直接在 index.htm 的所在目錄下找,也就是在 c:www 底下去找text1.htm。

  如果說,今天我們將 c:www 里所有的檔案都上傳到網路上的網頁伺服器(總不能做好了只給自己看吧!),且該伺服器是別人的電腦,而非你自己架設的主機,那么問題就來了!你猜,哪一種連結會出問題?

呵呵...答案是絕對路徑,您猜對了嗎?

  為什么說絕對路徑會出問題呢?

因為,當您將檔案上傳到網路上時,您的整個網頁目錄架構一定會變,到時候,電腦可能找不到 c: (尤其是unix系列的主機)更可能找不到 www 這目錄(有些會規定要放在特定的目錄下才能顯示網頁),所以說,沒事的話,盡量用相對路徑來作連結吧!好寫又不容易出錯。

  另外一個情形是:為了整理方便,有些網友喜歡將圖檔通通放到同一個目錄下,如:c:wwwgif 底下放進了p1.gif 、 p2.gif兩個圖,而index.htm 、 text1.htm 依舊在 c:www 底下。

現在我們想在 index.htm 下設個連結到 p1.gif 這圖檔(連結不限于只能連html檔,圖檔、文字檔均可),那我們又該如何來使用相對路徑呢?

他們又不在同一個目錄下...?

  a href=/c|/www/gif/p1.gif  這是絕對路徑的寫法  a href=gif/p1.gif  這是相對路徑的寫法  如何?

不難吧!(只是字有點多,看到腦子發脹)  總整理:很亂嗎?

嗯...看看這表,或許會清楚些。

  相對路徑表示方式代表連結位置  a href=text1.htm  text1.htm在目前的目錄中(就例子而言,就是在c:www中)  a href=docs/text1.htm  text1.htm在名為docs的次目錄中(就本例而言,就是在c:wwwdocs中)  a href=../text1.htm  text1.htm在目前目錄的上一層目錄中(就本例而言,就是在c:底下了)  【網頁內部的連結】  使用方法:  先在欲連結處作記號:a name=here1這里是你想連結的點/a  設定連結:a href=#here1連結/a  標簽解說:有時候,當某頁的內容很多時,我們可以利用網頁的內部連結,來使使用者快速的找到資料。

其原理不過是:在欲連結處做個記號(網頁的任何地方都可以喔!),然后,連結時就尋這記號,就可以快速找到資料。

很簡單吧!  使用范例:  范例  第一步驟  第二步驟  www連結標簽基本概念  a name=m1欲連結的位置/a  a href=#m1www連結標簽基本概念/a  網頁內部的連結  a name=m2欲連結的位置/a  a href=#m2網頁內部的連結/a  網頁外部的連結  a name=m3欲連結的位置/a  a href=#m3網頁外部的連結/a【網頁外部的連結】  標簽解說:連結到外面去,可以擴充您網站的實用性及充實性,也正因這功能,才造就了www五彩繽紛的世界。

由于網路上的服務五花八門,所以不同的服務有不同的連結方法,我將之整理在下表。

  使用范例:  網站連結  好站  a href=http://sunspot-design.com好站/a  電子郵件連結  寫情書給我  a href=mailto:[email protected]寫情書給我/a  ftp連結  下載檔案  a href=ftp://ftp.ntu.edu.tw下載檔案/a  news連結  seednet news服務  a href=news:news.seed.net.twseednet news服務/agopher連結  seednet gopher服務  a href=gopher://gopher.seed.net.tw/seednet gopher服務/a  bbs連結  seednet gopher服務  a href=telnet://bbs.seed.net.tw/seednet bbs服務/a  【連結標簽的參數】  使用方法:在連結后面加入 target=_參數  標簽解說:連結的參數并不多,常見的大概就屬 target 這參數了,target 的意思是目標,也就是網頁連結的指向目標,這參數在框窗(frame)里尤為重要!  使用范例:  target=框窗名稱:  這在框架標簽中也有提到,而且也只有在框架(框窗 or frame)中才用得到。

正常而言,框窗有各自的名稱,因此,我們可以利用此標簽,來指定連結的內容顯示到哪一個框窗中。

  target=_blank:  將連結的畫面內容,開在新的瀏覽視窗中。

  target=_parent:  將連結的畫面內容,當成文件的上一個畫面。

  target=_self:  將連結的畫面內容,顯示在目前的視窗中。

  target=_top:  這個參數可以解決新連結的畫面內容,被舊框窗包圍的困擾,使用這參數,會將整個畫面重新顯示成連結的畫面內容。

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 電腦鎖屏界面設置,電腦鎖定界面怎么設置

    電腦鎖屏界面設置,電腦鎖定界面怎么設置 相關圖片設置桌面鎖屏離開電腦前,我不想關機,更不想讓別人在這段時間操作電腦。這時,我只需要給電腦添加一個密碼,使其處于鎖屏狀態即可完成上述要求。那么如何設置電腦的鎖屏呢?...

  • 文本域怎么設置,給文本域設置大小

    文本域怎么設置,給文本域設置大小 相關圖片js怎么設置文本域的大小使用“設置文本字段文本”行為將表單文本字段中的內容替換為指定的內容1。Dreamweaver創建命名文本字段1。插入單行文本字段2。插入多行文本字段提示:創建單...

  • Internetexplorer,internet怎么更新

    Internetexplorer,internet怎么更新 相關圖片internet設置如何刪除Internet Explorer?你知道怎么解決這個問題嗎?事實上,Internet Explorer的問題很容易出現。我們只需要把互聯網internet升級...

  • dapp,如何制作app軟件

    dapp,如何制作app軟件 相關圖片app制作軟件這個翻譯是我最喜歡的一種小菜。它又短又實用。最初的作者是frog的交互設計師,她描述了她和朋友們在共同設計和開發拼車服務ride joy的iPhone客戶端過程手機軟件破解網站...

  • 無線驅動怎么安裝步驟,手動安裝無線網卡驅動

    無線驅動怎么安裝步驟,手動安裝無線網卡驅動 相關圖片win10無線網卡驅動沒了如果你的無線網卡驅動程序有問題,你應該怎么做?對于很多電腦小白來說,這個問題是未知的。為了更好的幫助你,今天小編就為大家分享幾款無線網卡驅動的解...

  • 電腦重裝系統中途死機,電腦開機后進不了系統

    電腦重裝系統中途死機,電腦開機后進不了系統 相關圖片電腦開機幾秒就死機如何處理電腦故障?我想很多人不知道該怎么辦。今天,為了更好地幫助大家,編輯將教大家遇到電腦死機時如何處理,希望能幫助大家解決急事。最簡單的方法是...

  • 標簽背景圖,背景

    標簽背景圖,背景 相關圖片QQ怎么改背景[背景標簽]明確地說,背景標簽只有body的標簽,其他的效果可以通過添加一些簡單的屬性來實現:body bgcolor=(ffffff background=B個性標簽怎么設置...

  • 2013office激活工具,office激活工具

    2013office激活工具,office激活工具 相關圖片office激活很多朋友問我如何使用office 2013激活工具。實際上,office 2013激活工具的問題很容易解決。我們只需要遵循正確的步驟。為了更好地幫助你,編輯今天怎么激活office...

  • 網頁菜單,網頁菜單設計

    網頁菜單,網頁菜單設計 相關圖片瀏覽器文件菜單在哪菜單概述此部分提供Dreamweaver MX 2004中菜單的簡要說明。下圖顯示了菜單欄:菜單選項如下所述:“文件”菜單“編輯”菜單“文件”菜單“文件”菜單包網頁制作菜...

  • 電腦怎樣設置定時關機,電腦在哪設置定時關機

    電腦怎樣設置定時關機,電腦在哪設置定時關機 相關圖片電腦可以設置自動關機嗎如何設置計算機的定時關機?對于很多電腦小白來說,這個問題有點未知。為了更好的幫助你,今天小編將分享一個如何設置電腦定時關機的解決方案,希望能...

熱評文章

  • 筆記本電腦沒有聲音怎么辦,筆記本電腦突然沒聲音

    筆記本電腦沒有聲音怎么辦,筆記本電腦突然沒聲音 相關圖片筆記本電腦沒聲音怎么回事網友們用筆記本電腦播放音樂已經有很長一段時間了,但是沒有聲音。當筆記本電腦沒有聲音的時候,你怎么處理?因為有很多原因,我們只能在筆記本電腦...

  • 電腦老自動關機是什么原因,電腦自動關機了怎么回事

    電腦老自動關機是什么原因,電腦自動關機了怎么回事 相關圖片電腦用一會就自動關機遇到電腦自動關機是一件很郁悶的事情,尤其是在看電影的時候。坐在金奈的時候,小編特別告訴這些遇到電腦自動關機不知道怎么解決的網友,希望能幫助他們...

  • 工作流程,服務員的崗位職責和工作流程

    工作流程,服務員的崗位職責和工作流程 相關圖片工作流程管理交互設計師的工作不僅是輸出設計方案,還參與產品設計和實現的許多方面,如需求討論、后期開發、測試和驗收,本文將介紹交互設計的工作流程和各個階段的職責I.在需...

  • 藍屏代碼0x000005a,0xc000008e藍屏代碼

    藍屏代碼0x000005a,0xc000008e藍屏代碼 相關圖片藍屏代碼0x00000a1最近,一位朋友在使用電腦的過程中遇到了這樣一個困難的情況。當朋友開始正常使用電腦時,發現當電腦打開滾動條界面時,電腦自動出現藍屏,并提示藍屏錯誤代碼...

  • dreamweaver,Dream

    dreamweaver,Dream 相關圖片twill weave一、IIS(Internet信息服務)的安裝和配置,以Windows Server 2003(以下簡稱Win2003)為例。因為Win2003是一個服務器級操作weaver...

  • 電腦設置鎖屏密碼,電腦如何設置密碼鎖屏

    電腦設置鎖屏密碼,電腦如何設置密碼鎖屏 相關圖片電腦密碼怎么取消我相信很多人不想為別人的電腦操作設置最簡單的密碼,導致文件、文檔等物品丟失。但是,有些人不知道如何設置計算機密碼。接下來,小編會教你如何設置電腦密...

  • html5的大綱,html5網頁設計大綱

    html5的大綱,html5網頁設計大綱 相關圖片html5css3教案? /**可折疊輪廓*類名樹*存儲位置xZn/HTML/tree。PHP*/**節點類*用于在樹中保存相關參數**@param$ID節點號*@param$texhtml5網頁設計報告...

  • 黑屏系統,進入系統黑屏

    黑屏系統,進入系統黑屏 相關圖片黑屏怎么解決電腦開機后,黑屏無法進入系統。我不知道怎么解決。實際上,黑屏是最常見的引導失敗之一。我們可以嘗試在安全模式下修復黑屏問題。如何解決這個問題?針對這種情...

  • 走腎不走心,走腎不走心1-12

    走腎不走心,走腎不走心1-12 相關圖片僧侶走腎不走心8目前,我國多個大型電子商務平臺日趨完善,呈現多家優勢融合的趨勢。另一方面,國外高質量的電子商務網站大多有自己的風格和不同的設計方向。這些個性和堅持讓...

  • 開機顯示器不亮,開機顯示器沒反應

    開機顯示器不亮,開機顯示器沒反應 相關圖片電腦開機顯示器和鍵盤都不亮網友問小編,電腦可以開機,但顯示器不亮,確保線路沒有問題,如果主板后面的監控燈(調試燈)不亮,我該怎么辦?一天一次,會很煩人,怎么解決這...

關注微信

变脸官网查询