当前位置: 首页 > news >正文

html(超文本标记语言)

声明!

学习视频来自B站up主 **泷羽sec** 有兴趣的师傅可以关注一下,如涉及侵权马上删除文章,笔记只是方便各位师傅的学习和探讨,文章所提到的网站以及内容,只做学习交流,其他均与本人以及泷羽sec团队无关,切勿触碰法律底线,否则后果自负!!!!有兴趣的小伙伴可以点击下面连接进入b站主页[B站泷羽sec](https://space.bilibili.com/350329294)

一、HTML 简介

HTML 即超文本标记语言(HyperText Markup Language),它属于标记语言而非编程语言,通过一套标记标签来描述网页,HTML 文档包含这些标签与文本内容,也被称作 web 页面。

二、HTML 基本结构

  1. 文档类型声明(DOCTYPE):<!DOCTYPE html>是 HTML5 的文档类型声明,位于 HTML 文件首行,告知浏览器文档遵循的 HTML 版本,便于其正确渲染页面,HTML5 用此简洁声明取代了以往复杂的 DTD 声明。
  2. HTML 根元素(<html>):作为 HTML 文档根标签,<html>包含了所有其他 HTML 元素,有开始和结束标签界定整个文档范围,浏览器据此识别其中的有效 HTML 代码。
  3. 头部部分(<head>)
    • 包含内容及作用:包含网页的元数据,虽不直接在网页可见区域显示,但对浏览器渲染和网页展示特性影响重大,例如涉及浏览器如何解析显示字符、影响搜索引擎优化等。
    • 常用标签
      • <title>:用于定义网页标题,显示在浏览器标题栏或标签页上,是用户识别网页的重要标识且利于 SEO。
      • <meta>:提供多种元数据,常见的如通过<meta charset="UTF-8">设置字符编码确保正确解析显示多语言字符集,还可设置页面描述、关键词等帮助搜索引擎索引网页。
      • <link>:主要用于链接外部资源,最常见链接 CSS 样式表,如<link rel="stylesheet" href="styles.css">,实现网页内容与样式分离方便设计维护。
      • <script>:可嵌入 JavaScript 代码(如<script>alert('欢迎来到我的网页'); </script>)或引用外部 JavaScript 文件(<script src="script.js"></script>),为网页添加交互功能。
  4. 主体部分(<body>):包含网页中所有可见内容,例如:
    • 文本元素:用<p>标签组织文本,<h1> - <h6>创建不同级别标题,级别越高重要性越强。
    • 图像元素:通过<img>标签插入图像,src属性指定图像路径,alt属性在图像无法正常显示时提供替代文本,对可访问性和 SEO 重要。
    • 超链接元素:使用<a>标签创建超链接,href属性定义目标 URL,标签内文本为可点击内容。
    • 表格元素:用<table>创建表格,<tr>表示行,<td>表示单元格。
    • 表单元素:<form>包含表单内容,<input>用于创建输入框,可通过type属性指定输入类型、placeholder属性显示提示文本等收集用户输入信息。
  5. HTML 的发展历程
    • HTML 最初是由蒂姆・伯纳斯 - 李(Tim Berners - Lee)在 1990 年左右开发的,目的是为了在互联网上共享和链接文档。早期的 HTML 版本比较简单,功能有限。
    • 随着互联网的发展,HTML 经历了多个版本的更新,如 HTML 2.0、HTML 3.2、HTML 4.01 等。这些版本不断增加新的标签和功能,例如表格、表单、框架等。
    • HTML5 是目前广泛使用的版本,它带来了许多重要的改进和新功能,如更好的语义化标签(<article>、<section>、<nav>等)、本地存储(localStorage和sessionStorage)、音频和视频嵌入(<audio>和<video>)等,使得网页开发更加灵活和高效。
  6. 与其他技术的结合
    • CSS(层叠样式表):HTML 负责网页的结构和内容,而 CSS 负责网页的样式设计。通过在 HTML 文档中引用 CSS 文件或者使用内联样式,可以控制网页元素的颜色、字体、大小、布局等各种外观属性。例如,在 HTML 文档的<head>部分添加以下代码可以引用外部 CSS 文件:
    • JavaScript:JavaScript 是一种脚本语言,可以用于为网页添加交互性。例如,可以通过 JavaScript 实现表单验证、菜单展开和折叠、动画效果等功能。在 HTML 文档中可以通过<script>标签来包含 JavaScript 代码,例如

相关文章:

html(超文本标记语言)

声明&#xff01; 学习视频来自B站up主 **泷羽sec** 有兴趣的师傅可以关注一下&#xff0c;如涉及侵权马上删除文章&#xff0c;笔记只是方便各位师傅的学习和探讨&#xff0c;文章所提到的网站以及内容&#xff0c;只做学习交流&#xff0c;其他均与本人以及泷羽sec团队无关&…...

如何在Windows系统上安装和配置Maven

Maven是一个强大的构建和项目管理工具&#xff0c;广泛应用于Java项目的自动化构建、依赖管理、项目构建生命周期控制等方面。在Windows系统上安装Maven并配置环境变量&#xff0c;是开发者开始使用Maven的第一步。本文将详细介绍如何在Windows系统上安装和配置Maven&#xff0…...

基于Python Scrapy的豆瓣Top250电影爬虫程序

Scrapy安装 Python实现一个简单的爬虫程序&#xff08;爬取图片&#xff09;_python简单扒图脚本-CSDN博客 创建爬虫项目 创建爬虫项目&#xff1a; scrapy startproject test_spider 创建爬虫程序文件&#xff1a; >cd test_spider\test_spider\spiders >scrapy g…...

mysql,数据库数据备份

mysql 一.数据库备份概念1.备份分类2.备份策略3.备份三要素二.完全备份操作1.物理备份(还原),冷备份2.逻辑备份,温备份三.percona软件的xtrabackup工具备份(2备份,3还原),增量,差异1.percona软件安装2.增量备份(还原)3.差异备份四.binlog日志1.binlog日志概念2.查看binlog日志信…...

模仿elementui的Table,实现思路

vue2子组件使用render&#xff0c;给子子组件插槽传值 和elementui的Table一样使用render 在 Vue 2 中&#xff0c;子组件使用render函数向子子组件插槽传值可以通过以下步骤实现&#xff1a; 1、创建子组件 首先创建一个子组件&#xff0c;在子组件中使用render函数来渲染内容…...

Android Studio AI助手---Gemini

从金丝雀频道下载最新版 Android Studio&#xff0c;以利用所有这些新功能&#xff0c;并继续阅读以了解新增内容。 Gemini 现在可以编写、重构和记录 Android 代码 Gemini 不仅仅是提供指导。它可以编辑您的代码&#xff0c;帮助您快速从原型转向实现&#xff0c;实现常见的…...

大模型+安全实践之春天何时到来?

引子:距《在大模型实践旅途中摸了下上帝的脚指头》一文发布近一年,2024年笔者继续全情投入在大模型+安全上,深度参与了一些应用实践,包括安全大模型首次大规模应用在国家级攻防演习、部分项目的POC直到项目落地,也推动了一些场景安全大模型应用从0到3的孵化上市。这一年也…...

ACL技术---访问控制列表

是一种策略。 对于网络中的流量而言&#xff0c;通常有两种处理方式 允许 拒绝 ACL 的原理 配置了 ACL 的网络设备会根据事先设定好的报文匹配规则对经过该设备的报文进行匹配&#xff0c;然后对报 文执行预先设定好的处理动作。 ACL 的功能 访问控制&#xff1a;在设备…...

第25周:文献阅读

目录 摘要 Abstract 文献阅读 现有问题 提出方法 创新点 方法论 实验研究 数据集 数据预处理 仿真实验 评价指标 实验结果分析 总结 摘要 本篇论文提出了一种基于深度学习框架的风速预测方法——SSA-BiLSTM网络&#xff0c;旨在提高风速预测的精确性。研究使…...

BiTCN-BiGRU基于双向时间卷积网络结合双向门控循环单元的数据多特征分类预测(多输入单输出)

Matlab实现BiTCN-BiGRU基于双向时间卷积网络结合双向门控循环单元的数据多特征分类预测&#xff08;多输入单输出&#xff09; 目录 Matlab实现BiTCN-BiGRU基于双向时间卷积网络结合双向门控循环单元的数据多特征分类预测&#xff08;多输入单输出&#xff09;分类效果基本描述…...

docker数据卷

什么是数据卷&#xff1f; 在容器中是无法通过vi命令对一个容器中的资源做修改的&#xff0c;这个时候就需要通过数据卷将文件中的内容映射到宿主机&#xff0c;在宿主机修改的文件会更新到容器中&#xff0c;并且容器被删除后不会把数据卷删除&#xff0c;数据卷中的数据会被持…...

Linux下基于最新稳定版ESP-IDF5.3.2开发esp32s3入门任务间的通讯-信号量【入门三】

继续上一篇任务创建 【Linux下基于最新稳定版ESP-IDF5.3.2开发esp32s3入门任务创建【入门二】-CSDN博客】 今天要实现再创建一个任务。【二值和互斥都进行测试】 ①、通过任务A发送一个信号量&#xff0c;另一个任务得到信号量后再发送helloworld。 ②、两个任务通过互斥信…...

使用C#绘制具有平滑阴影颜色的曼德布洛特集分形

示例使用复数类在 C# 中轻松绘制曼德布洛特集分形解释了如何通过迭代方程绘制曼德布洛特集:...

Unittest01|TestCase

一、入门 1、新建测试文件 打开pycharm→左上角新建项目→选择项目路径→选择python解释器→创建→点击新建好的项目&#xff0c;右键新建python文件→测试文件&#xff08;py文件&#xff09;命名必须以test开头 2、创建测试用例 定义测试类&#xff1a;导入unittest模块→…...

Django实现异步视图asyncio请求

随着现代Web应用程序对性能和响应速度的需求不断增加,开发者们越来越倾向于采用异步编程来提升应用的效率和用户体验。在传统的Web开发框架中,通常采用同步请求方式,这意味着每一个请求都需要等待前一个请求完成后才能继续处理。对于高并发的请求,可能会出现性能瓶颈。而Dj…...

Apache Samza开源的分布式流处理框架

Apache Samza 是一个开源的分布式流处理框架,用于处理实时数据流和分布式任务。它最初由 LinkedIn 开发,并在 2014 年捐赠给 Apache 软件基金会。Samza 的设计目标是为开发人员提供一个易用、可靠、高效的流处理工具。以下是其关键特点和架构的简介: 核心特点 简单的编程模…...

Linux实验报告5-shell脚本编程进阶

目录 一&#xff1a;实验目的 二&#xff1a;实验内容 1 编写脚本&#xff0c;实现将当前目录中所有子目录的名称输出到屏幕上。 2 首先以你的姓氏的拼音为开头在当前用户的主目录下新建3个文件和2个子目录&#xff0c;如zi1&#xff0c;zi2&#xff0c;zi3以及子目录zi.d和…...

YOLO系列正传(四)YOLOv3论文精解(下)——损失函数推导与其他优化项

系列文章 YOLO系列基础 YOLO系列基础合集——小白也看得懂的论文精解-CSDN博客 YOLO系列正传 YOLO系列正传&#xff08;一&#xff09;类别损失与MSE损失函数、交叉熵损失函数-CSDN博客 YOLO系列正传&#xff08;二&#xff09;YOLOv3论文精解(上)——从FPN到darknet-53-C…...

【漏洞复现】CVE-2023-37461 Arbitrary File Writing

漏洞信息 NVD - cve-2023-37461 Metersphere is an opensource testing framework. Files uploaded to Metersphere may define a belongType value with a relative path like ../../../../ which may cause metersphere to attempt to overwrite an existing file in the d…...

【OpenCV计算机视觉】图像处理——平滑

本篇文章记录我学习【OpenCV】图像处理中关于“平滑”的知识点&#xff0c;希望我的分享对你有所帮助。 目录 一、什么是平滑处理 1、平滑的目的是什么&#xff1f; 2、常见的图像噪声 &#xff08;1&#xff09;椒盐噪声 ​编辑&#xff08;2&#xff09; 高斯噪声 &a…...

【java面向对象编程】第七弹----Object类、类变量与类方法

笔上得来终觉浅,绝知此事要躬行 &#x1f525; 个人主页&#xff1a;星云爱编程 &#x1f525; 所属专栏&#xff1a;javase &#x1f337;追光的人&#xff0c;终会万丈光芒 &#x1f389;欢迎大家点赞&#x1f44d;评论&#x1f4dd;收藏⭐文章 目录 一、Object类 1.1equa…...

大模型微调---Prompt-tuning微调

目录 一、前言二、Prompt-tuning实战2.1、下载模型到本地2.2、加载模型与数据集2.3、处理数据2.4、Prompt-tuning微调2.5、训练参数配置2.6、开始训练 三、模型评估四、完整训练代码 一、前言 Prompt-tuning通过修改输入文本的提示&#xff08;Prompt&#xff09;来引导模型生…...

Connecting to Oracle 11g Database in Python

# encoding: utf-8 # 版权所有 2024 涂聚文有限公司 # 许可信息查看&#xff1a;言語成了邀功盡責的功臣&#xff0c;還需要行爲每日來值班嗎 # 描述&#xff1a;python -m pip install oracledb # python -m pip install cx_Oracle --upgrade # pip install cx_Oracle # Autho…...

16.2、网络安全风险评估技术与攻击

目录 网络安全风险评估技术方法与工具 网络安全风险评估技术方法与工具 资产信息收集&#xff0c;可以通过调查表的形式把我们各类的资产信息进行一个统计和收集&#xff0c;掌握被评估对象的重要资产分布&#xff0c;进而分析这些资产关联的业务面临的安全威胁以及存在的安全…...

Windows脚本清理C盘缓存

方法一&#xff1a;使用power文件.ps1的文件 脚本功能 清理临时文件夹&#xff1a; 当前用户的临时文件夹&#xff08;%Temp%&#xff09;。系统临时文件夹&#xff08;C:\Windows\Temp&#xff09;。 清理 Windows 更新缓存&#xff1a; 删除 Windows 更新下载缓存&#xff0…...

ChromeOS 131 版本更新

ChromeOS 131 版本更新 1. ChromeOS Flex 自动注册 在 ChromeOS 131 中&#xff0c;ChromeOS Flex 的自动注册功能现已允许大规模部署 ChromeOS Flex 设备。与 ChromeOS 零接触注册类似&#xff0c;自动注册将通过组织管理员创建的注册令牌嵌入到 ChromeOS Flex 镜像中。这将…...

PDF24 Creator免费版

PDF点击上方"蓝字"关注我们 01、前言 >>> 官网&#xff1a;https://tools.pdf24.org/zh/creator PDF24 Creator完全免费&#xff0c;没有任何限制。企业也能免费用。 不可以&#xff0c;PDF24 Creator只能装在Windows系统上。目前不支持Linux和Mac。 PDF24…...

网络安全之访问控制

简介 同一分布式环境下&#xff0c;同一用户可能具有多个应用服务器的访问授权&#xff0c;同一应用服务器也有多个授权访问的用户&#xff0c;同一用户在一次事务中可能需要访问多个授权访问的应用服务器&#xff0c;应用服务器可能还需要对访问用户进行身份鉴别。为了实现这…...

vtie项目中使用到了TailwindCSS,如何打包成一个单独的CSS文件(优化、压缩)

在不依赖 Vite 或其他构建工具的情况下&#xff0c;使用 TailwindCSS CLI 快速生成独立的 CSS 文件是一种简单高效的方法&#xff0c;适合需要纯样式文件的场景。 这个项目中&#xff0c;使用到了tailwindCss, 需要把里面的样式打包出来&#xff0c;给其他项目用。 使用命令生…...

前端登录注册页面springboot+vue2全开发!

需求目标&#xff1a; 有“登录界面”和“注册界面”以及“功能操作界面”&#xff1a; 我们打开程序会自动进入“登录界面”&#xff0c;如果密码输入正确则直接进入“功能操作界面”&#xff0c;在“登录界面”我们可以点击注册进入“注册页面”&#xff0c;注册好了可以再跳…...

批量提取zotero的论文构建知识库做问答的大模型(可选)——含转存PDF-分割统计PDF等

文章目录 提取zotero的PDF上传到AI平台保留文件名代码分成20个PDF视频讲解 提取zotero的PDF 右键查看目录 发现目录为 C:\Users\89735\Zotero\storage 写代码: 扫描路径‘C:\Users\89735\Zotero\storage’下面的所有PDF文件,全部复制一份汇总到"C:\Users\89735\Downl…...

3 JDK 常见的包和BIO,NIO,AIO

JDK常见的包 java.lang:系统基础类 java.io:文件操作相关类&#xff0c;比如文件操作 java.nio:为了完善io包中的功能&#xff0c;提高io性能而写的一个新包 java.net:网络相关的包 java.util:java辅助类&#xff0c;特别是集合类 java.sql:数据库操作类 IO流 按照流的流向分…...

解决Apache/2.4.39 (Win64) PHP/7.2.18 Server at localhost Port 80问题

配置一下apache里面的配置文件&#xff1a;httpd.conf 和 httpd.vhosts.conf httpd.conf httpd-vhosts.conf 重启服务 展示&#xff1a; 浏览器中中文乱码问题&#xff1a;...

带有 Elasticsearch 和 Langchain 的 Agentic RAG

作者&#xff1a;来自 Elastic Han Xiang Choong 讨论并实现 Elastic RAG 的代理流程&#xff0c;其中 LLM 选择调用 Elastic KB。 更多阅读&#xff1a;Elasticsearch&#xff1a;基于 Langchain 的 Elasticsearch Agent 对文档的搜索。 简介 代理是将 LLM 应用于实际用例的…...

【数据结构与算法】深度优先搜索:树与图的路径探寻之道

一、引言 在计算机科学领域&#xff0c;树与图的路径搜索是一个基础且重要的问题&#xff0c;而深度优先搜索算法&#xff08;Depth First Search&#xff0c;简称 DFS&#xff09;则是解决此类问题的经典算法之一。深度优先搜索算法通过从起始节点开始&#xff0c;沿着一条路径…...

vue3项目结合Echarts实现甘特图(可拖拽、选中等操作)

效果图&#xff1a; 图一&#xff1a;选中操作 图二&#xff1a;上下左右拖拽操作 本案例在echarts​​​​​​​示例机场航班甘特图的基础上修改​​​​​​​ 封装ganttEcharts组件&#xff0c;测试数据 airport-schedule.jsonganttEcharts代码: 直接复制粘贴可测​​​​…...

【EXCEL 逻辑函数】AND、OR、XOR、NOT、IF、IFS、IFERROR、IFNA、SWITCH

目录 AND&#xff1a;当所有条件都为真时返回 TRUE&#xff0c;否则返回 FALSE OR&#xff1a;当任一条件为真时返回 TRUE&#xff0c;否则返回 FALSE XOR&#xff1a;当奇数个条件为真时返回 TRUE&#xff0c;否则返回 FALSE NOT &#xff1a;反转逻辑值 IF&#xff1a;根…...

单片机长耗时前后台任务优化

代码&#xff1a; void Task_10ms(void) {... }//改 void Task_2ms(void) {static uint8_t s_state 0switch(s_state){case 0:....s_state 1;break;case 1:....s_state 2;break;case 3:....s_state 1;break;default: //此段可以去除s_state 0;break; } } 参考链接 MCU长…...

java引入jedis并且关于开放redis端口问题

博主主页: 码农派大星. 数据结构专栏:Java数据结构 数据库专栏:数据库 JavaEE专栏:JavaEE 软件测试专栏:软件测试 关注博主带你了解更多知识 目录 1. 引入jedis ​编辑 2. 关于java客户端开放redis端口问题 3. 连接redis服务器 redis服务器在官网公开了使用的协议: resp…...

测试电脑是否真实多核CPU

测试电脑是否真实多核CPU 在CPU的描述上现在多数看到的是多核心/多内核&#xff0c;看上去就像是多CPU的样子。但核心是有分真实核心和虚拟核心。如果是真实的多核心&#xff0c;多线程是能够并行。如果不是多核心&#xff0c;多线程就只能够并发。 这里就直接采用多线程的应用…...

Ubuntu 安装实时内核指南

在运行需要高精度和低延迟响应的机器人驱动程序时&#xff0c;安装一个具备实时内核&#xff08;Real-Time Kernel&#xff09;的 Ubuntu 系统是至关重要的。若缺乏实时系统的支持&#xff0c;高频率的控制指令可能会导致机器人运动轨迹不流畅&#xff0c;甚至产生抖动现象。以…...

LeetCode:1387. 将整数按权重排序(记忆化搜索 Java)

目录 1387. 将整数按权重排序 题目描述&#xff1a; 实现代码与解析&#xff1a; 记忆化搜索 原理思路&#xff1a; 1387. 将整数按权重排序 题目描述&#xff1a; 我们将整数 x 的 权重 定义为按照下述规则将 x 变成 1 所需要的步数&#xff1a; 如果 x 是偶数&#xff…...

某音最新滑块3.5.68(Web/App皆可支持)

某音滑块核心是 captchaBody 参数 难度较大 h5_sdk_version - 代表验证码的版本 如何代表通过验证了呢&#xff1f; 1.web端 fp参数 - verify_m4zafhzb_yARRD6RZ_YwNj_4gjp_AdsL_yxw0thiqv0ub 2.移动端 did参数 - 1997744780462444 当该接口返回如下数据即通过验证码 该设…...

FFmpeg 框架简介和文件解复用

文章目录 ffmpeg框架简介libavformat库libavcodec库libavdevice库 复用&#xff08;muxers&#xff09;和解复用&#xff08;demuxers&#xff09;容器格式FLVScript Tag Data结构&#xff08;脚本类型、帧类型&#xff09;Audio Tag Data结构&#xff08;音频Tag&#xff09;V…...

观察者模式(sigslot in C++)

大家&#xff0c;我是东风&#xff0c;今天抽点时间整理一下我很久前关注的一个不错的库&#xff0c;可以支持我们在使用标准C的时候使用信号槽机制进行观察者模式设计&#xff0c;sigslot 官网&#xff1a; http://sigslot.sourceforge.net/ 本文较为详尽探讨了一种观察者模…...

git企业开发的相关理论(二)

目录 git企业开发的相关理论&#xff08;一&#xff09; 八.修改文件 九.版本回退 十.撤销修改 情况一(还没有add) 情况二(add后还没有commit) 情况三(commit后还没有push) 十一.删除本地仓库中的文件 方法一 方法二 十二.理解分支 1.常见的分支工作流程 2.合并冲…...

力扣-图论-70【算法学习day.70】

前言 ###我做这类文章一个重要的目的还是给正在学习的大家提供方向和记录学习过程&#xff08;例如想要掌握基础用法&#xff0c;该刷哪些题&#xff1f;&#xff09;我的解析也不会做的非常详细&#xff0c;只会提供思路和一些关键点&#xff0c;力扣上的大佬们的题解质量是非…...

jmeter中的prev对象

在jmeter中通过beanshell、JSR223的各种处理器编写脚本时&#xff0c;都会看到页面上有这样的说明 这些ctx、vars、props、OUT、sampler、prev等等都是可以直接在脚本中使用的对象&#xff0c;由jmeter抛出 今天主要讲一下prev的使用 SampleResult prev jmctx.getPreviousRe…...

机器学习中的密度聚类算法:深入解析与应用

在机器学习的广阔领域中&#xff0c;聚类算法作为一种无监督学习方法&#xff0c;扮演着至关重要的角色。其中&#xff0c;密度聚类算法以其独特的优势&#xff0c;在数据挖掘、图像分割、市场细分等多个领域得到了广泛应用。 一、密度聚类算法的基本原理 密度聚类算法是一种…...

简单分析一下 a,b,c=a+1,a+1,b+1 执行原理

在 Go 语言中&#xff0c;赋值表达式 a, b, c x, y, z 是同时进行的&#xff0c;但是其计算顺序是从左到右依次进行的。即在 a, b, c 被赋值之前&#xff0c;先计算 x, y, z 的值&#xff0c;并依次将它们赋值给 a, b, c。 例如&#xff1a;a, b, c a1, a1, b1&#xff0c;其…...