html5中鏈結和分組標籤

2021-07-10 07:41:58 字數 1269 閱讀 3574

本小白今天新學了一點html5標籤的用法,內容簡單,希望和大家分享一下。

首先是鏈結標籤 a, 鏈結標籤a用法簡單易用,初學者很容易上手。

對於初學者,主要掌握href、target、相對路徑和錨點的用法即可。

個人主頁

末尾 //錨點

............................

//也可用name屬性

這就是乙個簡單的例項。

相對路徑的分類: index2.html  或 index2.html //此為鏈結處於同乙個目錄下的html檔案

***./index2.html 或 ***/***/index2.html  //此為鏈結處於子目錄中的html檔案

../index2.html 或 ../../index2.html  //此為鏈結處於父目錄或上兩級目錄中的html檔案

注意:鏈結本地檔案時,兩個檔案必須處於同乙個磁碟下。

target 屬性用來表示鏈結後的網頁環境,是在原頁面上跳轉還是在新視窗或新標籤頁中開啟,預設情況是原頁面上跳轉,但是上面**中用到的_blank則表示在新標籤頁中開啟。

如上文演示: 此即為設定錨點,然後在你想要跳轉的地方寫入相對應的即可。

對於分組標籤大多用法相同,效果上僅僅只有細微的差別。如、

都是表示分段的標籤

p 標籤的段與段之間的間距較大, div 標籤的段與段之間間距較小, blockquote 標籤會增加左右間距,即首部與邊框之間有很大間隙,與p和div均不相同。

有序標籤ol與無序標籤ul的用法一樣。均是

區別在於ol標籤中多了

type屬性用來定義有序排列時使用數字表示還是英文表示還是希臘字母。

type: a(英文)、1(數字)、a、i、i(希臘字母)

start屬性用來定義開始編號。

如:表示從3開始用數字標號,注意如果你用希臘或英文標示,start後仍然接數字

reserved屬性用來逆序排列。

li標籤也仍然有value屬性強制定義該欄的編號,以及影響其後標籤欄的編號。學過c++的人都知道enum列舉型別也有相同的用法。

分組標籤還有dl標籤用來定義列表,並結合dt標籤用來表示列表中的專案與dd標籤,給出專案說明。專案

內容 最後是文字與的結合。

文字描述

或....

效果

希望可以幫助其他剛剛接觸html5的你。

html5標籤屬性大全 HTML5

音訊格式 屬性 值描述 屬性 值描述 屬性值描述 屬性值描述 gz bjsh 屬性值 描述 required required 表單擁有該屬性表示其內容不能為空,必填 placeholder 提示文字 表單的提示資訊,存在預設值將不顯示 autofocus autofocus 自動聚焦屬性,頁面載入...

HTML5中的iframe標籤

iframe元素會建立包含另外乙個文件的內聯框架 即行內框架 src src 屬性規定在 iframe 中顯示的文件的 url name 設定該iframe的名字 scrolling scrolling屬性規定是否在 iframe 中顯示滾動條 frameborder frameborder屬性規定...

HTML5的學習(二)HTML5標籤

3.按功能排列標籤 標籤 描述 html4 html5 定義注釋。定義文件型別。定義文件的主體。定義文件中的節。定義section或page的頁尾。to定義html標題。定義html文件。定義關於文件的資訊。定義section或page的頁首。定義關於html文件的元資訊。定義針對不支援客戶端指令碼...