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

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

news 2025/6/13 22:53:37

目录

一，网上转账电子账单

​编辑

1，所利用到的标签

2，代码编写

3，运行结果

二，李白诗词

1，所用到的标签

2，照片的编辑

3，代码编写

4，运行结果

一，网上转账电子账单

1，所利用到的标签

  1. P   段落标签，一段是一个内容，段落之间存在间隔
  2. hn (1-6) 标题标签
  3. br   换行
  4. 文本修饰标签（加粗，加斜，加下划线，中划线等等效果）
  5. 加粗：strong / b
  6. 中划线：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"><b>回单类型</b></td>

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

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

        <td>HQH000000000000013878172</td>

    </tr>

   <tr>

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

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

        <td>老牟</td>

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

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

        <td>老刘</td>

   </tr>

   <tr>

    <td><b>卡号</b></td>

    <td>0000000000001</td>

    <td><b>卡号</b></td>

    <td>000000000002</td>

   </tr>

   <tr>

    <td>地区</td>

    <td>南京</td>

    <td>地区</td>

    <td>杭州</td>

   </tr>

   <tr>

    <td><b>网点</b></td>

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

    <td><b>网点</b></td>

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

   </tr>

   <tr>

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

    <td>人名币</td>

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

    <td>钞票</td>

   </tr>

   <tr>

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

    <td>1.00</td>

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

    <td>0.57元</td>

   </tr>

   <tr>

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

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

   </tr>

   <tr>

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

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

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

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

   </tr>

<table>

    <p>票据打印时间：2017年-06-01 15：00：12</p>

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

    <p>操作员：大曾</p>

</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>将进酒   <small>君不见黄河之水天上来</small></h1>

<table>

    <tr>

        <td>

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

        </td>

        <td>

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

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

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

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

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

            <P>岑夫子，丹丘生，将进酒，杯莫停。</P>

            <p>与君歌一曲，请君为我倾耳听。</p>

            <p>钟鼓馔玉不足贵，但愿长醉不复醒。</p>

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

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

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

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

        </td>

    </tr>

</table>

</body>

</html>

4，运行结果

相关文章：

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

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

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

INT301 Bio Computation 题型整理

perceptron 设计和计算 1. XOR: 当两个输入值中只有一个为真时&#xff0c;输出为真 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

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

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

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

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

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

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

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

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

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

【Python3】异步操作 redis

aioredis 在高版本已经不支持了&#xff0c; 不要用 代码示例 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开发板&#xff1a;海凌科 HLK-W800-KIT-PROSDK: W80X_SDK_v1.00.10IDE: CSKY Development Kit 2.UART 使用 在 SDK 中创建文件 uart_test.h 和 uart_test.c&#xff0c;然后在 CDK 项目中添加这两个文件&#xff0c;CDK 会自动 include 头文件。 …...

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

UART串口数据分析

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

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

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

文章目录 前言部署NFS服务器K8S部署NFS问题记录 前言 使用nfs-client-provisioner这个应用&#xff0c;利用nfs server给kubernets提供作为持久化后端&#xff0c;并且动态提供pv。所有节点需要安装nfs-utils组件&#xff0c;并且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&#xff0c;你可以在同一台机器上轻松安装和切换不同的 Node.js 版本。以下是针对 Unix 类系统&#xff08;如 Linux 和 macOS&#xff09;的 NVM 安装教程&#xff1a; 安装 NVM 更新系统…...

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

单片机-定时器中断

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

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

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

环境准备 安装 JAVA 1.8 Java环境搭建之JDK下载及安装下载 Hadoop 3.3.5 安装包 Hadoop 下载&#xff1a;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 中的压缩命令与技巧

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

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

LabVIEW软件Bug的定义与修改

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

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

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

&#x1f942;(❁◡❁)您的点赞&#x1f44d;➕评论&#x1f4dd;➕收藏⭐是作者创作的最大动力&#x1f91e; &#x1f496;&#x1f4d5;&#x1f389;&#x1f525; 支持我&#xff1a;点赞&#x1f44d;收藏⭐️留言&#x1f4dd;欢迎留言讨论 &#x1f525;&#x1f525;&…...

编程日记 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树的树形数据结构&#xff0c;它在数据…...

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

(LeetCode 每日一题) 3442. 奇偶频次间的最大差值 I (哈希、字符串)

题目&#xff1a;3442. 奇偶频次间的最大差值 I 思路 &#xff1a;哈希&#xff0c;时间复杂度0(n)。 用哈希表来记录每个字符串中字符的分布情况&#xff0c;哈希表这里用数组即可实现。 C版本&#xff1a; class Solution { public:int maxDifference(string s) {int a[26]…...

编程新知 2025/6/11 17:27:26

AtCoder 第409​场初级竞赛 A~E题解

A Conflict 【题目链接】 原题链接&#xff1a;A - Conflict 【考点】 枚举 【题目大意】 找到是否有两人都想要的物品。 【解析】 遍历两端字符串&#xff0c;只有在同时为 o 时输出 Yes 并结束程序&#xff0c;否则输出 No。 【难度】 GESP三级 【代码参考】 #i…...

编程新知 2025/6/12 13:07:20

在四层代理中还原真实客户端ngx_stream_realip_module

一、模块原理与价值 PROXY Protocol 回溯 第三方负载均衡&#xff08;如 HAProxy、AWS NLB、阿里 SLB&#xff09;发起上游连接时&#xff0c;将真实客户端 IP/Port 写入 PROXY Protocol v1/v2 头。Stream 层接收到头部后&#xff0c;ngx_stream_realip_module 从中提取原始信息…...

编程新知 2025/6/12 22:24:39

什么是EULA和DPA

文章目录 EULA&#xff08;End User License Agreement&#xff09;DPA&#xff08;Data Protection Agreement&#xff09;一、定义与背景二、核心内容三、法律效力与责任四、实际应用与意义 EULA&#xff08;End User License Agreement&#xff09; 定义&#xff1a; EULA即…...

编程新知 2025/6/12 20:30:42

多模态大语言模型arxiv论文略读（108）

CROME: Cross-Modal Adapters for Efficient Multimodal LLM ➡️ 论文标题&#xff1a;CROME: Cross-Modal Adapters for Efficient Multimodal LLM ➡️ 论文作者&#xff1a;Sayna Ebrahimi, Sercan O. Arik, Tejas Nama, Tomas Pfister ➡️ 研究机构: Google Cloud AI Re…...

编程新知 2025/6/12 17:27:55

全志A40i android7.1 调试信息打印串口由uart0改为uart3

一&#xff0c;概述 1. 目的 将调试信息打印串口由uart0改为uart3。 2. 版本信息 Uboot版本&#xff1a;2014.07&#xff1b; Kernel版本&#xff1a;Linux-3.10&#xff1b; 二&#xff0c;Uboot 1. sys_config.fex改动 使能uart3(TX:PH00 RX:PH01)&#xff0c;并让boo…...

编程新知 2025/6/12 8:46:00

AI书签管理工具开发全记录（十九）：嵌入资源处理

1.前言 &#x1f4dd; 在上一篇文章中&#xff0c;我们完成了书签的导入导出功能。本篇文章我们研究如何处理嵌入资源&#xff0c;方便后续将资源打包到一个可执行文件中。 2.embed介绍 &#x1f3af; Go 1.16 引入了革命性的 embed 包&#xff0c;彻底改变了静态资源管理的…...

编程新知 2025/6/12 17:02:58

AspectJ 在 Android 中的完整使用指南

一、环境配置&#xff08;Gradle 7.0 适配&#xff09; 1. 项目级 build.gradle // 注意&#xff1a;沪江插件已停更&#xff0c;推荐官方兼容方案 buildscript {dependencies {classpath org.aspectj:aspectjtools:1.9.9.1 // AspectJ 工具} } 2. 模块级 build.gradle plu…...

编程新知 2025/6/12 9:39:12

Maven 概述、安装、配置、仓库、私服详解

目录 1、Maven 概述 1.1 Maven 的定义 1.2 Maven 解决的问题 1.3 Maven 的核心特性与优势 2、Maven 安装 2.1 下载 Maven 2.2 安装配置 Maven 2.3 测试安装 2.4 修改 Maven 本地仓库的默认路径 3、Maven 配置 3.1 配置本地仓库 3.2 配置 JDK 3.3 IDEA 配置本地 Ma…...

编程新知 2025/6/12 17:17:33

多模态图像修复系统：基于深度学习的图片修复实现

多模态图像修复系统：基于深度学习的图片修复实现 1. 系统概述 本系统使用多模态大模型（Stable Diffusion Inpainting）实现图像修复功能，结合文本描述和图片输入，对指定区域进行内容修复。系统包含完整的数据处理、模型训练、推理部署流程。 import torch import numpy …...

编程新知 2025/6/13 10:07:19