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

3.前端--HTML标签-文本图像链接【2023.11.25】

news 2026/4/12 22:55:54

1.HTML常用标签(文本图像链接）

文本标签

标题 <h1> - <h6>
段落<p> 我是一个段落标签 </p>
换行 <br />

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>你好世界</title>
</head>
<body><h1>标题一共六级选,</h1><h2>文字加粗一行显。</h2><h3>由大到小依次减，</h3><h4>从重到轻随之变。</h4><h5>语法规范书写后，</h5><h6>具体效果刷新见。</h6><p>标题一共六级选,文字加粗一行显。由大到小依次减,从重到轻随之变。语法规范书写后，具体效果刷新见。</p><p>标题一共六级选,文字加粗一行显。由大到小依次减,从重到轻随之变。语法规范书写后，具体效果刷新见。</p><p>标题一共六级选,文字加粗一行显。由大到小依次减,<br>从重到轻随之变。语法规范书写后，具体效果刷新见。</p>
</body>
</html>

在这里插入图片描述

文本格式化标签
在这里插入图片描述

图像标签

语法格式：
<img src="图像URL" />

src 是标签的必须属性，它用于指定图像文件的路径和文件名。
在这里插入图片描述

相对路径：以引用文件所在位置为参考基础，而建立出的目录路径。这里简单来说，图片相对于 HTML 页面的位置
在这里插入图片描述
绝对路径：是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。
例如，“D:\web\img\logo.gif”或完整的网络地址“http://www.itcast.cn/images/logo.gif”。

链接

语法格式：
<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>

在这里插入图片描述

链接分类

  1. 外部链接: 例如 < a href="http:// www.baidu.com "> 百度。
  2. 内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可，例如 < a href=“index.html”> 首页 。
  3. 空链接: 如果当时没有确定链接目标时，< a href=“#”> 首页 。
  4. 下载链接: 如果 href 里面地址是一个文件或者压缩包，会下载这个文件。
  5. 网页元素链接: 在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接.

重要的锚点链接
锚点链接: 当我们点击链接,可以快速定位到页面中的某个位置.
href和id配合使用
<a href="#two"> 第2集 </a>
<h3 id="two">第2集介绍</h3>

相关文章：

3.前端--HTML标签-文本图像链接【2023.11.25】

1.HTML常用标签(文本图像链接&#xff09; 文本标签 标题 <h1> - <h6> 段落<p> 我是一个段落标签 </p> 换行 <br /> <!DOCTYPE html> <html lang"zh-CN"> <head><meta charset"UTF-8"><meta ht…...

编程日记 2023/11/26 21:30:44

ctfshow刷题web入门--1--ljcsd

文章目录 ctf.show。信息搜集web1web2web3web4web5web6web7web8web9web10web11web12web13web14web15web16web17web18web19web20。爆破。知识1.1 播种随机数生成器-mt_srand。参考web21--重点web22--做不出来web23web24web25web26web27web28。。。命令执行。知识1 绕过正则表达式…...

编程日记 2023/11/26 21:29:43

乘法原理 LeetCode 828. 统计子串中的唯一字符

我们定义了一个函数 countUniqueChars(s) 来统计字符串 s 中的唯一字符&#xff0c;并返回唯一字符的个数。 例如&#xff1a;s "LEETCODE" &#xff0c;则其中 "L", "T","C","O","D" 都是唯一字符&#xff0c;…...

编程日记 2023/11/26 21:28:42

python桌面开发PyQt6库和工具库QTDesigner安装和配置

一、安装PyQt6 二、安装pyqt6-tools 三、安装外部工具 四、创建QTDesigner 1.首先查找designer.exe的路径&#xff08;可以自己在窗口中选择&#xff0c;也可以使用Everything搜索&#xff09; 2.使用Everything搜索后会出现多个designer.exe,选中&#xff0c;OpenPath 3.选择…...

编程日记 2023/11/26 21:27:41

火柴棒等式

枚举 只要在保证等式正确的基础上判断火柴棒有没有用完就可以 因为数比较小&#xff0c;而且我不知道最大的等式中的数是多少&#xff0c;索性就设置为999了 还好对效率要求不大&#xff08;doge&#xff09; 要不然就得自己慢慢改最大数来试了 代码如下&#xff1a; #in…...

编程日记 2023/11/26 21:26:39

给定两个字符串 s 和 t ，找不同

题意&#xff1a; 给定两个字符串 s 和 t &#xff0c;它们只包含小写字母。 字符串 t 由字符串 s 随机重排&#xff0c;然后在随机位置添加一个字母。 请找出在 t 中被添加的字母。 示例 1&#xff1a; 输入&#xff1a;s “abcd”, t “abcde” 输出&#xff1a;“e”…...

编程日记 2023/11/26 21:25:37

从权限跳转看Activity的data android:scheme

在应用申请悬浮窗权限的时候&#xff0c;可以跳转到相应的设置界面&#xff0c;并且自动切换到应用的条目&#xff0c;高亮显示一下&#xff0c; android悬浮窗权限怎么申请 在Android中&#xff0c;要申请悬浮窗权限&#xff0c;需要以下步骤&#xff1a; 在 AndroidManifes…...

编程日记 2023/11/26 21:24:33

C++ Qt QFile用法介绍与代码演示

作者：令狐掌门 技术交流QQ群：675120140 csdn博客：https://mingshiqiang.blog.csdn.net/ 文章目录 打开和关闭文件读取文件写入文件示例代码自定义格式文件解析在Qt 中 QFile 的类用于读写本地文件系统中的文件。它继承自 QIODevice，所以它包含了许多用于数据输入和输出的功…...

编程日记 2023/11/26 21:23:32

Redis面试题：Redis的数据过期策略有哪些？

目录 面试官&#xff1a;Redis的数据过期策略有哪些 ? 惰性删除 定期删除 面试官&#xff1a;Redis的数据过期策略有哪些 ? 候选人&#xff1a; 嗯~&#xff0c;在redis中提供了两种数据过期删除策略 第一种是惰性删除&#xff0c;在设置该key过期时间后&#xff0c;我们…...

编程日记 2023/11/26 21:22:30

1.2.1 C语言结构体初始化方法总结

文章目录 结构体定义通用定义注册事项结构体初始化方法一简述示例方法二简述示例方法三简述示例方法四简述示例方法五简述示例结构体定义 通用定义 常用的结构体定义，有2种形式， 一种是关键字struct 结构体形式，如下...

编程日记 2023/11/26 21:20:26

CentOS 7 安装 Weblogic 14 版本

安装JDK程序 注意&#xff1a;安装weblogic前&#xff0c;先安装JDK&#xff01;&#xff08;要求jdk(1.7以上)&#xff09;&#xff1a; 一、创建用户组weblogic及用户weblogic groupadd weblogic useradd -g weblogic weblogic二、将下载好的jdk及weblogic上传至/home/webl…...

编程日记 2023/11/26 21:19:25

ES之x-pack-core-7.14.2许可证修改为白金版

X-Pack是什么 X-pack是elasticsearch的一个扩展包&#xff0c;将安全&#xff0c;警告&#xff0c;监视&#xff0c;图形和报告功能捆绑在一个易于安装的软件包中&#xff0c;虽然x-pack被设计为一个无缝的工作&#xff0c;但是你可以轻松的启用或者关闭一些功能。 主要分一下步…...

编程日记 2023/11/26 21:17:23

在Ubuntu18.04安装适合jdk8的eclipse

直接在Ubuntu软件那里下载的eclipse不能用&#xff0c;下载后启动会报错&#xff1a;Eclipse An error has occurred. See the log file/home/hadoop/.eclipse/ org.eclipse.platform_3.8_155965261/ configuration/1700567835954.log 上网搜索方法&#xff0c;按教程说的修改e…...

编程日记 2023/11/26 21:16:20

openlayers+jsts 实现对行政区以外的区域进行遮罩（兼容多面的情况，兼容不同的ol版本）

先抛效果图,该区域有很多个小面 之前在网上搜到的方式实现 Openlayers 为目标范围以外的区域添加遮罩 - 知乎 核心代码如下&#xff0c;如果您不需要兼容全国的所有省市&#xff0c;而刚好要加地区又是连贯的区域的话&#xff0c;该方法可行&#xff0c;但是如果需要兼容全国…...

编程日记 2023/11/26 21:15:19

【MySQL】查询进阶

&#x1f451;专栏内容&#xff1a;MySQL⛪个人主页&#xff1a;子夜的星的主页&#x1f495;座右铭&#xff1a;前路未远&#xff0c;步履不停 目录 一、数据库约束1、约束类型2、not null3、unique4、default5、primary key6、foreign key 二、新增三、查询1、聚合查询2、分组…...

编程日记 2023/11/26 21:14:18

C++学习之路（五）C++ 实现简单的文件管理系统命令行应用 - 示例代码拆分讲解

简单的文件管理系统示例介绍: 这个文件管理系统示例是一个简单的命令行程序&#xff0c;允许用户进行文件的创建、读取、追加内容和删除操作。这个示例涉及了一些基本的文件操作和用户交互。 功能概述&#xff1a; 创建文件 (createFile())&#xff1a; 用户可以输入文件名和内…...

编程日记 2023/11/26 21:13:16

Node.js下载安装及配置镜像源

一、进入官网地址下载安装包 https://nodejs.org/dist 选择对应你系统的Node.js版本 这里我选择的是Windows系统、64位 二、安装程序 &#xff08;1&#xff09;下载完成后&#xff0c;双击安装包&#xff0c;开始安装Node.js (2)直接点【Next】按钮&#xff0c;此处可根据…...

编程日记 2023/11/26 21:12:15

RAC 下expdp impdp 并行 parallel FK

1. dump 文件非共享下的并行 Customer receives the following errors: ORA-31693: Table data object "<SCHEMA_NAME>"."<TABLE_NAME>" failed to load/unload and is being skipped due to error: ORA-31617: unable to open dump file &qu…...

编程日记 2023/11/26 21:11:14

【数据结构】动态顺序表详解

目录 1.顺序表的概念及结构 2.动态顺序表的实现 2.1创建新项目 2.2动态顺序表的创建 2.3接口的实现及测其功能 2.3.1初始化 2.3.2尾插 2.3.3头插 2.3.4尾删&头删 2.3.5打印&从任意位置插入 2.3.6删除任意位置的数据 2.3.7查找 2.3.8销毁顺序表 3.结语 He…...

编程日记 2023/11/26 21:10:13

Nginx代理https请求的操作过程

理论很简单&#xff0c;过程很曲折&#xff0c;版本适配的问题要小心。 场景&#xff1a; 要和前端进行联调&#xff0c;我本地后端用了https&#xff0c;证书是自制的&#xff0c;主要是页面里面有一些oauth2认证的地方&#xff0c;需要跳转。 比如https://aaa.com/profile.h…...

编程日记 2023/11/26 21:09:13

Python的asyncio事件循环与不同事件循环策略的性能影响分析

Python的asyncio事件循环与不同事件循环策略的性能影响分析 Python的asyncio模块为异步编程提供了强大的支持&#xff0c;其核心是事件循环机制。事件循环负责调度和执行异步任务&#xff0c;而不同的循环策略可能对性能产生显著影响。随着高并发应用需求的增长&#xff0c;理…...

编程新知 2026/4/12 22:39:35

云原生边缘计算实践与应用

云原生边缘计算实践与应用 1. 边缘计算与云原生的融合 边缘计算是一种将计算、存储和网络资源部署在靠近数据源或用户的网络边缘的技术。随着云原生技术的发展&#xff0c;边缘计算与云原生的融合成为新的趋势&#xff0c;为分布式应用提供了更高效、更低延迟的解决方案。 1.1 …...

编程新知 2026/4/12 21:07:12

DeOldify风格迁移探索：结合神经风格迁移实现艺术化上色效果

DeOldify风格迁移探索&#xff1a;结合神经风格迁移实现艺术化上色效果 黑白老照片承载着记忆&#xff0c;但总让人觉得少了些色彩的温度。而经典的艺术画作&#xff0c;又常常因为其独特的风格和色彩&#xff0c;让我们心驰神往。你有没有想过&#xff0c;如果把这两者结合起…...

编程新知 2026/4/12 20:28:38

TensorRT 8.2.5 部署实战：从环境配置到模型推理的完整指南

1. 环境准备&#xff1a;搭建TensorRT 8.2.5的温床 在Ubuntu 20.04上部署TensorRT就像给赛车装配高性能引擎&#xff0c;首先要确保车库&#xff08;系统环境&#xff09;符合标准。我遇到过不少开发者卡在环境配置这一步&#xff0c;往往是因为CUDA版本不匹配这类"低级错…...

编程新知 2026/4/12 20:08:28

s2-pro镜像免配置优势：无需conda环境，开箱即用TTS服务

s2-pro镜像免配置优势&#xff1a;无需conda环境&#xff0c;开箱即用TTS服务 1. 平台简介 s2-pro 是 Fish Audio 开源的专业级语音合成模型镜像&#xff0c;它让文本转语音(TTS)服务变得前所未有的简单。与传统的语音合成方案不同&#xff0c;这个镜像最大的特点就是开箱即用…...

编程新知 2026/4/12 17:45:50

openclaw技术实践：Nunchaku FLUX.1-dev ComfyUI批量生成脚本编写

openclaw技术实践&#xff1a;Nunchaku FLUX.1-dev ComfyUI批量生成脚本编写 你是不是也遇到过这样的场景&#xff1f;在ComfyUI里用Nunchaku FLUX.1-dev模型生成了一张惊艳的图片&#xff0c;然后想&#xff1a;“要是能批量生成不同风格、不同主题的图片就好了。”但每次都要…...

编程新知 2026/4/12 17:10:59

Path of Building：流放之路玩家的终极离线Build规划指南

Path of Building&#xff1a;流放之路玩家的终极离线Build规划指南 【免费下载链接】PathOfBuilding Offline build planner for Path of Exile. 项目地址: https://gitcode.com/GitHub_Trending/pa/PathOfBuilding 你是否曾经在《流放之路》中花费数小时计算天赋点、装…...

编程新知 2026/4/12 16:26:13

【AI应用】NotebookLM与Prompt工程：打造高效知识管理与创意生成工作流

1. 当知识管理遇上AI&#xff1a;NotebookLM的核心价值 每天打开电脑&#xff0c;你是不是也和我一样面对几十个浏览器标签页、十几个未整理的文档和无数碎片化笔记感到头疼&#xff1f;信息爆炸时代最痛苦的莫过于&#xff1a;明明资料都在手边&#xff0c;却像散落的拼图怎么…...

编程新知 2026/4/12 15:16:46

如何3分钟完成Android Studio中文界面汉化：终极免费指南

如何3分钟完成Android Studio中文界面汉化&#xff1a;终极免费指南 【免费下载链接】AndroidStudioChineseLanguagePack AndroidStudio中文插件(官方修改版本&#xff09; 项目地址: https://gitcode.com/gh_mirrors/an/AndroidStudioChineseLanguagePack 还在为Androi…...

编程新知 2026/4/12 15:03:40

Kubernetes原生服务发现扛不住大模型？3种云原生注册增强模式实测对比：延迟↓67%，注册成功率↑99.992%

第一章&#xff1a;大模型工程化服务发现与注册机制 2026奇点智能技术大会(https://ml-summit.org) 在大模型工程化落地过程中&#xff0c;服务发现与注册机制是实现弹性扩缩容、多版本灰度发布与跨集群协同推理的核心基础设施。不同于传统微服务&#xff0c;大模型服务具有高…...

编程新知 2026/4/12 15:01:31