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

HTML基础入门——简单网页页面

news 2026/4/9 5:40:23

一，网上转账电子账单

编辑

1，所利用到的标签

2，代码编写

3，运行结果

二，李白诗词

1，所用到的标签

2，照片的编辑

3，代码编写

4，运行结果

一，网上转账电子账单

1，所利用到的标签

P 段落标签，一段是一个内容，段落之间存在间隔
hn (1-6) 标题标签
br 换行
文本修饰标签（加粗，加斜，加下划线，中划线等等效果）
加粗：strong / b
中划线：del

2，代码编写

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>工商银行电子汇款单</title>

</head>

<body>

<h1>工商银行电子汇款单</h1>

<table border="1" cellpadding="5" cellspacing="0" width="1000">

<tr>

<td colspan="2">回单类型</td>

<td>网上转账汇款</td>

<td colspan="2">指令序号</td>

<td>HQH000000000000013878172</td>

</tr>

<tr>

<td rowspan="4" width="10" >收款人</td>

<td width="50">户名</td>

<td>老牟</td>

<td rowspan="4" width="10" >付款人</td>

<td width="50">户名</td>

<td>老刘</td>

</tr>

<tr>

<td>卡号</td>

<td>0000000000001</td>

<td>卡号</td>

<td>000000000002</td>

</tr>

<tr>

<td>地区</td>

<td>南京</td>

<td>地区</td>

<td>杭州</td>

</tr>

<tr>

<td>网点</td>

<td>工商江苏南京业务处理中心</td>

<td>网点</td>

<td>江苏徐州业务中心</td>

</tr>

<tr>

<td colspan="2">币种</td>

<td>人名币</td>

<td colspan="2">钞汇标志</td>

<td>钞票</td>

</tr>

<tr>

<td colspan="2">金额</td>

<td>1.00</td>

<td colspan="2">手续费</td>

<td>0.57元</td>

</tr>

<tr>

<td colspan="2">合计</td>

<td>人民币（大写）：壹元整</td>

</tr>

<tr>

<td colspan="2">交易时间</td>

<td>2017年6月1日</td>

<td colspan="2">时间截止</td>

<td>2017-06-01-13.00.00 00000</td>

</tr>

<table>

票据打印时间：2017年-06-01 15：00：12

<del>票据打印单位：江苏徐州业务中心</del>

操作员：大曾

</table>

</body>

</html>

3，运行结果

二，李白诗词

1，所用到的标签

图片标签：展示图片的标签， “ <img> ”标签就是图片标签。

属性：一般以键值对形式在标签的开始部分

注意：我们要想在自己的网页插入照片，首先将照片保存在本地磁盘文件里，再将其拖到vscode的编译器里

2，照片的编辑

3，代码编写

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>李白诗词</title>

</head>

<body>

<h1>将进酒 君不见黄河之水天上来</h1>

<table>

<tr>

<td>

<img src="./照片/jmg/李白.jpg">

</td>

<td>

君不见黄河之水天上来，奔流到海不复回。

君不见高堂明镜悲白发，朝如青丝暮成雪。

人生得意须尽欢，莫使金樽空对月。

天生我材必有用，千金散尽还复来。

烹羊宰牛且为乐，会须一饮三百杯。

岑夫子，丹丘生，将进酒，杯莫停。

与君歌一曲，请君为我倾耳听。

钟鼓馔玉不足贵，但愿长醉不复醒。

古来圣贤皆寂寞，惟有饮者留其名。

陈王昔时宴平乐，斗酒十千恣欢谑。

主人何为言少钱，径须沽取对君酌。

五花马、千金裘，呼儿将出换美酒，与尔同销万古愁。

</td>

</tr>

</table>

</body>

</html>

4，运行结果

HTML基础入门——简单网页页面

目录一，网上转账电子账单编辑 1，所利用到的标签 2，代码编写 3，运行结果二，李白诗词 1，所用到的标签 2，照片的编辑 3，代码编写 4，运行结果一，网…...

编程日记 2025/1/9 18:31:47

perceptron 设计和计算 1. XOR: 当两个输入值中只有一个为真时，输出为真 2. 3. 5. 6. 7. 2^3 2^n 9. a) 直接test b) 把v≥2 改成 v≥1 10. no, because it cant be separate through only one decision boundary,its not linearlly separable. Backpropagatio…...

编程日记 2025/1/9 18:24:39

机器学习免费使用的数据集及网站链接

机器学习领域存在许多可以免费使用的数据集，这些数据集来自于学习、研究、比赛等目的。一、综合性数据集平台 1.Kaggle 网址：Kaggle 数据集https://www.kaggle.com/datasets Kaggle是一个数据科学竞赛和社区平台，提供了大量的数据集供用…...

编程日记 2025/1/9 18:21:36

低空经济——飞行汽车运营建模求解问题思路

1. 掌握问题背景和领域知识目标： 理解飞行汽车及其运营问题的核心要素和应用背景。学习内容： 飞行汽车基础： 了解飞行汽车的技术特点（垂直起降、电动推进等）。阅读行业报告，如 Uber Elevate 白皮书。共享…...

编程日记 2025/1/9 18:17:27

英伟达Project Digits赋能医疗大模型：创新应用与未来展望

英伟达Project Digits赋能医疗大模型：创新应用与未来展望一、引言 1.1 研究背景与意义在当今数字化时代，医疗行业作为关乎国计民生的关键领域，正面临着前所未有的挑战与机遇。一方面，传统医疗模式在应对海量医疗数据的处理、复…...

编程日记 2025/1/9 18:14:19

【Python3】异步操作 redis

aioredis 在高版本已经不支持了， 不要用代码示例 redis 连接池异步操作redis以及接口 import asyncio from sanic import Sanic from sanic.response import json import redis.asyncio as redis from redis.asyncio import ConnectionPool# 创建 Sanic 应用 app…...

编程日记 2025/1/9 18:13:17

【W800】UART 的使用与问题

1.开发环境 OS: Windows 11开发板：海凌科 HLK-W800-KIT-PROSDK: W80X_SDK_v1.00.10IDE: CSKY Development Kit 2.UART 使用在 SDK 中创建文件 uart_test.h 和 uart_test.c，然后在 CDK 项目中添加这两个文件，CDK 会自动 include 头文件。 …...

编程日记 2025/1/9 18:12:13

UART串口数据分析

串口基础知识详细介绍： 该链接详细介绍了串并行、单双工、同异步、连接方式 https://blog.csdn.net/weixin_43386810/article/details/127156063 该文章将介绍串口数据的电平变化、波特率计算、脉宽计算以及数据传输量的计算。捕获工具：逻辑分析仪&…...

编程日记 2025/1/9 18:10:10

NFS 组件容器化部署实战指南

文章目录前言部署NFS服务器K8S部署NFS问题记录前言使用nfs-client-provisioner这个应用，利用nfs server给kubernets提供作为持久化后端，并且动态提供pv。所有节点需要安装nfs-utils组件，并且nfs服务器与kubernets worker节点都能网络连通…...

编程日记 2025/1/9 18:09:09

嵌入式软件C语言面试常见问题及答案解析（三）

嵌入式软件C语言面试常见问题及答案解析（三）上一篇已经足够长了，再长也就有点不礼貌了，所以在这儿继续来总结分享那个面试中遇到的题目，文中的问题和提供的答案或者代码均代表个人的理解，如有不合理或者错误的地方，欢迎大家批评指正。本文中题目列表 1. 编码实现子串定…...

编程日记 2025/1/9 18:08:08

nvm安装教程

Node Version Manager (NVM) 是一个用来管理多个 Node.js 版本的命令行工具。使用 NVM，你可以在同一台机器上轻松安装和切换不同的 Node.js 版本。以下是针对 Unix 类系统（如 Linux 和 macOS）的 NVM 安装教程： 安装 NVM 更新系统…...

编程日记 2025/1/9 18:07:07

单片机-定时器中断

1、相关知识振荡周期1/12us; //振荡周期又称 S周期或时钟周期（晶振周期或外加振荡周期）。状态周期1/6us; 机器周期1us; 指令周期1~4us; ①51单片机有两组定时器/计数器，因为既可以定时，又可以计数，故称之为定时器…...

编程日记 2025/1/9 18:05:05

Hadoop 实战笔记（一） -- Windows 安装 Hadoop 3.x

环境准备安装 JAVA 1.8 Java环境搭建之JDK下载及安装下载 Hadoop 3.3.5 安装包 Hadoop 下载：https://archive.apache.org/dist/hadoop/common/ 一、JAVA JDK 环境检查二、Hadoop(HDFS)环境搭建 1. 解压安装文件 hadoop-3.3.5.tar 2. 配置环境变量 HADOOP_HO…...

编程日记 2025/1/9 18:04:03

AI中的神经元与权重矩阵之间的关系；神经元连接角度看行和列的意义

AI中的神经元与权重矩阵之间的关系目录 AI中的神经元与权重矩阵之间的关系神经元连接角度看行和列的意义AI中的神经元概念在人工智能领域，特别是神经网络中，神经元是基本的计算单元，它是对生物神经元的一种抽象模拟。就像生物神经元接收来自其他神经元的电信号，经过处理后…...

编程日记 2025/1/9 18:03:01

mysql、postgresql、druid链接池踩坑记录

The last packet successfully received from the server wIs 10,010 milliseconds ago. The last packet sent successfully to the server was 10,010 milliseconds ago.### The error may exist in URL mysql 链接字符串没有 &connectTimeout600000&socketTimeout6…...

编程日记 2025/1/9 18:01:56

NRF24L01模块STM32通信-通信初始化

目录前言一、IO口初始化二、模拟SPI的基础代码 1.一些代码的宏定义 2.起始信号 3.CS,SCK,MOSI操作 4.MISO,IRQ操作三.中间层代码 1.字节的输入和读取 2.写操作 3.读操作四.应用层代码 1.24L01的检测 2.在main函数进行简单验证 3.24L01宏定义的代码总结前…...

编程日记 2025/1/9 17:57:50

高比例压缩：Linux 中的压缩命令与技巧

文章目录高比例压缩：Linux 中的压缩命令与技巧1. 压缩格式的选择2. gzip 命令示例：压缩文件示例：解压文件 3. bzip2 命令示例：压缩文件示例：解压文件 4. xz 命令示例：压缩文件示例：解压文件 5.…...

编程日记 2025/1/9 17:56:49

LabVIEW软件Bug的定义与修改

在LabVIEW软件开发过程中，bug（程序错误或缺陷）指的是程序中导致不符合预期行为的任何问题。Bug可能是由于编码错误、逻辑漏洞、硬件兼容性问题、系统资源限制等因素引起的。它可能会导致程序崩溃、功能无法正常执行或输出结果不符合预期。理解…...

编程日记 2025/1/9 17:54:46

基于Springboot + vue实现的办公用品管理系统

🥂(❁◡❁)您的点赞👍➕评论📝➕收藏⭐是作者创作的最大动力🤞 💖📕🎉🔥 支持我：点赞👍收藏⭐️留言📝欢迎留言讨论 🔥🔥&…...

编程日记 2025/1/9 17:50:41

B+树的原理及实现

文章目录 B树的原理及实现一、引言二、B树的特性1、结构特点2、节点类型3、阶数三、B树的Java实现1、节点实现2、B树操作2.1、搜索2.2、插入2.3、删除2.4、遍历 3、B树的Java实现示例四、总结 B树的原理及实现一、引言 B树是一种基于B树的树形数据结构，它在数据…...

编程日记 2025/1/9 17:49:40

程序员必备：优质源码下载网，打通学习、实战与毕设全链路

对于程序员而言，源码是成长路上最宝贵的“养分”——它承载着成熟的编程逻辑、规范的代码风格、先进的架构设计，更是连接理论学习与实际开发的核心桥梁。无论是入门新手想要快速上手、进阶开发者想要突破技术瓶颈，还是应届毕业生想要高效完成…...

编程新知 2026/4/9 5:25:54

关于 SSR，我承认我之前只是“会用”而已

SSR、Hydration 这些词在 Web 前端领域非常常见，开发者经常能接触到这个概念。但是，这些是什么？为什么？怎么用？过去我都没有深究下去，关于 SSR，我承认我之前只是“会用”而已。一、区分 CSR 还…...

编程新知 2026/4/9 5:11:44

避坑指南：MediaPipe安装常见报错解决方案（附虚拟环境配置技巧）

MediaPipe实战避坑手册：从环境配置到高效开发的完整指南在计算机视觉和机器学习领域，MediaPipe作为Google开源的多媒体处理框架，因其强大的实时感知能力和跨平台特性而备受开发者青睐。然而，许多开发者在初次接触MediaPipe时&…...

编程新知 2026/4/9 4:53:15

OpenClaw日志分析：千问3.5-35B-A3B-FP8任务失败排查方法论

OpenClaw日志分析：千问3.5-35B-A3B-FP8任务失败排查方法论 1. 问题背景与排查思路上周我在尝试用OpenClaw自动化处理一批产品截图时，遇到了千问3.5-35B-A3B-FP8模型频繁报错的情况。任务看似简单：让AI识别截图中的UI元素并生成改进建议&am…...

编程新知 2026/4/9 4:18:27

HelloWord-Keyboard固件编程完全指南：从零掌握机械键盘定制开发

HelloWord-Keyboard固件编程完全指南：从零掌握机械键盘定制开发【免费下载链接】HelloWord-Keyboard 项目地址: https://gitcode.com/gh_mirrors/he/HelloWord-Keyboard 想要打造属于自己的智能机械键盘吗？HelloWord-Keyboard项目为你提供了一个…...

编程新知 2026/4/9 3:43:54

C# 13主构造函数到底怎么用：从语法糖到IL底层，3步写出零反射、零冗余的生产级代码

第一章：C# 13主构造函数到底怎么用：从语法糖到IL底层，3步写出零反射、零冗余的生产级代码 C# 13 的主构造函数（Primary Constructors）并非简单的语法糖，而是编译器在类型声明阶段就完成参数绑定与字段初始化…...

编程新知 2026/4/9 3:00:57

告别JetBrains IDE试用期困扰：让开发效率持续在线的重置方案

告别JetBrains IDE试用期困扰：让开发效率持续在线的重置方案【免费下载链接】ide-eval-resetter 项目地址: https://gitcode.com/gh_mirrors/id/ide-eval-resetter 当你正沉浸在代码世界中，突然弹出的试用期结束提示如同晴天霹雳，瞬…...

编程新知 2026/4/9 1:55:45

代码审计 | Log4j2 —— CVE-2021-44228 JNDI 注入与递归解析的完整链路分析

代码审计 | Log4j2 —— CVE-2021-44228 JNDI 注入与递归解析的完整链路分析目录环境搭建漏洞复现编写测试代码构造恶意 class 文件启动 LDAP 转发器请求流程使用 JNDI 工具一键利用代码审计 payload 入口追踪 MessagePatternConverter：关键转折点 substitu…...

编程新知 2026/4/9 1:37:34