#WEB前端(HTML屬性)

1.實驗:a,img


2.IDE:VSCODE?


3.記錄:?

a:

href插入超鏈接

默認情況下在本窗口打開鏈接,

target可以設置打開的窗口,parent在父窗口打開,blank新開串口打開,top在頂層串口打開,self為默認在本窗口打開

img:

插入圖片

可以插入圖片鏈接(src)和加載失敗時顯示的內容(alt)

可以設置圖片的寬和高

運行效果:


4.代碼:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>HTML屬性</title>
</head>
<body><a href="https://docs.geeksman.com">極客俠網址</a>                           <!超鏈接,默認為_self(在本窗口打開超鏈接)><p><a href="https://docs.geeksman.com" target="_blank">在新窗口打開極客俠網址</a></p><p><a href="https://docs.geeksman.com" target="_parent">在父窗口打開極客俠網址</a></p>     <!target規定在哪個窗口打開超鏈接><p><a href="https://docs.geeksman.com" target="_self">在本窗口打開極客俠網址</a></p><p><a href="https://docs.geeksman.com" target="_top">在頂層窗口打開極客俠網址</a></p><hr>                                    <!分割線><! src為圖片的鏈接,alt為圖片無法加載時顯示的內容><img src="https://ts4.cn.mm.bing.net/th?id=OIP-C.fFLzAD27IMu3Y07d2l2nIAHaLH&w=204&h=306&c=8&rs=1&qlt=90&o=6&dpr=1.4&pid=3.1&rm=2" alt="圖片加載出錯">                <hr><img src="超級馬里奧.jpg" alt="出錯了">                            <!DOCTYPE html 直接加載同一路徑下的圖片><hr><img src="超級馬里奧.jpg" alt="出錯了" width="400" height="200">   <!DOCTYPE html 直接加載同一路徑下的圖片,設置顯示的寬度和高度>
</body>
</html>

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/715520.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/715520.shtml
英文地址,請注明出處:http://en.pswp.cn/news/715520.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

解析/區分MOS管的三個引腳G、S、D(NMOS管和PMOS管)

MOS管的三個引腳分別是Gate&#xff08;柵極&#xff09;、Source&#xff08;源極&#xff09;和Drain&#xff08;漏極&#xff09;。以下是詳細介紹&#xff1a; Gate&#xff08;柵極&#xff09;。這是控制MOS管開關的關鍵引腳&#xff0c;用于控制電流的流通。Source&…

智能分析網關V4安全帽檢測/反光衣檢測/通用工服檢測算法及應用

TSINGSEE青犀視頻智能分析網關V4內置了近40種AI算法模型&#xff0c;支持對接入的視頻圖像進行人、車、物、行為等實時檢測分析&#xff0c;上報識別結果&#xff0c;并能進行語音告警播放。硬件管理平臺支持RTSP、GB28181協議、以及廠家私有協議接入&#xff0c;可兼容市面上常…

【DDD】學習筆記-實體和值對象:從領域模型的基礎單元看系統設計

今天我們來學習 DDD 戰術設計中的兩個重要概念&#xff1a;實體和值對象。 這兩個概念都是領域模型中的領域對象。它們在領域模型中起什么作用&#xff0c;戰術設計時如何將它們映射到代碼和數據模型中去&#xff1f;就是我們這一講重點要關注的問題。 另外&#xff0c;在戰略…

springboot238光影視頻

光影視頻平臺 摘 要 使用舊方法對光影視頻平臺的信息進行系統化管理已經不再讓人們信賴了&#xff0c;把現在的網絡信息技術運用在光影視頻平臺的管理上面可以解決許多信息管理上面的難題&#xff0c;比如處理數據時間很長&#xff0c;數據存在錯誤不能及時糾正等問題。這次開…

APS面試審核準備的常規問題

之前根據其他人的經驗貼&#xff0c;準備了一些可能APS 面試審核可能會遇到的常規問題&#xff0c;現在簡單分享一下。 一般會考慮到留學資金來源&#xff0c;在德國能不能順利畢業&#xff1b;學的是什么專業內容之類的&#xff0c;判斷去德國會不會好好學習&#xff1b;對德國…

Linux:上傳文件到虛擬機

常見的方法&#xff1a; 使用虛擬機軟件提供的文件共享功能&#xff1a; 對于VMware Workstation&#xff0c;可以使用“共享文件夾”功能。對于VirtualBox&#xff0c;可以使用“共享文件夾”或“拖放”功能。 使用網絡文件共享服務&#xff1a; 您可以在虛擬機中配置一個Sam…

【Python入門教程】Python實現雞兔同籠

今天跟大家分享一下很久之前自己做的雞兔同籠求解問題的小游戲&#xff0c;使用公式和基本的判斷語句即可實現&#xff0c;可以用來當練手或者消磨時間用。 大家在編代碼的時候最重要就是先理清邏輯思路&#xff0c;例如應該套幾層循環、分幾個模塊等等。然后在編碼時可以先隨意…

TS中符號的用法:?、??、 !、 !!

1) ? 的用法 示例&#xff1a; const obj res?.data || {}; // obj是從接口中取到的數據const dataError obj.a.b; // 若obj為空&#xff0c;則此時會報錯const dataSafe obj?.a?.b; // 相當于 const dataSafe obj && obj.a && obj.a.b ? obj.a.b…

wy的leetcode刷題記錄_Day80

wy的leetcode刷題記錄_Day80 聲明 本文章的所有題目信息都來源于leetcode 如有侵權請聯系我刪掉! 時間&#xff1a;2024-3-2 前言 目錄 wy的leetcode刷題記錄_Day80聲明前言2368. 受限條件下可到達節點的數目題目介紹思路代碼收獲 92. 反轉鏈表 II題目介紹思路代碼收獲 2368…

Redis持久化+Redis內存管理和優化+Redis三大緩存問題

Redis持久化Redis內存管理和優化Redis三大緩存問題一、Redis高可用二、Redis持久化1、RDB持久化1.1 觸發條件(1) 手動觸發(2) 自動觸發(3) 其他自動觸發機制 1.2 執行流程1.3 啟動時加載 2、AOF持久化2.1 開啟AOF2.2 執行流程(1) 命令追加(append)(2) 文件寫入(write)和文件同步…

讀書筆記-三國演義-荊州爭奪

荊州爭奪 赤壁之戰后&#xff0c;荊州成為蜀漢、曹魏和孫吳三方爭奪的焦點。劉備、曹操和孫權相繼占據荊州&#xff0c;展開了一系列激烈的軍事沖突和政治斗爭。 赤壁之戰后的荊州爭奪是三國時期曹操、劉備和孫權之間的一場激烈競爭&#xff0c;是繼赤壁之戰后三方勢力之間的…

網絡編程筆記

網絡編程 1.網絡編程常用工具 1.掃描器 每一個網絡編程者手中都有一兩個用得順手的掃描器&#xff0c;掃描器在一個老練的網絡編程者手里有著相當大的作用。利用掃描器&#xff0c;網絡編程者可以對某一網段的機器或是某臺目標機器進行快速漏洞掃描&#xff0c;因為傳統的手…

langchain學習筆記(十)

Bind runtime args | &#x1f99c;?&#x1f517; Langchain 1、有時&#xff0c;我們希望使用常量參數調用Runnable序列中的Runnable&#xff0c;這些參數不是序列中前一個Runnable的輸出的一部分&#xff0c;也不是用戶的輸入&#xff0c;這時可以用Runnable.bind() from …

關于synchronized介紹

synchronized的特性 1. 樂觀鎖/悲觀鎖自適應,開始時是樂觀鎖,如果鎖沖突頻繁,就轉換為悲觀鎖 2.輕量級/重量級鎖自適應 開始是輕量級鎖實現,如果鎖被持有的時間較長,就轉換成重量級鎖 3.自旋/掛起等待鎖自適應 4.不是讀寫鎖 5.非公平鎖 6,可重入鎖 synchronized的使用 1&#…

2024家用洗地機品牌推薦!洗地機選什么牌子好?建議選擇這幾款

如今生活節奏加快&#xff0c;工作繁忙的上班族很少有時間做家務。即使抽出時間打掃&#xff0c;也難以保持家庭長久干凈整潔。許多人聽說了智能化家居神器——洗地機&#xff0c;想要入手一臺。但在市場上各種洗地機層出不窮&#xff0c;很多人不知如何選擇。下面是我給大家整…

掌握MyBatis:輕松解鎖數據庫操作的藝術

MyBatis是一款優秀的持久層框架&#xff0c;它封裝了JDBC操作的很多繁瑣細節&#xff0c;提供了一種相對簡便的操作數據庫的方法。MyBatis通過XML描述接口綁定的SQL語句&#xff0c;以及通過Java注解的方式&#xff0c;將Java對象與數據庫表進行映射&#xff0c;從而簡化了數據…

降低85%的gc發生率:ES的GC調優實踐!

#大數據/ES #經驗 #性能 ES的服務日志出現一些gc overhead現象&#xff0c;經過調優對比&#xff0c;gc發生率顯著下降了85%&#xff0c;分享參數如下&#xff1a; ES的G1GC參數&#xff08;多實例&#xff09; -XX:UseG1GC -XX:MaxGCPauseMillis200 -XX:InitiatingHeapOccu…

Redis緩存雙寫一致性之更新策略

文章目錄 1. 經典面試題2. 雙寫一致性3. 更新策略4. canal簡介5. Redis與Mysql數據雙寫一致性工程落地案例 1. 經典面試題 上面的業務邏輯你用java代碼如何實現&#xff1f;你只要用緩存&#xff0c;就可能會涉及到redis緩存與數據庫雙存儲雙寫&#xff0c;你只要是雙寫&#x…

嵌入式學習day29 指針復習

1.指針&#xff1a; 1.提供一種間接訪問數據的方法 2.空間沒有名字,只有一個地址編號 2.指針: 1.地址:區分不同內存空間的編號 2.指針:指針就是地址,地址就是指針 3.指針變量:存放指針的變量稱為指針變量,簡稱為指針 3.指針的定義: int *p NULL; …

MyBatis中 #{} 和 ${} 區別

Mybatis的Mapper映射文件中&#xff0c;有兩種方式可以引用形參變量進行取值: #{} 和 ${}。本文將簡述兩種方式的區別和適用場景 取值引用 #{} 方式 #{}: 解析為SQL時&#xff0c;會將形參變量的值取出&#xff0c;并自動給其添加引號。 例如&#xff1a;當實參username&quo…