2. 程式人生 > 其它 >HTML-----影象，超連結，錨鏈接，網頁佈局

HTML-----影象，超連結，錨鏈接，網頁佈局

阿新 • • 發佈：2021-01-13

技術標籤：前端

影象，超連結，網頁佈局

影象

<!--語法
src：圖片載入路徑（必填）
   分絕對路徑和相對路徑（推薦使用）
   ../  上一級目錄
alt：圖片的替代文字（必填）
title：滑鼠懸停在圖片上的提示文字
width：圖片寬度
height：圖片高度
-->
<img src="path" alt="text" title="text" width="x" height="y">

連結標籤

<html lang="en"
 
>
<head>
    <meta charset="UTF-8">
    <title>LinkTest</title>
</head>
<body>
<!--
a 標籤
href:要跳轉到那個網頁（介面），必填
target:新的網頁（介面）在哪裡開啟
     _blank:在新標籤中開啟
     _self:在原標籤中開啟
-->
<a href="LableTest.html" target="_blank">跳轉到Lable</
 
a>
<a href="https://www.baidu.com" target="_self">跳轉到百度</a>
</body>
</html>

錨鏈接

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>LinkTest</title>
</head>
<body>
<!--
a 標籤
href:要跳轉到那個網頁（介面），必填
target:新的網頁（介面）在哪裡開啟
     _blank:在新標籤中開啟
     _self:在原標籤中開啟
-->
 

<!--使用name可以作為標記-->
<a name="Top">頂部</a>
<a href="LableTest.html" target="_blank">跳轉到Lable</a>
<a href="https://www.baidu.com" target="_self">跳轉到百度</a>
<br/>
君不見，黃河之水天上來，奔流到海bai不復回。<br/>
君不見，高堂明鏡悲白髮，朝如青絲暮成雪。<br/>
人生得意須盡歡，莫使金樽空對月。<br/>
天生我材必有用，千金散盡還復來。<br/>
烹羊宰牛且為樂，會須一飲三百杯。<br/>
岑夫子，丹丘生，將進酒，杯莫停。<br/>
與君歌一曲，請君為我傾耳聽。<br/>
鐘鼓饌玉不足貴，但願長醉不復醒。<br/>
古來聖賢皆寂寞，惟有飲者留其名。<br/>
陳王昔時宴平樂，斗酒十千恣歡謔。<br/>
主人何為言少錢，徑須沽取對君酌。<br/>
五花馬，千金裘，呼兒將出換美酒，與爾同銷萬古愁。<br/>
<br/>
君不見，黃河之水天上來，奔流到海bai不復回。<br/>
君不見，高堂明鏡悲白髮，朝如青絲暮成雪。<br/>
人生得意須盡歡，莫使金樽空對月。<br/>
天生我材必有用，千金散盡還復來。<br/>
烹羊宰牛且為樂，會須一飲三百杯。<br/>
岑夫子，丹丘生，將進酒，杯莫停。<br/>
與君歌一曲，請君為我傾耳聽。<br/>
鐘鼓饌玉不足貴，但願長醉不復醒。<br/>
古來聖賢皆寂寞，惟有飲者留其名。<br/>
陳王昔時宴平樂，斗酒十千恣歡謔。<br/>
主人何為言少錢，徑須沽取對君酌。<br/>
五花馬，千金裘，呼兒將出換美酒，與爾同銷萬古愁。<br/>
<br/>
君不見，黃河之水天上來，奔流到海bai不復回。<br/>
君不見，高堂明鏡悲白髮，朝如青絲暮成雪。<br/>
人生得意須盡歡，莫使金樽空對月。<br/>
天生我材必有用，千金散盡還復來。<br/>
烹羊宰牛且為樂，會須一飲三百杯。<br/>
岑夫子，丹丘生，將進酒，杯莫停。<br/>
與君歌一曲，請君為我傾耳聽。<br/>
鐘鼓饌玉不足貴，但願長醉不復醒。<br/>
古來聖賢皆寂寞，惟有飲者留其名。<br/>
陳王昔時宴平樂，斗酒十千恣歡謔。<br/>
主人何為言少錢，徑須沽取對君酌。<br/>
五花馬，千金裘，呼兒將出換美酒，與爾同銷萬古愁。<br/>
<br/>
君不見，黃河之水天上來，奔流到海bai不復回。<br/>
君不見，高堂明鏡悲白髮，朝如青絲暮成雪。<br/>
人生得意須盡歡，莫使金樽空對月。<br/>
天生我材必有用，千金散盡還復來。<br/>
烹羊宰牛且為樂，會須一飲三百杯。<br/>
岑夫子，丹丘生，將進酒，杯莫停。<br/>
與君歌一曲，請君為我傾耳聽。<br/>
鐘鼓饌玉不足貴，但願長醉不復醒。<br/>
古來聖賢皆寂寞，惟有飲者留其名。<br/>
陳王昔時宴平樂，斗酒十千恣歡謔。<br/>
主人何為言少錢，徑須沽取對君酌。<br/>
五花馬，千金裘，呼兒將出換美酒，與爾同銷萬古愁。<br/>
<!--#+標記：跳轉到錨標記點-->
<a href="#Top">回到Top</a>
</body>
</html>

功能性連結

<!--功能性連結：mailto:郵件連結
qq連結等-->
<a href="mailto:[email protected]">點選聯絡我</a>

行內元素和塊元素

  • 塊元素
    • 無論內容多少，該元素獨佔一行
    • （p、h1-h6…）
  • 行內元素
    • 內容撐開寬度，左右都是行內元素的可以再排在一行
    • （a、strong、em…）

相關推薦

HTML-----影象，超連結，錨鏈接，網頁佈局

技術標籤：前端 影象，超連結，網頁佈局 影象 <!--語法 src：圖片載入路徑（必填）

CSS-字型文字樣式，超連結偽類

美化網頁元素 1.為什麼要美化網頁 傳遞頁面資訊 凸顯主題 提高使用者體驗 span標籤： 重點要突出的字，使用span套起來

django REST框架——模型序列化器，超連結模型序列化器

官方文件：https://www.django-rest-framework.org/tutorial/1-serialization/ 序列化 1.安裝第三方包並註冊到app

漲姿勢了，超高效的Docker學習筆記，實戰總結一步到位

前言 Docker 是一個開源的應用容器引擎，讓開發者可以打包他們的應用以及依賴包到一個可移植的映象中，然後釋出到任何流行的 Linux或Windows作業系統的機器上，也可以實現虛擬化。容器是完全使用沙箱機制，相互之間不

android：攔截超連結，重定向問題，以及重定向後的返回問題。

技術標籤：Androidwebviewandroid重定向 在用手機瀏覽web頁面的時候，假如有對應的H5，會自動轉到H5頁面。這是網頁在識別了為移動端時進行了重定向。

影象處理技術：影象切割、標籤、貼紙花字，超細開發詳解

上一篇：影象處理之濾鏡、圖文排版的開發詳解中，詳解了如何給應用增加圖片編輯能力中的濾鏡和圖文排版能力，今天我們繼續帶來華為影象能力中五大影象編輯能力的另外三大能力：影象切割、主題標籤，以及貼紙花字，相

FF 任命 Matt Tall 為生產製造副總裁，任命劉玉超為中國供應鏈高階副總裁

9 月 1 日訊息 據 FF 公眾號訊息，Faraday Future 今天宣佈兩項人事任命，新任生產製造副總裁 Matt Tall 將全面負責領導 Faraday Future 的生產製造工作，尤其是聚焦漢福德工廠量產衝刺階段的工廠升級、生產裝置安裝

放開外鏈限制，騰訊 QQ 現可直接從連結進入抖音、淘寶

9 月 16 日訊息 工信部上週四就“遮蔽網址連結問題”召開了一場行政指導會，阿里、騰訊等企業參會。會上，工信部提出有關即時通訊軟體的合規標準，要求限期內各平臺必須按標準解除遮蔽，否則將依法採取處置措施。測

CHROME擴充套件筆記之注入到宿主網站的A容器裡，事件及超連結解決方案

在外掛開發中，擴充套件資料注入位置完全得根據宿主網站的設計適配，其中最無奈的就是得注入到A標籤裡去，但根據W3C的html解析協議，A標籤是內聯元素(inline element)不能巢狀A標籤的，如果發生巢狀則會被拆分，這樣

華為官方深度解讀：海思越影新一代 AI ISP 影象處理引擎技術硬核，超感光降噪、多光譜融合、超級寬動態...

12 月 28 日訊息，據華為海思釋出，2021 年，海思推出越影 AI ISP：用於物聯網智慧終端的新一代智慧影象處理引擎，突破傳統 ISP 影象處理的極限，將業界畫質標杆推向新的高度。現在華為官方帶來了海思越影新一代 AI

重學前端（10）HTML連結：除了a標籤，還有哪些標籤叫連結？

連結這種元素可以說是佔據了整個網際網路。也正是因為無處不在的超連結，才讓我們的全球資訊網如此繁榮。

學會這幾道連結串列演演算法題，面試再也不怕手寫連結串列了

學會這幾道連結串列演演算法題，面試再也不怕手寫連結串列了 筆者文筆功力尚淺，如有不妥，請慷慨指出，必定感激不盡

從區塊鏈技術研發者的角度，說說我的區塊鏈從業經歷和對它的理解

作者：林冠巨集 / 指尖下的幽靈 掘金：juejin.im/user/587f0d… 部落格：www.cnblogs.com/linguanh/

python判斷單向連結串列是否包括環，若包含則計算環入口的節點例項分析

本文例項講述了python判斷單向連結串列是否包括環，若包含則計算環入口的節點。分享給大家供大家參考，具體如下：

Qt圖形影象開發之Qt曲線圖美化QChart QScatterSeries 空心點陣圖，滑鼠移動到上面顯示數值，滑鼠移開數值消失效果例項

最近接到一個Qt QChart曲線圖美化的需求,畫一個折線圖，關鍵點使用空心的圓點標識出來，滑鼠移動到關鍵點上，顯示出當前數值；滑鼠移走數值消失。

Windows10自帶輸入法新增小鶴雙拼，超簡單！！！

1、複製以下程式碼到記事本，儲存。 #############（以下是文字內容）##############

Newtonsoft 六個超簡單又實用的特性，值得一試 【下篇】

一：講故事 上一篇介紹的 6 個特性從園子裡的反饋來看效果不錯，那這一篇就再帶來 6 個特性同大家一起欣賞。

超簡潔！利用easyExcel匯出，讀入Excel

x 深夜，在東莞，7天酒店，開啟電腦，訪問國內最大的同性交友網站。 日常開發中，匯出匯入場景非常多，尤其是對於後臺管理更是一個列表一個匯出，如果從匯出的業務中抽離出複用程式碼，

HTML基礎 text-indent 把文字移出瀏覽器，隱藏起來

OS : Windows 10 browser : Chrome 83.0.4103.116 editor : Visual Studio Code 1.46.1 typesetting : Markdown

【部落格搭建】Typecho個人部落格搭建，快速安裝，超小白（很簡單的）

使用Typecho框架一個月又十二天了，就目前感覺來說，整體還不錯，很多方面都支援個性化，二次開發，但是目前MD編輯器有一丟丟問題，不能同步滾動條滾動，就是編輯器區域滾動，預覽區域沒有動靜，需要兩邊都操作，不知