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

【HTML】学习笔记（自用持续更新）

news 2026/3/26 21:50:09

 HTML基本框架

只定义信息，通过标签组成整个页面框架，再通过CSS渲染使得前端页面做的好看

<!DOCTYPE HTML> \\html类型
<html><body><h1>这是一个标题</h1><p>这是一段文字</p></body>
</html>

常用标签

<title></title> 网页标题

<h1></h1> 一级标题

<h2></h2> 二级标题  //标题最多6级

<p></p> 文本段落

<br> 强制换行

<b></b> 加粗

<i></i> 斜体

<u></u> 下划线

<img src="图片链接" width=> 图片 width设置图片宽度

<a href="网页链接" 属性>连接名</a> 打开新窗口添加属性target="_blank"

容器

<div></div> 块级元素，不能一行有多个

<span></span>  一行可以有多个元素

<ol></ol> 有序列表

<ul></ul> 无序列表

<li></li> 列表元素

表格相关

默认表格没有边框，各种设置均需添加参数，添加参数border=""

<table></table> 表格

<thead></thead> 表格头部

<tboday></tbody> 表格主题

<tr></tr> 表格行

<td></td> 单元格

<table><thead><tr><td>表头1</td><td>表头2</td></tr></thead><tbody><tr><td>111</td><td>222</td></tr><tr><td>333</td><td>444</td></tr></tbody>
</table>

calss属性

可被应用于所有元素，可用于区分类别

class=""

相关文章：

【HTML】学习笔记（自用持续更新）

HTML基本框架 只定义信息&#xff0c;通过标签组成整个页面框架&#xff0c;再通过CSS渲染使得前端页面做的好看 <!DOCTYPE HTML> \\html类型 <html><body><h1>这是一个标题</h1><p>这是一段文字</p></body> </html> …...

编程日记 2023/8/26 20:14:50

代码随想录训练营第四十二天|0-1背包理论基础(一)、0-1背包理论基础(二)、416分割等和子集

0-1背包理论基础(一) 文章讲解/视频链接&#xff1a;代码随想录 小节&#xff1a;本节课讲得是0-1背包的二维数组解法&#xff0c;dp[i][j]的含义是从物品0-i中不重复的拿出可以装进容量为j的背包的最大价值的物品&#xff0c;状态转移公式为&#xff0c;dp[i][j] max(dp[i - …...

编程日记 2023/8/26 20:13:49

linux 免交互

Linux 免交互 1、免交互概念2、基本免交互的例子2.1命令行免交互统计2.2使用脚本免交互统计2.3使用免交互命令打印2.4免交互修改密码2.5重定向查看2.6重定向到指定文件2.7重定向直接指定文件2.8使用脚本完成重定向输入2.9免交互脚本完成赋值变量2.10关闭变量替换功能&#xff0…...

编程日记 2023/8/26 20:12:49

自然语言处理从入门到应用——LangChain：索引（Indexes）-[文档加载器（Document Loaders）]

分类目录&#xff1a;《自然语言处理从入门到应用》总目录 合并语言模型和我们自己的文本数据是区分它们的一种强大方式&#xff0c;这样做的第一步是将数据加载到“文档”中&#xff0c;文档加载器的作用就是使这个过程变得简单。 LangChain提供了三种文档加载器&#xff1a;…...

编程日记 2023/8/26 20:11:47

7.接着跑一下triton官方教程

5.Model Ensemble 在此示例中&#xff0c;我们将探索使用模型集成来仅通过单个网络调用在服务器端执行多个模型。这样做的好处是减少了在客户端和服务器之间复制数据的次数&#xff0c;并消除了网络调用固有的一些延迟。 为了说明创建模型集成的过程&#xff0c;我们将重用第…...

编程日记 2023/8/26 20:10:46

波奇学C++:stl的list模拟实现

list是双向带头链表。所以迭代器end()相当于哨兵卫的头。 list不支持和[]重载&#xff0c;原因在于list空间不是连续的&#xff0c;和[]的代价比较大。 访问第n个节点&#xff0c;只能用for循环&#xff0c;来实现 list<int> l; l.push_back(0); l.push_back(1); l.pu…...

编程日记 2023/8/26 20:09:45

Flask 项目结构

前面我们了解了 Flask 框架的特性和一些用法&#xff0c;比如创建一个简单应用、做些页面&#xff0c;以及增加鉴权模块等&#xff0c;如果要将 Flask 用于实际项目开发&#xff0c;还需要了解一下 Flask 项目结构。 Flask 是一个轻量级的 Web 框架&#xff0c;扩展性强&#…...

编程日记 2023/8/26 20:08:40

云计算在IT领域的发展和应用

文章目录 云计算的发展历程云计算的核心概念云计算在IT领域的应用1. 基础设施即服务&#xff08;IaaS&#xff09;&#xff1a;2. 平台即服务&#xff08;PaaS&#xff09;&#xff1a;3. 软件即服务&#xff08;SaaS&#xff09;&#xff1a; 云计算的拓展应用结论 &#x1f3…...

编程日记 2023/8/26 20:07:39

8年测试经验之谈 —— 接口自动化测试requests

1.什么是requests&#xff1f; requests是一个Python第三方库&#xff0c;处理URL资源特别方便 2.安装requests pip3 install requests 如果遇到Permission denied安装失败&#xff0c;请加上sudo重试 3.使用requests 3.1get请求方法 3.1.1基本的get请求 import reques…...

编程日记 2023/8/26 20:06:37

求助：vue从后端获取数据，如何对获得的数据进行拆分？

从后端获取数据格式如下&#xff1a; { "count": 3, "lists": [ { "id": 2, "name_id": 4, "name": "4: 2201030019: 张四", }, { …...

编程日记 2023/8/26 20:05:32

html5拖拽文件上传需阻止默认事件

至少阻止下列3个事件的默认行为才能实现文件拖拽上传 var bdocument.getElementById(box) b.ondragenter(e)>{e.preventDefault()console.log(aaa,e.dataTransfer.files); } b.ondragover(e)>{e.preventDefault()console.log(bb,e.dataTransfer.files); }b.ondrop(e)>…...

编程日记 2023/8/26 20:04:31

深入剖析Kubernetes之Pod基本概念(一)

文章目录 Pod 中重要字段Pod 的生命周期 Pod&#xff0c;而不是容器&#xff0c;才是 Kubernetes 项目中的最小编排单位。将这个设计落实到 API 对象上&#xff0c;容器&#xff08;Container&#xff09;就成了 Pod 属性里的一个普通的字段。那么&#xff0c;到底哪些属性属于…...

编程日记 2023/8/26 20:03:28

idea 对JavaScript进行debug调试

文章目录 1.新增 JavaScript Debug 配置2.配置访问地址3.访问url. 打断点测试 前言 : 工作中接手别人的前端代码没有注释&#xff0c;看浏览器的network或者console切来切去&#xff0c;很麻烦&#xff0c;可以试试idea自带的javscript debug功能。 1.新增 JavaScript Debug 配…...

编程日记 2023/8/26 20:02:25

npm init

1、什么是npm init npm是开源 JavaScript 包管理器&#xff0c;允许 JavaScript 开发人员分享和重用代码。npm init是一种在创建新的npm包时使用的命令&#xff0c;它将提示你填写一些信息以便在package.json文件中创建初始配置。 2、为什么要使用npm init初始化项目 在node…...

编程日记 2023/8/26 20:01:22

微信小程序开发教学系列（6）- 数据缓存与本地存储

第六章 数据缓存与本地存储 在开发微信小程序时&#xff0c;我们通常会面临一个问题&#xff1a;如何在不重复请求接口的情况下&#xff0c;将数据保存在本地&#xff0c;提高用户体验并减少网络请求的次数。这就需要我们学会使用数据缓存和本地存储的技巧。本章将介绍在微信小…...

编程日记 2023/8/26 20:00:21

跟我学c++中级篇——模板的基础术语说明

一、类模板术语 1、模板的特化 模板的特化也叫具体化&#xff0c;非常容易理解&#xff0c;就是把模板中的模板参数给定具体的类型。看下面的例子&#xff1a; //模板 template <typename T,typname N> class Data {}; //特化 template<> class Data<int,int&…...

编程日记 2023/8/26 19:59:20

最新Win10离线安装.NET Framework 3.5的方法(附离线包2022/3/22)

win10系统安装软件时&#xff0c;可能需要.net framework3.5的运行环境&#xff0c;当我们安装某些软件的时候会提示“你的电脑上的应用需要使用以下Windows功能:.NET Framework 3.5(包括.NET 2.0和3.0)。如果系统默认的是4.0以上的版本&#xff0c;当软件需要.net framework3.…...

编程日记 2023/8/26 19:58:18

最新docker多系统安装技术

在Ubuntu操作系统中安装Docker 在Ubuntu操作系统中安装Docker的步骤如下。 1&#xff0e;卸载旧版本Docker 卸载旧版本Docker的命令如下&#xff1a; $ sudo apt-get remove docker docker-engine docker.io 2&#xff0e;使用脚本自动安装 在测试或开发环境中&#xff0…...

编程日记 2023/8/26 19:57:16

系统架构设计高级技能 · 云原生架构设计理论与实践

系列文章目录 系统架构设计高级技能 软件架构概念、架构风格、ABSD、架构复用、DSSA&#xff08;一&#xff09;【系统架构设计师】 系统架构设计高级技能 系统质量属性与架构评估&#xff08;二&#xff09;【系统架构设计师】 系统架构设计高级技能 软件可靠性分析与设计…...

编程日记 2023/8/26 19:56:14

Springboot集成RocketMQ——简单使用

目录 1.MQ选型 2.RocketMQ基本架构 3.Springboot集成RocketMQ 4.顺序消息 5.延时消息 6.事务消息 1.MQ选型 目前市面上的MQ选型&#xff1a;主要分为3个类型 Kafka&#xff1a;吞吐量大&#xff0c;且性能好&#xff0c;集群高可用&#xff1b;会丢失数据&#xff0c;功…...

编程日记 2023/8/26 19:55:13

OpenClaw定时任务管理：Qwen3.5-4B-Claude模型驱动智能提醒系统

OpenClaw定时任务管理&#xff1a;Qwen3.5-4B-Claude模型驱动智能提醒系统 1. 为什么需要AI驱动的定时任务系统 上个月我连续错过了三个重要会议&#xff0c;直到同事发消息询问"人到哪了"才猛然惊醒。这种尴尬促使我开始寻找解决方案——传统日历提醒太被动&#…...

编程新知 2026/3/26 21:40:00

稚晖君亲自面试！智元机器人(Agibot)大模型技术面经全记录（含Transformer高频考点）

智元机器人(Agibot)大模型技术面试深度解析&#xff1a;Transformer核心考点与实战应答策略 当具身智能遇上大模型技术&#xff0c;一场关于未来机器人革命的对话正在顶尖科技公司的面试室里悄然展开。作为行业新锐的智元机器人(Agibot)&#xff0c;其技术面试不仅考察候选人的…...

编程新知 2026/3/26 20:43:48

三步打造你的专属阅读空间：开源阅读鸿蒙版深度体验

三步打造你的专属阅读空间&#xff1a;开源阅读鸿蒙版深度体验 【免费下载链接】legado-Harmony 开源阅读鸿蒙版仓库 项目地址: https://gitcode.com/gh_mirrors/le/legado-Harmony 还在为广告弹窗打断阅读体验而烦恼吗&#xff1f;还在为找不到心仪内容而四处奔波吗&am…...

编程新知 2026/3/26 20:27:45

CosyVoice Docker 部署优化：如何有效降低 CPU 占用率

在语音合成服务日益普及的今天&#xff0c;CosyVoice 凭借其出色的音质和灵活性&#xff0c;成为了许多开发者的选择。然而&#xff0c;当我们将它部署到 Docker 容器中时&#xff0c;一个普遍且棘手的问题随之而来&#xff1a;CPU 占用率居高不下。这不仅导致服务器资源成本飙…...

编程新知 2026/3/26 20:13:43

深入解析WIFI中EAP-TLS认证流程与安全机制

1. EAP-TLS认证&#xff1a;WIFI安全连接的基石 每次我们用手机连接公司或学校的WIFI时&#xff0c;系统总会弹出一个证书确认的窗口&#xff0c;这就是EAP-TLS在发挥作用。作为目前最安全的WIFI认证协议之一&#xff0c;它就像网络世界的"护照查验系统"&#xff0c;…...

编程新知 2026/3/26 18:07:59

低成本搭建AI知识库：Qwen3-Embedding-4B量化版仅需3GB显存教程

低成本搭建AI知识库&#xff1a;Qwen3-Embedding-4B量化版仅需3GB显存教程 1. 引言&#xff1a;为什么选择Qwen3-Embedding-4B&#xff1f; 在构建AI知识库时&#xff0c;文本向量化模型的选择至关重要。传统方案要么性能不足&#xff0c;要么资源消耗过大。Qwen3-Embedding-…...

编程新知 2026/3/26 17:49:53

SAR成像RD算法仿真：为什么你的点目标旁瓣降不下去？从原理到Matlab代码的深度调优

SAR成像RD算法旁瓣抑制难题&#xff1a;从原理到Matlab调优实战 当你在Matlab中实现RD&#xff08;距离多普勒&#xff09;算法进行SAR&#xff08;合成孔径雷达&#xff09;成像仿真时&#xff0c;是否遇到过这样的困扰&#xff1a;明明按照教科书步骤编写了代码&#xff0c;但…...

编程新知 2026/3/26 17:01:19

生物信息学避坑指南：你的热图聚类总乱？可能是数据标准化和样品注释没做对

生物信息学避坑指南&#xff1a;热图聚类混乱的根源与系统性解决方案 热图&#xff08;Heatmap&#xff09;作为生物信息学中最常用的数据可视化工具之一&#xff0c;广泛应用于基因表达分析、代谢组学、微生物组学等领域。然而&#xff0c;许多初学者在使用热图进行样品聚类时…...

编程新知 2026/3/26 16:43:15

成本控制艺术：OpenClaw+百川2-13B量化版的Token节省技巧

成本控制艺术&#xff1a;OpenClaw百川2-13B量化版的Token节省技巧 1. 为什么需要关注Token消耗&#xff1f; 当我第一次在本地部署OpenClaw并接入百川2-13B量化版模型时&#xff0c;就被它强大的自动化能力震撼了。这个组合可以让我的电脑像真人一样处理各种任务——从整理文…...

编程新知 2026/3/26 16:41:15

5大核心功能提升英雄联盟体验：League-Toolkit全场景应用指南

5大核心功能提升英雄联盟体验&#xff1a;League-Toolkit全场景应用指南 【免费下载链接】League-Toolkit 兴趣使然的、简单易用的英雄联盟工具集。支持战绩查询、自动秒选等功能。基于 LCU API。 项目地址: https://gitcode.com/gh_mirrors/le/League-Toolkit League-T…...

编程新知 2026/3/26 16:25:08