可視化-模塊1-HTML-03

1.發現問題

<p>大數據可視化技術及應用課程</p>
<img src="pic/圖片2.png" width="300" height="300"/>

<p></p>

<img />

HTML 標簽按閉合方式只分兩類:

  1. 雙標簽(paired / container):成對出現,有開始標簽和結束標簽,用來包裹內容。

  2. 單標簽(void / empty element):只有開始標簽,沒有結束標簽,也不包裹任何內容。

1. 雙標簽

必須寫一對:<開始> 內容 </結束>

2. 單標簽

只有開始標簽,沒有 </>,也沒有“內容”可寫

HTML5 推薦寫法末尾帶 / 可省略,但寫上更直觀

2-屬性

HTML 屬性

  • HTML 元素可以設置屬性
  • 屬性可以在元素中添加附加信息
  • 屬性一般描述于開始標簽
  • 屬性總是以名稱/值對的形式出現,比如:name="value"
<a href="https://www.baidu.com">href 屬性</a>

2-1-嘗試1

<a>不加href會怎么樣?</a>

2-2-嘗試2

<a href="index.html">href鏈接本地網頁</a>

3-href和src

href(用于 <a><link> 元素):指定鏈接的目標 URL。

<a href="https://www.example.com">Visit Example</a>

src(用于 <img>, <script>, <iframe> 等元素):指定外部資源的 URL。

<img src="image.jpg" alt="An example image">

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

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

相關文章

前端開發:詳細介紹npm、pnpm和cnpm分別是什么,使用方法以及之間有哪些關系

目錄 npm、pnpm和cnpm分別是什么 npm pnpm cnpm NPM包管理器 使用npm管理&#xff0c;創建/初始化項目 修改npm鏡像&#xff08;npm源設置&#xff09; 基本命令 安裝依賴項 下載特定版本的依賴 下載開發依賴 下載全局依賴&#xff08;全局安裝&#xff09; 升級依賴項 根據依賴…

我們為你連接網絡,安裝驅動程序

Windows 11 家庭版/專業版在安裝時默認要求聯網&#xff0c;其實可以跳過。在這個聯網界面按下 Shift F10 打開命令行。輸入以下命令并回車&#xff1a;OOBE\BYPASSNRO系統會自動重啟&#xff0c;回到聯網界面。這時會多出一個 “我沒有 Internet” 選項&#xff0c;點它&…

智慧交通夜間逆光誤檢率↓81.4%!陌訊多模態融合算法在主干道監測的落地優化

一、智慧交通視覺檢測的行業痛點智慧交通作為城市基建的核心環節&#xff0c;其視覺檢測系統&#xff08;車輛識別、車牌匹配、交通事件預警&#xff09;的可靠性直接影響通行效率與交通安全。但根據《2023 年中國智慧交通發展報告》數據&#xff0c;當前主流方案仍面臨三大核心…

Java和數據庫的關系

數據庫本身是一個獨立的、巨大的知識領域&#xff0c;但“數據庫的使用、優化和深度理解”絕對是Java后端工程師進階的核心組成部分。 它們不是分開的&#xff0c;而是緊密耦合、相輔相成的關系。你可以這樣理解&#xff1a; 數據庫&#xff08;MySQL, Oracle等&#xff09; 就…

Socket some functions

setsockopt 簡介setsockopt 是用于設置套接字&#xff08;socket&#xff09;選項的系統調用函數&#xff0c;允許用戶對套接字的行為進行精細控制。通過調整選項參數&#xff0c;可以優化網絡通信性能、修改超時設置、啟用特殊功能等。該函數在 POSIX 系統和 Windows 平臺均有…

玩轉深度學習數據填補!CNN-GRU組合模型數據填補(四個案例數據)

這兩段MATLAB代碼&#xff08;BABJ.m 和 CNN_GRUQSTB.m&#xff09;分別完成數據預處理與缺失值標識和基于CNN-GRU混合神經網絡的缺失值預測填補任務。以下是詳細分析&#xff1a; 一、主要功能 BABJ.m ? 功能&#xff1a;從多個Excel文件中讀取數據&#xff0c;匹配并合并多個…

基于開源AI智能名片鏈動2+1模式S2B2C商城小程序的營銷創新研究——以“種草”實踐踐行“以人為本”理念

摘要&#xff1a;本文聚焦于營銷本質&#xff0c;強調創造和維護與消費者有價值關系的重要性&#xff0c;指出企業需回歸消費者視角提供有價值產品和服務。深入探討“種草”作為科特勒“以人為本”理念在中國市場的最佳實踐&#xff0c;分析其意義與價值。同時&#xff0c;引入…

基于SpringBoot+Vue的智能停車場管理系統 停車管理小程序

&#x1f525;作者&#xff1a;it畢設實戰小研&#x1f525; &#x1f496;簡介&#xff1a;java、微信小程序、安卓&#xff1b;定制開發&#xff0c;遠程調試 代碼講解&#xff0c;文檔指導&#xff0c;ppt制作&#x1f496; 精彩專欄推薦訂閱&#xff1a;在下方專欄&#x1…

01數據結構-歸并排序和計數排序

01數據結構-歸并排序和計數排序1.歸并排序1.1歸并排序概述1.2歸并排序的執行流程1.2.1遞(分裂)的過程1.2.2歸(合并)的過程1.3歸并排序的代碼實現2.計數排序2.1算法思想2.2計數排序的改進2.2.1優化12.2.2優化21.歸并排序 1.1歸并排序概述 歸并排序&#xff0c;其排序的實現思想…

SQL注入2----(sql注入數據類型分類)

一.前言本章節我們來講解一下sql注入的分類&#xff0c;主要分為四類&#xff0c;數字型、字符型、搜索型、xx型。二.數字型數字型注入的時候&#xff0c;是不需要考慮單\雙引號閉合問題的&#xff0c;因為sql語句中的數字是不需要用引號括起來的&#xff0c;如下mysql> sel…

Elasticsearch Rails 實戰全指南(elasticsearch-rails / elasticsearch-model)

一、背景與生態總覽 elasticsearch-rails&#xff1a;面向 Rails 的“伴生庫”&#xff0c;為 Rails 項目帶來 Rake 任務、日志埋點、模板等特性。elasticsearch-model&#xff1a;把 ES 能力“混入”到 Ruby 模型&#xff08;ActiveRecord/Mongoid&#xff09;&#xff0c;提供…

第三階段數據庫-2:數據庫中的sql語句

1_數據庫操作&#xff08;1&#xff09;注釋&#xff1a;-- 單行注釋 /**/ 多行注釋&#xff08;2&#xff09;創建數據庫&#xff1a;create database 數據庫名-- create database 數據庫名 create database db_first;(3&#xff09;查詢數據庫&#xff1a;if exsists(select…

python中的filter函數

目錄 定義與參數說明 特點 使用場景 常用操作 篩選偶數 去除空字符串 篩選正數 篩選字典 配合集合與元組 注意事項 定義與參數說明 filter函數是Python內置的高階函數之一&#xff0c;用于篩選可迭代對象中的元素&#xff0c;根據返回值的布爾結果&#xff08;True 或…

BERT(Bidirectional Encoder Representations from Transformers)模型詳解

一、BERT 簡介BERT&#xff08;Bidirectional Encoder Representations from Transformers&#xff09;是由 Google 在 2018 年提出的一種預訓練語言表示模型。它基于 Transformer 編碼器結構&#xff0c;首次提出了 雙向上下文建模 的方法&#xff0c;大幅度提升了自然語言處理…

【開題答辯全過程】以 基于Springboot+微信小程序的網上家教預約系統的設計與實現-開題為例,包含答辯的問題和答案

個人簡介&#xff1a;一名14年經驗的資深畢設內行人&#xff0c;語言擅長Java、php、微信小程序、Python、Golang、安卓Android等開發項目包括大數據、深度學習、網站、小程序、安卓、算法。平常會做一些項目定制化開發、代碼講解、答辯教學、文檔編寫、也懂一些降重方面的技巧…

課小悅系列智能耳機上市,用硬核科技為教育賦能

在人工智能與教育深度融合的浪潮中&#xff0c;深圳課小悅科技有限公司以“智慧教育專家”的姿態嶄露頭角。這家深耕智能教育硬件的創新企業&#xff0c;于2025年8月正式推出革命性產品H360PRO系列教考耳機&#xff0c;為語言學習場景提供顛覆性解決方案。創新基因&#xff1a;…

[react] class Component and function Component

我對react的用法理解還一直停留在多年以前&#xff0c;說明這段時間我沒有更新react的知識。我大腦中記得還是使用Class Component this.setState&#xff0c;可是今天看了看react的文檔&#xff0c;發現怎么不一樣了&#xff0c;用的都是function useState的方式了。你知道這…

以太坊智能合約地址派生方式:EOA、CREATE 和 CREATE2

1. 引言 在以太坊上&#xff0c;智能合約可以通過以下三種方式之一進行部署&#xff1a; 1&#xff09;由外部賬戶&#xff08;Externally Owned Account, EOA&#xff09;發起交易&#xff0c;其中 to 字段設為 null&#xff0c;而 data 字段包含合約的初始化代碼。2&#x…

基于RISC-V架構的國產MCU在eVTOL領域的應用研究與挑戰分析

摘要電動垂直起降飛行器&#xff08;eVTOL&#xff09;作為未來城市空中交通的重要組成部分&#xff0c;對嵌入式控制系統的性能、可靠性和安全性提出了極高的要求。RISC-V作為一種新興的開源指令集架構&#xff0c;為國產微控制器&#xff08;MCU&#xff09;的研發和應用帶來…

深度學習中的“集體智慧”:Dropout技術詳解——不僅是防止過擬合,更是模型集成的革命

引言&#xff1a;從“過擬合”的噩夢說起 在訓練深度學習模型時&#xff0c;我們最常遇到也最頭疼的問題就是過擬合&#xff08;Overfitting&#xff09;。 想象一下&#xff0c;你是一位正在備考的學生&#xff1a; 欠擬合&#xff1a;你根本沒學進去&#xff0c;所有題都做錯…