img,a,錨鏈結,超連結

2021-10-09 05:52:38 字數 2086 閱讀 5316

1.標籤:img,單標籤

title: 當滑鼠停留在上的時候,顯示提示的文字

alt:當檔案找不到的時候,顯示提示文字

width:寬度

height: 高度

2.路徑:

絕對路徑(一般不用):指的是檔案在計算機裡面的位置

相對路徑(使用):使用者工作目錄開始的路徑(路徑的拼接使用/)

./:當前目錄

../:跳出當前目錄,到上一目錄

title: 滑鼠移動到鏈結上顯示的文字

target:

_self(預設值): 在本視窗顯示跳轉的檔案

_blank:新開乙個視窗顯示跳轉的檔案

base:基礎標籤,寫在head標籤裡面

base標籤裡面的屬性:

href:當跳轉的是空鏈結(href="#")預設跳轉的位址,如果在base標籤設定href屬性,會把當前路徑改為href的值

如果a標籤裡面的值是**的話,則直接跳到**上去;

target:所有的超連結跳轉的時候,是否開啟新視窗顯示

跳轉到空鏈結,將href屬性值設定為#

404:代表路徑錯誤

一般用來做跳轉到頁面的某個位置

1.在需要跳轉位置的標籤裡面寫上id屬性或者name屬性

(id和name屬性是每個標籤都有的屬性,name的屬性值可以重複寫,id的屬性值不能重複寫)

3.注意:如果使用name的話,則跳轉的位置的標籤必須是a標籤

快速生成骨架:html+tab

5.**:table,雙標籤,類似於word或者excel裡面的**

姓名性別

籍貫職業小明男

山東挖掘機小紅女

雲南六脈神劍李華男

湖南趕屍

行:tr(table row),雙標籤

列:td,雙標籤

tr和td的關係:tr是td的父標籤.

一行四列

第一列第二列

第三列第四列

**的屬性:

border:設定**線的寬度,預設為0;

cellspacing:單元格間的距離

cellpadding:單元格的內邊距,一般設定為0就行了(單元格內容距離四邊的大小)

align:**的顯示方式(center,left,right)

tr,td的屬性:

align:單元格的內容的排列方式,預設值是left(center,left,right)

caption:**的標題,寫在table標籤裡面

bgcolor:設定背景顏色

**的結構:

表頭(thead):**的最上面

tbody:**的主題部分

頁尾(tfoot):**的最下面,一般不用

瀏覽器載入**的順序:先載入表頭,頁尾,tbody

th標籤:使每列的文字內容有標題的樣式

單元格合併:

colspan: 列之間的合併

rowspan: 行之間的合併

6.列表:

1).無序列表:

ul(unordered list)雙標籤

ul的屬性:

type:

disc(預設值):實心小圓圈

circle:空心小圓圈

square:正方形

none:沒有圖形

2).有序列表:

ol(ordered list)

雙標籤ol的屬性:

type:以什麼型別來進行排序(a,1),屬性值為i或者是i的時候,是羅馬數字

start:從第幾個開始排序

列表項:li,顯示列表裡面的每一條資訊

張三李四

隔壁老王

3).自定義列表:

dl雙標籤

dt:列表項的標題

dd:相當於li(列表項)

購物指南

會員指南

會員指南

會員指南

會員指南

7.meta標籤:

3.給每個a標籤設定title

列表

5 超連結和錨鏈結說明

1.超連結 a標籤 實現跳轉頁面 屬性 href 外部鏈結或者內部鏈結外部鏈結寫完整url,內部鏈結寫相對位址即可.target 可選 self預設值代表在當前視窗開啟頁面.blank在新視窗中開啟.例子 黑馬程式設計師 外部 登入 本地 黑馬程式設計師 空鏈結例子 內容2.超連結 base標籤 b...

超連結樣式

今天用到了css,超連結樣式,雖然這個很簡單,但是以前沒有太多用過,還是有點手生!css超連結樣式的各屬性的順序不能顛倒,這個順序非常重要。css中關於超連結的四個屬性一般正常順序為 link,visited,hover,active,即 a link 鏈結平常的狀態 a visited 鏈結被訪問...

HTML 超連結的路徑及建立超連結

超連結有兩個路徑,分別是絕對路徑和相對路徑。1.1絕對路徑 絕對路徑指從根目錄開始查詢一直到檔案所處位置所經過的所有目錄,目錄名之間用反斜槓 隔開。比如存在電腦c盤的乙個檔案的絕對路徑是從碟符開始的然後途經找到該檔案的所有目錄。1.2相對路徑 相對路徑指相對於自己的目標檔案位置。比如乙個專案中存在a...