2. 程式人生 > >a _ img _list 標簽

a _ img _list 標簽

阿新 • • 發佈：2018-09-21
outline www con ora index 常用用法 測試 temp 懸浮

標簽a、img、list

一、a標簽

1、常用用法

<a href="https://www.baidu.com">前往百度</a>
<a href="./index.html">前往主頁</a>

2、相對路徑

以當前文件作為參考，.代表當前路徑，..代表上一級目錄

3、常用屬性

title -- 鏈接說明
target -- _self | _blank -- 目標位置

4、其他用法

  • mailto：郵件給...
  • tel：電話給...
  • sms：信息給...

5、a標簽reset操作

a {
    color: #333;
    text-decoration: none;
    outline: 0;
}

6、錨點

① <a href="#tag">前往錨點</a> <a name="tag" des="錨點"></a>
② <a href="#tag">前往錨點</a> <i id="tag" des="錨點"></i>

7、鼠標樣式

{
    cursor: pointer | wait | move;
}

二、img標簽

1、常用用法

<img src="https://image/icon.gif" />
<img src="./icon.gif" />

2、常用屬性

alt -- 異常解釋
title -- 圖片解釋

三、list列表

1、有序列表

<ol>
    <li></li>
    <li></li>
</ol>

2、無序列表

<ul>
    <li></li>
    <li></li>
</ul>

3、list的reset操作

ol, ul {
    margin: 0;
    padding: 0;
    list-style:none;
}

a_img_list 標簽 代碼示例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>a_img_list</title>
    <style type="text/css">
        /* reset: a標簽一些默認屬性的清楚 */
        a{
            color:#333;
            text-decoration:none;
            outline:0;
        }
    </style>
</head>
<body>
    <!-- 一、基本使用 -->
    <!-- 超鏈接標簽:a -->
    <!-- 雙/行/單一類型標簽 -->
    <a href="https://www.baidu.com">前往百度</a>
    <a href="5 邊界圓角.html">前往邊界圓角</a>
    <!--  ./或省略代表當前文件所在路徑，可以訪問與該文件通路徑下的所有文件及文件夾 -->
    <!-- ../ 代表本層路徑的上層目錄 -->
    <a href="./temp/1.html">hey</a>
    <!-- 二、屬性 -->
    <!-- title：鼠標炫富的文本提示 -->
    <!-- target：_blank，新開啟空白標簽位來打開目標頁面 -->
    <a href="https://sina.com.cn" title="新浪網" target="_blank">前往新浪</a>
    <!-- 三、其他應用場景 -->
    <!-- mailto | sms |tel  -->
    <a href="mailto:[email protected]">發信息給zero</a>

    <!-- 四、錨點 -->
    <!-- a 與a  #錨點名 href=“#錨點名” 對應 name=“錨點名” -->
    <!-- a與標簽 href=“#錨點名”  對應 id=“錨點名” -->
    <a href="#tag">前往底部</a>
    <!-- 測試錨點用 -->
    br * 100
    <!-- 設置一個錨點 -->
    <!-- bottom 做底部布局的區域 -->
    <div class="bottom">
        <a name="tag" href="">設置一個錨點</a>
        <!-- <i id="tag"></i> -->
        <!-- <div id="tag"></div> -->
    </div>

   <!-- 五.img使用 -->
    <!-- src可以連接本地及網絡圖片 -->
    <!-- alt:資源加載失敗時的文本提示 -->
    <!-- title:圖片的文本信息(鼠標懸浮時展示) -->
    <img src="http://5b0988e595225.cdn.sohucs.com/images/20180921/f1505f486ba8492b8faaa62ac7cc3e66.png" alt="保羅" title="保羅">

    <!-- 六.list列表 -->
    <!-- reset操作 -->
    <style type="text/css">
        ol, ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
    </style>
    <!-- 有序列表 -->
    <ol>
        <li>列表項</li>
        <li>列表項</li>
        <li>列表項</li>
    </ol>
    <!-- 無需列表:常用 -->
    <ul>
        <li>列表項</li>
        <li>列表項</li>
        <li>列表項</li>
    </ul>
</body>
</html>

a _ img _list 標簽

相關推薦

a _ img _list 標簽

outline www con ora index 常用用法 測試 temp 懸浮 標簽a、img、list 一、a標簽 1、常用用法 <a href="https://www.baidu.com">前往百度</a> <a href="./in

<img> 標簽的 hspace 和 vspace 屬性

img div 像素 通過 clas 兼容 顏色 很多 設計者 案例<img src="w3school.gif" hspace="30" vspace="30" />描述 通常圖形瀏覽器不會在圖像和其周圍的文字之間留出很多空間。除非創建一個透明的圖像邊框來擴大

<img/>標簽屬性

http url .com 分享圖片 懸停 不能 nbsp 鼠標 title 屬性 屬性值 描述 src url 圖像的路徑 alt 文本

<img>標簽

文字 red img NPU 制作 n-1 服務 通過 標簽 如何插入圖像： <img src="smiley-2.gif" alt="Smiley face" width="42" height="42"> 標簽定義及使用說明 <img> 標簽

Web前端(1)_認識html標簽

sch 標記 school www. 怎麽辦 tex pan pre lin 1、常用標簽 1.1 head標簽，相當於頭，裏面嵌套了主要四種 title 在瀏覽器標簽頁顯示

Web前端(2)_行級標簽

html hide res ide set spl clas close inf 1、圖片標簽 絕對路徑 <!DOCTYPE html> <html lang="en"> <head> <me

獲取含有class為某個值的a標簽或img標簽

link log pre lin 獲取 true light cnblogs csharp <a\s+[^>]*class=‘fjLink‘[^>]*>[^<]*</a>|<img\s+[^>]*class=‘fjLi

HTML a標簽 img標簽 ul列表、ol列表、dl列表標簽,table表格標簽,lable

baidu 功能 新窗口 內容 head div 點擊 實現 設置 a標簽其實就是用來做跳轉的 　　a標簽的作用：頁面跳轉、錨（頁就是類似書簽的東西，在URL中顯示出#） <a href="http://www.baidu.com" traget = "_blank"

html-2, a img ul li ol dl dt dd 標簽與列表標簽的簡單使用

oid spa sta 資源加載 顯示 self start uno 實現圖 <!-- a： （1）超鏈接 href 超鏈接的地址 target: _

a標簽 可能會出現的bug

ref 當前頁 屬性 定位問題 實現 use 位置 你會 nload 在項目中a標簽遇到過的問題 發現問題：a標簽包裝的按鈕， 如果這個按鈕在頁面滾動後出現，你點擊後，頁面會定位到滾動以前的位置，但是我並不想要這種效果。 分析問題並嘗試：　一開始以為是光標定位問題，用doc

關於在"a"標簽中添加點擊事件的一些問題

ret 返回 ref catch urn 屬性 false turn 沒有 　　昨天做修改頁面跳轉時遇到一個問題，如果a標簽的"href"屬性為空的話，比如這樣<a href="" onclick="roleupdate()">修改</a>，這時當我

一個關於A標簽和分頁的怪問題！

boot 題解 input page mvc def data tel 問題解決 用bootstrap做了用戶電話號碼查詢的前端頁面。 並且用了MVCPager分頁。 Bootstrap前端頁如下： 一開始使用了用A標簽，分頁成功後，我進入第二頁，點擊這個A標簽，頁面會自動

a標簽鏈接添加顏色

mar ont deb lan 寫上 over back ext 頁面 定義鏈接樣式 　　CSS為一些特殊效果準備了特定的工具，我們稱之為“偽類”。 　　　　　其中有幾項是我們經常用到的，下面我們就詳細介紹一下經常用於定義鏈接樣式的四個偽類， 　　　　 它們分別是：

jsp頁面，使用Struts2標簽，傳遞和獲取Action類裏的參數，註意事項。<s:a action><s:iterator><s:param>ognl表達式

ram abc 從數據 -- xml文件 struts2標簽 ice 由於 spa 在編寫SSH2項目的時候，除了使用<s:form>表單標簽向Action類跳轉並傳遞參數之外，很更多時候還需要用到<s:a action="XXX.action"

使用mui框架後a標簽無法跳轉

無法 刪除節點 將不 不能 tel tno 刪除 inner bsp 由於最近工作項目上使用到前臺mui框架，筆者在將H5轉換為jsp時，遇見各種各樣問題，原因歸結為對mui框架不熟悉，今天就遇見一個特別奇怪的問題，界面中超鏈接<a>標簽無法跳轉，筆者試著添加點

使用area標簽模仿a標簽

lang idt round left cnblogs area標簽 abs pos 不支持 眾所周知，map標簽可以給img圖像標記熱點區域，而area標簽就是跟map標簽一起使用的。 但area標簽的作用可不止用來標記熱點，因為它也有href屬性，因此某些場景可以代替a

a標簽文字選中後的顏色樣式更改

vda fff 分享 ani apr size sip win base64 ::selection 選擇器,選擇被用戶選取的元素部分。是css3的用法 可能有些瀏覽器不兼容 實例代碼： ::selection {background:#FF9; color:#F00;}:

HTML <a> 標簽

下劃線 ref html5 坐標 style 默認 語言 設備 打開 定義和用法 <a> 標簽定義超鏈接，用於從一張頁面鏈接到另一張頁面。 <a> 元素最重要的屬性是 href 屬性，它指示鏈接的目標。 在所有瀏覽器中，鏈接的默認外觀是： 未被訪問

圖片標簽<img>

tro 提示 講解 str ron 可見 mark png marker 語法： <img src="圖片地址" alt="下載失敗時的替換文本" title = "提示文本"> 舉例： <img src = "myimage.gif" alt = "My

iscroll滑動區域 a 標簽失效問題

csharp spa cep area style arp new 查看 iscroll 昨天遇到個問題。iscroll滑動區域 a 標簽失效 <div class="iscroll"> <div class="myIscroll">