前端-HTML元素

目錄

HTML標簽是什么?

什么是HTML元素?

HTML元素有哪些分類方法?

什么是HTML頭部元素

更換路徑


注:本文以leetbook為基礎

HTML標簽是什么?

HTML標簽是HTML語言中最基本單位和重要組成部分

雖然它不區分大小寫,但是為了可讀性、工程規范性等,最好僅使用小寫字母

HTML標簽用尖括號 <> 包裹

通常是成對出現的,分別是開始和結束標簽,也可以稱開放和閉合標簽

自閉合標簽:只寫一個標簽,不寫結束標簽,比如

? ? ? ? <img>? ? ? ? 插入圖片

? ? ? ? <br>? ? ? ? ? ?換行

? ? ? ? <hr>? ? ? ? ? ?插入水平線

? ? ? ? <input>? ? ? ?輸入框

? ? ? ? <meta>? ? ? ?設置網頁信息(如編碼)

? ? ? ? <link>? ? ? ? ? 鏈接外部文件(如CSS)

什么是HTML元素?

HTML元素是指包含開始標簽、結束標簽、以及他們中間的所有代碼

? ? ? ? 開始標簽:包含元素的名稱? ? ? ? < >

? ? ? ? 結束標簽:與開始標簽類似,在元素名前面加了一個斜杠? ? ? ? </?>

? ? ? ? 內容:開始和結束標簽中間的就是元素的內容

HTML元素有哪些分類方法?

按閉合特征分類

? ? ? ? 雙標簽元素:開始標簽和結束標簽成對,中間包括內容

? ? ? ? 單標簽元素:空元素內容,開始標簽自動閉合

按顯示方式分類

? ? ? ? 行內元素-內聯元素

? ? ? ? ? ? ? ? 只占據其對應標簽的邊框所包含的空間

? ? ? ? 塊級元素

? ? ? ? ? ? ? ? 占據其父元素(容器)的整個空間

? ? ? ? ? ? ? ? 通常瀏覽器會在塊級元素前后另起一行

? ? ? ? ? ? ? ? 塊級元素可以包含行內元素和其他塊級元素

HTML5規范文檔,也就是內容分類

? ? ? ? 主內容類

? ? ? ? 表單相關內容類

? ? ? ? 特殊內容類

(詳細內容可以看力扣)

什么是HTML頭部元素

也就是 <head> 元素

頭部元素不會在瀏覽器中顯示

頭部元素的作用是保存頁面的標題、元數據

更換路徑

我覺得這樣啃書的效果還是比較差,后面我發的文章以解析我做的項目為主,即使有書上學術討論也會加上我的個人理解,雖然可能沒有官方那么權威,但是大家能代入到具體情境里面,記得、用的也就更深刻

比如前端我后面會從項目全棧實戰-基于智能體、工作流、API模塊化Docker集成的創業分析平臺-CSDN博客???????里的web端開始講

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

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

相關文章

菱形繼承原理

在C中&#xff0c;菱形繼承的內存模型會因是否使用虛繼承產生本質差異。我們通過具體示例說明兩種場景的區別&#xff1a; 一、普通菱形繼承的內存模型 class A { int a; }; class B : public A { int b; }; class C : public A { int c; }; class D : public B, public C { i…

2025認證杯數學建模第二階段A題小行星軌跡預測思路+模型+代碼

2025認證杯數學建模第二階段思路模型代碼&#xff0c;詳細內容見文末名片 一、問題重述 1.1 問題背景 在浩瀚無垠的宇宙中&#xff0c;近地小行星&#xff08;NEAs&#xff09;宛如一顆顆神秘的“太空子彈”&#xff0c;其軌道相對接近地球&#xff0c;給我們的藍色星球帶來…

掌握Docker Commit:輕松創建自定義鏡像

使用 docker commit 命令可以通過對現有容器進行修改來創建新的鏡像。-a 選項用于指定作者信息&#xff0c;-m 選項用于添加提交信息。以下是具體步驟&#xff1a; 啟動并修改容器 啟動一個容器并進行必要的修改。例如&#xff0c;啟動一個 Ubuntu 容器并安裝一些軟件包&…

Java虛擬機 - JVM與Java體系結構

Java虛擬機 JVM與Java體系結構為什么要學習JVMJava與JVM簡介Java 語言的核心特性JVM&#xff1a;Java 生態的基石JVM的架構模型基于棧的指令集架構&#xff08;Stack-Based&#xff09;基于寄存器的指令集架構&#xff08;Register-Based&#xff09;JVM生命周期 總結 JVM與Jav…

【PostgreSQL系列】PostgreSQL 復制參數詳解

&#x1f49d;&#x1f49d;&#x1f49d;歡迎來到我的博客&#xff0c;很高興能夠在這里和您見面&#xff01;希望您在這里可以感受到一份輕松愉快的氛圍&#xff0c;不僅可以獲得有趣的內容和知識&#xff0c;也可以暢所欲言、分享您的想法和見解。 推薦:kwan 的首頁,持續學…

阿里巴巴開源移動端多模態LLM工具——MNN

MNN 是一個高效且輕量級的深度學習框架。它支持深度學習模型的推理和訓練&#xff0c;并在設備端的推理和訓練方面具有行業領先的性能。目前&#xff0c;MNN 已集成到阿里巴巴集團的 30 多個應用中&#xff0c;如淘寶、天貓、優酷、釘釘、閑魚等&#xff0c;覆蓋了直播、短視頻…

Vue.js---watch 的實現原理

4.7 watch 的實現原理 watch本質上就是使用了effect以及options.scheduler 定義watch函數&#xff1a; // watch函數:傳入參數source以及回調函數function watch(source , cb) {effect(() > source.foo,{scheduler(){// 回調函數cb()}})}watch接收兩個參數分別是source和c…

SpringBoot3+AI

玩一下AI 1. SSE協議 我們都知道tcp&#xff0c;ip&#xff0c;http&#xff0c;https&#xff0c;websocket等等協議&#xff0c;今天了解一個新的協議SSE協議&#xff08;Server-Sent Events&#xff09; SSE&#xff08;Server-Sent Events&#xff09; 是一種允許服務器…

vscode中Debug c++

在vscode中Debug ros c程序 1 在Debug模式下編譯 如果用命令行catkin_make&#xff0c;在輸入catkin_make時加上一個參數&#xff1a; catkin_make -DCMAKE_BUILD_TYPEDebug 或者直接修改CMakelist.txt&#xff0c;添加以下代碼&#xff1a; SET(CMAKE_BUILD_TYPE "D…

【ROS2】 核心概念6——通信接口語法(Interfaces)

古月21講/2.6_通信接口 官方文檔&#xff1a;Interfaces — ROS 2 Documentation: Humble documentation 官方接口代碼實戰&#xff1a;https://docs.ros.org/en/humble/Tutorials/Beginner-Client-Libraries/Single-Package-Define-And-Use-Interface.html ROS 2使用簡化的描…

C#里與嵌入式系統W5500網絡通訊(2)

在嵌入式代碼里,需要從嵌入式的MCU訪問W5500芯片。 這個是通過SPI通訊來實現的,所以要先連接SPI的硬件通訊線路。 接著下來,就是怎么樣訪問這個芯片了。 要訪問這個芯片,需要通過SPI來發送數據,而發送數據又要有一定的約定格式, 于是芯片廠商就定義下面的通訊格式: …

SuperYOLO:多模態遙感圖像中的超分辨率輔助目標檢測之論文閱讀

摘要 在遙感影像&#xff08;RSI&#xff09;中&#xff0c;準確且及時地檢測包含數十像素的多尺度小目標仍具有挑戰性。現有大多數方法主要通過設計復雜的深度神經網絡來學習目標與背景的區分特征&#xff0c;常導致計算量過大。本文提出一種兼顧檢測精度與計算代價的快速準確…

計算機軟件的基本組成

計算機軟件的基本組成 一, 計算機軟件的分類 軟件按其功能分類, 可分為系統軟件和應用軟件 圖解 (1)系統軟件 系統軟件是一組保證計算機系統高效, 正確運行的基礎軟件, 軟件通常作為系統資源提供給用戶使用. 系統軟件主要有操作系統(OS), 數據庫管理系統(DBMS), 語言處理程…

unity開發游戲實現角色篩選預覽

RenderTexture通俗解釋 RenderTexture就像是Unity中的"虛擬相機膠片"&#xff0c;它可以&#xff1a; 捕獲3D內容&#xff1a;將3D場景或對象"拍照"記錄下來 實時更新&#xff1a;不是靜態圖片&#xff0c;而是動態視頻&#xff0c;角色可以動起來 用作…

Spring源碼主線全鏈路拆解:從啟動到關閉的完整生命周期

Spring源碼主線全鏈路拆解&#xff1a;從啟動到關閉的完整生命周期 一文看懂 Spring 框架從啟動到銷毀的主線流程&#xff0c;結合原理、源碼路徑與偽代碼三位一體&#xff0c;系統學習 Spring 底層機制。 1. 啟動入口與環境準備 原理說明 Spring Boot 應用入口是標準 Java 應…

SAP RF 移動屏幕定制

SAP RF 移動屏幕定制 ITSmobile 是 SAP 當前將移動設備連接到 SAP 系統的技術基礎。它基于 SAP Internet Transaction Server (ITS)&#xff0c;從 Netweaver 2004 開始作為 Netweaver 平臺的一部分提供。ITSmobile 提供了一個框架&#xff0c;用于為任何 SAP 事務生成基于 HT…

Spark,數據提取和保存

以下是使用 Spark 進行數據提取&#xff08;讀取&#xff09;和保存&#xff08;寫入&#xff09;的常見場景及代碼示例&#xff08;基于 Scala/Java/Python&#xff0c;不含圖片操作&#xff09;&#xff1a; 一、數據提取&#xff08;讀取&#xff09; 1. 讀取文件數據&a…

如何用mockito+junit測試代碼

Mockito 是一個流行的 Java 模擬測試框架&#xff0c;用于創建和管理測試中的模擬對象(mock objects)。它可以幫助開發者編寫干凈、可維護的單元測試&#xff0c;特別是在需要隔離被測組件與其他依賴項時。 目錄 核心概念 1. 模擬對象(Mock Objects) 2. 打樁(Stubbing) 3. 驗…

最新缺陷檢測模型:EPSC-YOLO(YOLOV9改進)

目錄 引言:工業缺陷檢測的挑戰與突破 一、EPSC-YOLO整體架構解析 二、核心模塊技術解析 1. EMA多尺度注意力模塊:讓模型"看得更全面" 2. PyConv金字塔卷積:多尺度特征提取利器 3. CISBA模塊:通道-空間注意力再進化 4. Soft-NMS:更智能的重疊框處理 三、實…

【Linux網絡與網絡編程】12.NAT技術內網穿透代理服務

1. NAT技術 之前我們說到過 IPv4 協議中IP 地址數量不充足的問題可以使用 NAT 技術來解決。還提到過本地主機向公網中的一個服務器發起了一個網絡請求&#xff0c;服務器是怎么將應答返回到該本地主機呢&#xff1f;&#xff08;如何進行內網轉發&#xff1f;&#xff09; 這就…