社群 學習 工具庫 休閒
搜尋
繁体中文
首頁 > web前端 > css教學 > html的基本使用（HTML標籤解釋）_CSS/HTML

html的基本使用（HTML標籤解釋）_CSS/HTML

WBOY
發布： 2016-05-16 12:03:59
原創
2237 人瀏覽過

一、連結
在HTML中超文本的連結非常重要，基本格式如下：
連結文字

1.本地連結
①絕對路勁：
絕對路勁連結到本地圖片
②相對路勁
相對路勁連結至本機圖片
③連結到上一級目錄


2、URL連結
形式：協定名稱：//主機.網域/路勁/檔案名稱
協定包括：
file       本地系統檔案
http          本地系統檔案
http          本地系統檔案
http          本地系統檔案
http  伺服器
ftp        ftp伺服器
telnet     以TELNET為基礎的協定
mailto    電子郵件
news      U1505>g HREF="" > 百度一下

3、目錄連結
先把某段落設定為連結位置，格式為：

再呼叫此連結部分的文件，定義連結：
連結文字
當然如果在一個檔案內跳轉，檔案名稱就可以省略不寫。

二、多視視窗FRAMES
使用FRAMES結構設計的HTML文件，能夠將整個視窗分成幾個獨立的小窗口，每個小視窗可分別載入不同的文件，並且可以相互溝通。
1、基本結構：


cnltphpcnFRAME SRC="url ">
...


2、各視窗的尺寸設定
我們將視窗分割為幾塊，橫向分用ROWS屬性，縱向分用COLS屬性，每一塊的大小可以由這兩個屬性的值來實現。


#的值為一對用引號括起來的字串，字串中的數字表示每個視窗所佔的大小，中間用逗號隔開，其中的數字也可以用"*"來代替，表示由瀏覽器自動分配大小。如


phpcnltcn遠
3、各視窗間的相互操作
①frame的src屬性用來指定要連結的內容，name屬性指定該視窗的名字，target屬性用來指定所連結的檔案出現在哪一窗口，其值可以是name定義的名稱，也可以是下面四類值：
    顯示一個新視窗
  顯示在Frameset的前一份文件的視窗
       顯示在整個瀏覽器視窗
②orderframe)
php_L&jcnf no
frameborder指定各視窗邊框的設定:yes表示有邊框，no表示無邊框


#的值為像素點，該屬性用來設定視窗的上下左右邊界寬度，如不設定，由瀏覽器自動決定。

#=yes,no,auto
滾動條設置，yes表示有，no表示沒有，auto表示由瀏覽器自動設置，預設值是auto。


noresize 屬性規定使用者無法調整框架的大小。預設地，可以透過拖曳框架之間的「牆壁」來改變框架的大小，該屬性可以鎖定框架的大小。

三、樣式表
1.樣式表最重要的功能是提供了一種能使所有web頁面的樣式保持一致的方法。
樣式表的三個層次依照從低層到高層的順序依序是：
①.內建（inline）樣式表：適用於單一元素的內容
②.文檔層（document level）樣式表：適用於整個文件的主體
③.外部（external）樣式表：可以應用在多個文件的主體中
在使用時，如果出現衝突，低層次的樣式表具有使用上的優先權。
2.使用CSS需要注意的問題：
①有些瀏覽器可能不支援某些屬性值，這時瀏覽器要麼忽略這些屬性值要麼用一個可選值取代。
②內建樣式只適應單一元素，其實違背了樣式表的設計初衷，所以應該謹慎使用。
③文檔層樣式說明出現在文件的頭部分，適用於文檔的整個主體。所以網站建立的整體風格能夠保持一致就是這麼實現的。
④外部樣式表不屬於使用它的文件的一部分，外部樣式表需要單獨存儲，並且使用它時都要進行說明。可以使用MIME類型text/css將外部樣式表編寫成一些文字文件，它們可以儲存在網際網路上的任何一台電腦中，瀏覽器取得外部樣式表就如同取得文件一樣。網頁首部的元素也可用於指定外部樣式表，在中，rel屬性用於指定被連結的文檔與包含改連結的文檔之間的關係，而href屬性用於指定樣式表文檔的URL位址。如


四、span和div
的使用
在有些情況下，要求某些特殊的字體屬性只應用於整個段落的部分文本，例如把某個字或詞組設定為不一樣的字體或背景等等。這是就可以使用元素，例如：

我非常喜歡

的使用
在網頁中，節是很常見的形式，每節由若干段落構成，若在設計中，希望不僅是對各個段落，而是可以對網頁中的節進行樣式設定。這時就可以使用
，它的主要用途是指定網頁中某節或某區域的外觀展示細節。

相關標籤：
html標籤
來源：php.cn
上一篇：多瀏覽器支援CSS 容器內容超出(溢出)支援自動換行_經驗交流 下一篇：不透過JavaScript實現的自動滾動視差效果_經驗交流
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
SQL Count() 也需要 0 我只有一張表，我想計算起始為0的標籤的每個條目現在我嘗試這樣：SELECT標籤，COUNT(start)ASAnzahl，user_idFROMdatensammlung其中(st...
來自於 2024-04-06 19:48:53
0
1
449
CSS 樣式未套用於網站 我正在使用Bootstrap5製作網站，但index.css屬性未應用於index.html。當我將滑鼠懸停在服務卡上時，背景應該會發生變化，從而產生過渡效果。應該是從這個到這個。...
來自於 2024-04-06 17:12:23
0
1
336
為什麼我的 hr 標籤設定為白色純色時是半透明的？ 我有一個html（帶有引導程式）和一個CSS，在我的html中我有一個<hr>標籤，它有一個類，然後在我的CSS中我有它的邊框樣式。它是半透明的，你可以看到白色，但它不...
來自於 2024-04-06 16:13:26
0
1
500
供應商特定偽元素上的 JavaScript 懸停事件 我有以下htmlinput標籤。 $("input[type='range']::-webkit-slider-thumb").on('hover',funct...
來自於 2024-04-06 15:35:24
0
1
274
如何讓我的圖像顯示在頁面的主顯示幕上？ 我想做的是使用NASAAPI接收一些照片。然後在我的網頁的縮圖和主顯示屏上顯示這些照片。我只是弄清楚為什麼程式碼不從縮圖中獲取圖像並將其顯示在頁面上。我還使用HTML5以上版本的模...
來自於 2024-04-06 15:33:12
0
1
433
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板