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

HTML二识

news 2026/4/20 15:59:58

图片，音频，视频标签

标签描述
<img>定义图片
<audio>定义音频
<video>定义视频

定义图片：

  • src：规定显示图片的URL（统一资源定位符）
  • height：定义图像的高度 单位：px 像素点 或百分点
  • width：定义图像的宽度

定义音频：支持的音频格式：MP3,WAV,OGG

  • src：规定音频的URL
  • controls：显示播放控件

定义视频：支持的音频格式：MP4,WEBM,OGG

  • src：规定视频的URL
  • controls：显示播放控件
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><!-- 资源路径：绝对路径：完整路径相对路径：相对位置关系1，xxx/html/03-图片音频视频 htmlxxx/html/aa1.png在当前目录下，就直接写文件名或 . 代表当前目录./aa1.png & aa1.png2, xxx/html/03-图片音频视频 htmlxxx/html/img/aa1.png如果在当前目录下的子目录./img/aa1.png3,  xxx/html/03-图片音频视频 htmlxxx/img/aa1.png如果在上一级目录../img/aa1.png尺寸单位：px：像素点百分比：%--><img src="aa(1).png" width="299",height="88"><audio src="录音.mp3" controls = "controls"></audio>
`   <video src="ea639c26955526de853bf886b66fafcf.mp4" controls = controls width="250" height="207"></video>
</body>
</html>

超链接标签

本节学习资源

标签描述
<a>定义超链接，用于链接另一个资源
  • href：指定访问资源的URL
  • target:指定打开资源的方式。
    • _self: 默认值，在当前页面打开
    • _blank: 在空白页打开

学习资源

<a href="https://www.itcast.cn" target="_self">点我有惊喜</a>

列表标签

标签描述
<ol> order list定义有序列表
<ul> unorder list定义无序列表
<li>定义列表项

type: 设置项目符号 不建议使用，后续使用css

表格标签

标签描述
<table>定义表格
<tr>定义行
<td>定义单元格
<th>定义表头单元格
  • 定义表格：
    • border: 规定表格边框的宽度
    • width: 规定表格的宽度
    • cellspacing:规定单元格之间的空白
  • 定义行：
    • align: 定义表格行的内容对齐方式
  • 定义单元格：
    • rowspan: 规定单元格可横跨的行数
    • colspan: 规定单元格可横跨的列数。
<table border="1" cellspacing="0" width="100%"><tr><th>序号</th><th>品牌logo</th><th>品牌名称</th><th>企业名称</th></tr><tr align="center"><td>010</td><td><img src="../resource/三只松鼠.png" height="50",width="60"></td><td>三只松鼠</td><td>三只松鼠</td></tr><tr><td>009</td><td><img src="../resource/优衣库.jpg" height="50",width="60"></td><td>优衣库</td><td>优衣库</td></tr>  <tr><td>008</td><td><img src="../resource/小米.jpg" height="50",width="60"></td><td>小米</td><td>小米科技有限公司</td></tr></table><br><hr><br><table border="1" cellspacing="0" width="100%"><tr><th colspan="2">品牌logo</th><th>品牌名称</th><th>企业名称</th></tr><tr align="center"><td>010</td><td><img src="../resource/三只松鼠.png" height="50",width="60"></td><td>三只松鼠</td><td>三只松鼠</td></tr><tr><td rowspan="2">009</td><td><img src="../resource/优衣库.jpg" height="50",width="60"></td><td>优衣库</td><td>优衣库</td></tr>  <tr><td>008</td><td><img src="../resource/小米.jpg" height="50",width="60"></td><td>小米</td></tr></table>

布局标签

标签描述
<div>定义HTML文档中的一个区域部分，经常与CS`S一起使用，用来布局页面
<span>用于组合行内元素。

相关文章：

HTML二识

图片&#xff0c;音频&#xff0c;视频标签 标签描述<img>定义图片<audio>定义音频<video>定义视频 定义图片&#xff1a; src&#xff1a;规定显示图片的URL&#xff08;统一资源定位符&#xff09;height&#xff1a;定义图像的高度 单位&#xff1a;px…...

编程日记 2024/3/9 13:12:53

[BUUCTF]-PWN:starctf_2019_babyshell解析（汇编\x00开头绕过+shellcode）

查看保护 查看ida 这里就是要输入shellcode&#xff0c;但是函数会有检测。 在shellcode前面构造一个以\x00机器码开头的汇编指令&#xff0c;这样就可以绕过函数检查了。 完整exp&#xff1a; from pwn import* context(log_leveldebug,archamd64) pprocess(./babyshell)she…...

编程日记 2024/3/9 13:05:46

uniapp 手写 简易 时间轴 组件

一、案例如图 该案例设计条件&#xff1a; 左侧时间 和竖线、点、内容都是居中对其的&#xff0c;上下时间点中间要有一段距离 二、编写逻辑 1. 布局结构&#xff1a;一共三个元素&#xff0c;左侧是时间和黑点&#xff0c;中间是线条&#xff0c;右侧是内容 2. 样式难点&#…...

编程日记 2024/3/9 13:04:45

实现HttpServletRequest下多次获取流数据

HttpServletRequest下多次获取流数据 背景示例错误的尝试全局替换执行顺序 背景 ​众所周知request的输入流只能读取一次&#xff0c;不能重复读取。而在HttpServletRequest中&#xff0c;获取请求体数据的流&#xff08;通过getInputStream()方法&#xff09;默认只能被读取一…...

编程日记 2024/3/9 13:01:42

uviewplus在uniapp中的配置使用

版本: "uview-plus": "^3.1.45"在page.json中配置: "easycom": {"autoscan": true,"custom": {"^u--(.*)": "uview-plus/components/u-$1/u-$1.vue","^up-(.*)": "uview-plus/componen…...

编程日记 2024/3/9 12:59:40

C++11 新特性之future和packaged_task

C11 新特性之future #include <iostream> #include <thread> #include <future> #include <chrono>void test(std::promise<int>& probj){std::this_thread::sleep_for(std::chrono::seconds(5));probj.set_value(20); }int main(){std::pr…...

编程日记 2024/3/9 12:57:39

Flutter APP下载更新

由于我做的项目不是放在APP商店&#xff08;公司内部用&#xff09;的&#xff0c;一些flutter的第三方库不合适我&#xff0c;我需要用的是从网上下载再安装&#xff08;从服务下&#xff09;&#xff0c;网上也找了花了我好几天时间。不全又乱&#xff0c;这我自己做一下备份…...

编程日记 2024/3/9 12:56:38

Pinctrl子系统_04_Pinctrl子系统主要数据结构

引言 本节说明Pinctrl子系统中主要的数据结构&#xff0c;对这些数据结构有所了解&#xff0c;也就是对Pinctrl子系统有所了解了。 前面说过&#xff0c;要使用Pinctrl子系统&#xff0c;就需要去配置设备树。 以内核面向对象的思想&#xff0c;设备树可以分为两部分&#x…...

编程日记 2024/3/9 12:53:35

设计模式(十)：抽象工厂模式（创建型模式）

Abstract Factory&#xff0c;抽象工厂&#xff1a;提供一个创建一系列相关或相互依赖对 象的接口&#xff0c;而无须指定它们的具体类。 之前写过简单工厂和工厂方法模式(创建型模式)&#xff0c;这两种模式比较简单。 简单工厂模式其实不符合开闭原则&#xff0c;即对修改关闭…...

编程日记 2024/3/9 12:52:34

计算机网络概论01

计算机系统基础知识 基本组成 计算机系统由硬件和软件组成。 硬件由五大部分&#xff0c;他们分别是&#xff1a; 运算器 执行算数运算和逻辑运算控制器 控制cpu的工作&#xff0c;决定了计算机运行过程的自动化。包括指令控制逻辑、时序控制逻辑、总线控制逻辑和中断控制逻辑…...

编程日记 2024/3/9 12:50:32

新零售SaaS架构：订单履约系统架构设计（万字图文总结）

什么是订单履约系统&#xff1f; 订单履约系统用来管理从接收客户订单到将商品送达客户手中的全过程。 它连接了上游交易&#xff08;客户在销售平台下单环&#xff09;和下游仓储配送&#xff08;如库存管理、物流配送&#xff09;&#xff0c;确保信息流顺畅、操作协同&…...

编程日记 2024/3/9 12:48:30

Hive SQL 开发指南（三）优化及常见异常

在大数据领域&#xff0c;Hive SQL 是一种常用的查询语言&#xff0c;用于在 Hadoop上进行数据分析和处理。为了确保代码的可读性、维护性和性能&#xff0c;制定一套规范化的 Hive SQL 开发规范至关重要。本文将介绍 Hive SQL 的基础知识&#xff0c;并提供一些规范化的开发指…...

编程日记 2024/3/9 12:44:26

Spring Boot 自动装配的原理！！！

SpringBootApplication SpringBootConfiguration&#xff1a;标识启动类是一个IOC容器的配置类 EnableAutoConfiguration&#xff1a; AutoConfigurationPackage&#xff1a;扫描启动类所在包及子包中所有的组件&#xff0c;生…...

编程日记 2024/3/9 12:43:25

Linux运维_Bash脚本_编译安装Wayland-1.22.0

Linux运维_Bash脚本_编译安装Wayland-1.22.0 Bash (Bourne Again Shell) 是一个解释器&#xff0c;负责处理 Unix 系统命令行上的命令。它是由 Brian Fox 编写的免费软件&#xff0c;并于 1989 年发布的免费软件&#xff0c;作为 Sh (Bourne Shell) 的替代品。 您可以在 Linu…...

编程日记 2024/3/9 12:41:23

Python数字类型

文章目录 Python数字类型1. 数字类型1.1 数字类型概述1.2 整数类型1.3 浮点数类型1.4 复数 2. 数字类型的操作2.1 内置的数值运算操作符2.2 内置的数值运算函数2.3 内置的数字类型转换函数 思考与练习 Python数字类型 1. 数字类型 1.1 数字类型概述 数字是自然界计数活动的抽…...

编程日记 2024/3/9 12:39:22

每天一个数据分析题（一百九十六）

在多元线性回归模型的自变量选择方法中&#xff0c;关于向后回归法和逐步回归法的描述&#xff0c;以下哪些是正确的&#xff1f; A. 向后回归法开始时包含所有自变量&#xff0c;并逐步剔除每个不显著的变量。 B. 逐步回归法结合了向前回归法和向后回归法&#xff0c;可以在…...

编程日记 2024/3/9 12:35:18

华为北向网管NCE开发教程（1）闭坑选接口协议

华为北向网管NCE开发教程&#xff08;1&#xff09;闭坑选接口协议 华为北向网管NCE开发教程&#xff08;2&#xff09;REST接口开发 华为北向网管NCE开发教程&#xff08;3&#xff09;CORBA协议开发 本文一是记录自己开发华为北向网管遇到的坑&#xff0c;二是给需要的人&…...

编程日记 2024/3/9 12:34:17

JavaScript极速入门-综合案例(3)

综合案例 猜数字 预期效果 代码实现 <button type"button" id"reset">重新开始一局游戏</button><br>请输入要猜的数字:<input type"text" id"number"><button type"button" id"button&q…...

编程日记 2024/3/9 12:31:15

RabbitMQ架构详解

文章目录 概述架构详解核心组件虚拟主机&#xff08;Virtual Host&#xff09;RabbitMQ 有几种广播类型 概述 RabbitMQ是⼀个高可用的消息中间件&#xff0c;支持多种协议和集群扩展。并且支持消息持久化和镜像队列&#xff0c;适用于对消息可靠性较高的场合 官网https://www.…...

编程日记 2024/3/9 12:30:14

编译内核错误 multiple definition of `yylloc‘

编译内核错误 # make ARCHarm CROSS_COMPILEarm-mix410-linux- uImageHOSTLD scripts/dtc/dtc /usr/bin/ld: scripts/dtc/dtc-parser.tab.o:(.bss0x10): multiple definition of yylloc; scripts/dtc/dtc-lexer.lex.o:(.bss0x0): first defined here collect2: error: ld ret…...

编程日记 2024/3/9 12:29:13

SystemVerilog里用disable fork，为啥总把隔壁进程也“误杀”了？

SystemVerilog中disable fork的"误杀"陷阱与精准控制策略 在芯片验证和FPGA开发领域&#xff0c;SystemVerilog的并发进程管理是构建高效测试平台的核心技能之一。许多工程师在使用disable fork时都遭遇过这样的困境&#xff1a;明明只想终止某个特定分支的进程&…...

编程新知 2026/4/20 15:39:23

掌握Inter字体：现代排版必备的5个专业技巧终极指南

掌握Inter字体&#xff1a;现代排版必备的5个专业技巧终极指南 【免费下载链接】inter The Inter font family 项目地址: https://gitcode.com/gh_mirrors/in/inter Inter字体作为一款专为数字界面设计的现代无衬线字体系统&#xff0c;以其卓越的可读性和强大的OpenTyp…...

编程新知 2026/4/20 14:55:42

3分钟永久禁用Windows Defender：开源工具defender-control完全指南

3分钟永久禁用Windows Defender&#xff1a;开源工具defender-control完全指南 【免费下载链接】defender-control An open-source windows defender manager. Now you can disable windows defender permanently. 项目地址: https://gitcode.com/gh_mirrors/de/defender-co…...

编程新知 2026/4/20 11:53:25

别再只会用printk了！手把手教你用ftrace给Linux内核做‘动态心电图’

别再只会用printk了&#xff01;手把手教你用ftrace给Linux内核做‘动态心电图’ 当你在深夜被报警电话惊醒&#xff0c;面对一台出现偶发性性能抖动的Linux服务器时&#xff0c;是否曾经历过这样的绝望&#xff1a;printk日志像碎片化的线索&#xff0c;无法还原内核执行的完整…...

编程新知 2026/4/20 11:20:09

如何免费实现网盘全速下载：2025年终极直链下载助手完全指南

如何免费实现网盘全速下载&#xff1a;2025年终极直链下载助手完全指南 【免费下载链接】Online-disk-direct-link-download-assistant 一个基于 JavaScript 的网盘文件下载地址获取工具。基于【网盘直链下载助手】修改 &#xff0c;支持 百度网盘 / 阿里云盘 / 中国移动云盘 /…...

编程新知 2026/4/20 9:43:47

202106-nuPlan：面向自动驾驶汽车的闭环机器学习规划基准

第001/5页（英文原文） nuPlan: A closed-loop ML-based planning benchmark for autonomous vehicles Holger Caesar Juraj Kabzan Kok Seang Tan Whye Kit Fong Eric Wolff Alex Lang Luke Fletcher Oscar Beijbom Sammy Omari Motional Abstract In this work, we propos…...

编程新知 2026/4/20 8:49:15

别再写复杂SQL了！用MongoDB聚合管道搞定电商订单数据分析（实战篇）

电商订单分析新范式&#xff1a;MongoDB聚合管道实战指南 当我们需要从海量订单数据中挖掘用户行为规律时&#xff0c;传统SQL的GROUP BY往往显得力不从心。想象这样一个场景&#xff1a;你的电商平台每天新增数十万订单&#xff0c;管理层需要实时掌握每个用户的消费特征——他…...

编程新知 2026/4/20 7:45:37

Albumentations图像增强库实战：在Kaggle比赛中用CLAHE提升模型分数的完整流程

Albumentations与CLAHE实战&#xff1a;Kaggle图像竞赛中的对比度增强秘籍 在Kaggle等数据科学竞赛中&#xff0c;图像预处理环节往往成为决定模型性能上限的关键因素。当参赛者面对医学影像、卫星图片或低质量监控画面时&#xff0c;传统的数据增强方法常常力不从心。这时&…...

编程新知 2026/4/20 7:25:19

StructBERT中文句子相似度工具：3步搞定文本去重与内容查重

StructBERT中文句子相似度工具&#xff1a;3步搞定文本去重与内容查重 1. 为什么需要中文句子相似度工具&#xff1f; 在日常工作和内容创作中&#xff0c;我们经常遇到需要判断两段文字相似程度的场景。比如编辑需要检查投稿文章是否存在抄袭&#xff0c;老师要核对学生作业…...

编程新知 2026/4/20 7:23:18

别再到处找了！这12个三维点云开源数据集，从自动驾驶到室内建模都能用

三维点云实战指南&#xff1a;12个开源数据集深度解析与应用场景匹配 在三维视觉和空间计算领域&#xff0c;点云数据正成为连接物理世界与数字世界的核心纽带。无论是自动驾驶车辆的环境感知、建筑BIM模型的逆向重构&#xff0c;还是工业质检中的三维测量&#xff0c;优质的点…...

编程新知 2026/4/20 5:43:16