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

HTML#4超链接标签,列表标签,表格标签和布局标签

news 2026/5/14 11:47:47

一. 超链接标签

介绍

<a> 定义超链接,用于连接到另一个资源

herf: 指定访问资源的URL

target: 指定打开资源的方式

代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>超链接标签</title>
</head>
<body><a href="https://www.baidu.com/" target="_blank">点这里打开</a>
</body>
</html>

效果展示

二. 列表标签

有序列表与无序列表

有序列表(order list)

无序列表(unorder list)

代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>列表标签</title>
</head>
<body>
<ol><li>可乐</li><li>茶</li><li>牛奶</li>
</ol>
<ul><li>可乐</li><li>茶</li><li>牛奶</li>
</ul>
</body>
</html>

效果展示

三. 表格标签

介绍

<table> 定义表格

<tr> 定义行

<td> 定义单元格

<th> 定义表头单元格

table: 定义表格

border: 规定表格边框的宽度

width: 规定表格的宽度

cellspacing: 规定单元格之间的空白

tr: 定义行

align: 定义表格行的内容对齐方式

td: 定义单元格

rowspan: 规定单元格可横跨的行数

colspan: 规定单元格可横跨的列数

代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>表格标签</title>
</head>
<body><table border="1" width="30%" cellspacing="0"><tr align="center"><th>序号</th><th>头像</th><th>名称</th></tr><tr align="center"><td>001</td><td><img src="a.jpg" width="40" height="40"></td><td>怪物</td></tr></table><br><hr><br><table border="1" width="30%" cellspacing="0"><tr align="center"><th colspan="2">头像</th><th>名称</th></tr><tr align="center"><td>001</td><td><img src="a.jpg" width="40" height="40"></td><td rowspan="2">怪物</td></tr><tr align="center"><td>002</td><td><img src="a.jpg" width="40" height="40"></td></tr></table>
</body>
</html>

效果展示

四. 布局标签

介绍

<div> 定义HTML文档的一个区域部分, 经常与CSS一起使用, 用来布局网页

<span> 用于组合行内元素

代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>布局标签</title>
</head>
<body><div>div1</div><div>div2</div><span>span1</span><span>span2</span>
</body>
</html>

效果展示

HTML#4超链接标签,列表标签,表格标签和布局标签

一. 超链接标签介绍<a> 定义超链接,用于连接到另一个资源herf: 指定访问资源的URLtarget: 指定打开资源的方式代码<!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>超链接标签</title> <…...

编程日记 2023/2/27 23:39:56

本科课程【数字图像处理】实验汇总

文章目录实验1 - 腐蚀与膨胀实验2 - 图像增强实验3 - 图像的几何变换实验4 - 图像的蒙纱效果实验5 - 空洞填充实验6 - 取阈值的邻域平均算法实验7 - 图像的平移与伸缩变换实验1 - 腐蚀与膨胀实验目的分析掌握腐蚀与膨胀的基本原理，编写腐蚀与膨胀的算法，并掌握开闭运算的规…...

编程日记 2023/2/27 23:38:50

nginx安装lua、jwt模块，通过lua验证jwt实现蓝绿发布样例

文章目录前言一、基础组件下载二、组件安装1.luajit安装2.lua-nginx-module安装3.lua-resty-core安装4.lua-resty-lrucache安装5.ngx_devel_kit安装6.nginx加载lua模块7.lua-cjson安装8.lua-resty-string安装9.lua-resty-jwt安装10.lua-resty-hmac安装三、验证jwt中属性实现蓝绿…...

编程日记 2023/2/27 23:37:42

【redis的几种数据结构及在Java里的应用案例】

Redis是一款高性能的key-value存储系统，支持多种数据结构，包括字符串、列表、哈希表、集合和有序集合等。下面是Redis的几种数据结构及在Java中的应用案例： string 字符串(String) 字符串是Redis中最基本的数据类型，用于存储字符…...

编程日记 2023/2/27 23:36:35

【mybatis】 01- mybatis快速入门

数据库创建(注意：最好先创建好数据库设置utf8再进行表创建) create database mybatis; use mybatis;drop table if exists tb_user;create table tb_user(id int primary key auto_increment,username varchar(20),password varchar(20),gender char(1),addr varch…...

编程日记 2023/2/27 23:35:26

【C语言每日一题】杨氏矩阵（源码以及改进源码）

【C语言每日一题】—— 杨氏矩阵😎😎😎 目录 💡前言🌞： 💛杨氏矩阵题目💛 💪 解题思路的分享💪 😊题目源码的分享😊 &#x1f4…...

编程日记 2023/2/27 23:34:18

JavaScript 面向对象【快速掌握知识点】

目录类和对象属性和方法继承多态封装类和对象类是用于定义对象的模板或蓝图；它包含对象的属性和方法，我们可以使用class关键字来定义类。 class Person {constructor(name, age) {this.name name;this.age age;}sayHello() {console.log(H…...

编程日记 2023/2/27 23:33:07

Qt——自定义Model

众所周知，Qt提供了一套Model/View框架供开发者使用，Model用来提供数据， View则用来提供视觉层的显示。实际上这是一套遵循MVC设计模式的GUI框架，因为Qt还提供了默认的Delegate作为Controller来作为控制器。 MVC的好处这里就不多说…...

编程日记 2023/2/27 23:31:59

用 .NET 启动你的 DJI Ryze Tello 无人机

大疆的 DJI Ryze Tello 是入门级的无人机，不仅在 STEM 教育中有非常广泛的应用，也可以作为编程入门的首选。通过 UDP 协议调用 DJI Ryze Tello SDK 可以让 DJI Ryze Tello 无人机执行起飞，降落，转向以及不同的花式动作。本文将会通…...

编程日记 2023/2/27 23:30:31

sed 功能详解

介绍sedsed是一种流编辑器，它一次处理一行内容，把当前处理的行存储在临时缓冲区中（buffer）,称为"模式空间"，接着sed命令处理缓冲区中的内容，处理完成后，把缓冲区的内容送往屏幕&#…...

编程日记 2023/2/27 23:29:07

整数二分思路详解

题目描述给定一个按照升序排列的长度为n的整数数组，以及 q 个查询。对于每个查询，返回一个元素k的起始位置和终止位置（位置从0开始计数）。如果数组中不存在该元素，则返回“-1 -1”。输入格式第一行包含整数n和q&a…...

编程日记 2023/2/27 23:27:54

基于java的进销库存管理系统(Vue＋Springboot＋Mysql)前后端分离项目，附万字课设论文

1.3 系统实现的功能本次设计任务是要设计一个超市进销存系统，通过这个系统能够满足超市进销存系统的管理及员工的超市进销存管理功能。系统的主要功能包括：首页、个人中心、员工管理、客户管理、供应商管理、承运商管理、仓库信息管理、商品类别管理、 …...

编程日记 2023/2/27 23:26:40

手动添加 Grub 启动项

1. 问题背景自己的台式机上装了好几块硬盘，因为自己又菜又喜欢折腾，几乎每块上都有一个操作系统，其中两个 m.2 的硬盘上分别装着一个 windows11 和一个 Ubuntu20.04。但在另外一块机械硬盘中还装着更早的一个 Ubuntu18.04，我电脑…...

编程日记 2023/2/27 23:25:34

工人搬砖-课后程序(JAVA基础案例教程-黑马程序员编著-第八章-课后作业)

【案例8-4】工人搬砖【案例介绍】 1.任务描述在某个工地，需要把100块砖搬运到二楼，现在有工人张三和李四，张三每次搬运3块砖，每趟需要10分钟，李四每次搬运5块砖，每趟需要12分钟。本案例要求编写程序分…...

编程日记 2023/2/27 23:24:26

深度学习中backbone、head、neck等概念

1.backbone 翻译为主干网络的意思，既然说是主干网络，就代表其是网络的一部分。这个主干网络大多时候指的是提取特征的网络，其作用就是提取图片中的信息，供后面的网络使用。这些网络经常使用的是ResNet VGG等，而不是我…...

编程日记 2023/2/27 23:23:10

华为OD机试用Python实现 -【Linux 发行版的数量】(2023-Q1 新题)

华为OD机试题华为OD机试300题大纲Linux 发行版的数量题目描述输入描述输出描述说明示例一输入输出说明Python 代码实现代码编写逻辑华为OD机试300题大纲参加华为od机试，一定要注意不要完全背诵代码，需要理解之后模仿写出，通过率才会高。华为 OD 清单查看地址：blog.csd…...

编程日记 2023/2/27 23:21:58

Http报文解析

http通信流程浏览器->已监听的web服务器->read->write->close http请求报文: a.请求方法: POST GET DELETE HEAD OPTIONS PUT TRACE b.请求地址: /xxx/yyy/zzz c.报文协议: HTTP/1.1 d.请求报文头: Accept Referer Accept-Language Content-Type Host Content-Len…...

编程日记 2023/2/27 23:20:48

Vue下载安装步骤的详细教程(亲测有效) 2 安装与创建默认项目

上篇请移步到Vue下载安装步骤的详细教程(亲测有效) 1_水w的博客-CSDN博客上一篇博文已经对Node.js的安装与配置进行了详细介绍。另外：文中项目存放的路径及项目名称可根据自身实际情况进行更改。目录三、Vue安装配置 1、搭建Vue脚手架 2、通过NPM安装Vue …...

编程日记 2023/2/27 23:19:31

TIA博途Wincc中自定义配方画面的具体方法示例

TIA博途Wincc中自定义配方画面的具体方法示例前面和大家分享了通过TIA博途自带的配方视图组态配方功能的具体方法，具体内容可参考以下链接中的内容： TIA PORTAL wincc中配方recipe组态及配方视图的使用方法但是，使用配方视图的时候感觉不是很方便，同时一部分使用人员也感…...

编程日记 2023/2/27 23:18:19

Java反射系列--方法大全

原文网址：Java反射系列--方法大全_IT利刃出鞘的博客-CSDN博客简介本文介绍Java反射相关的方法。 Class相关方法方法说明 getName() 返回String形式的该类的名称。 newInstance() 根据某个Class对象产生其对应类的实例，它调用的是此类的默认构…...

编程日记 2023/2/27 23:17:06

终极Python代码混淆指南：保护敏感逻辑的7个实用方法

终极Python代码混淆指南：保护敏感逻辑的7个实用方法【免费下载链接】python-mastery Advanced Python Mastery (course by dabeaz) 项目地址: https://gitcode.com/gh_mirrors/py/python-mastery GitHub 加速计划 / py / python-mastery项目是 Advanced Pyt…...

编程新知 2026/5/14 11:29:37

OBS Multi RTMP：打破平台壁垒的一站式直播解决方案

OBS Multi RTMP：打破平台壁垒的一站式直播解决方案【免费下载链接】obs-multi-rtmp OBS複数サイト同時配信プラグイン项目地址: https://gitcode.com/gh_mirrors/ob/obs-multi-rtmp 在当今多平台直播成为主流趋势的时代，主播们常常面临一个技术…...

编程新知 2026/5/14 10:50:32

用STM32F103和DHT11做个智能温湿度报警器，附ESP8266远程监控代码

STM32F103与DHT11打造智能环境监测系统：从本地报警到云端监控全解析在智能家居和工业物联网快速发展的今天，环境监测系统已成为许多创客和开发者入门的首选项目。本文将带你用STM32F103微控制器和DHT11温湿度传感器，构建一个功能完善的智能…...

编程新知 2026/5/14 10:48:13

避开这些坑，你的STM32四足机器人才能走得更稳：从步态调试到电源选择的完整避坑指南

STM32四足机器人实战避坑指南：从步态优化到系统稳定的全流程解决方案当第一台自制的四足机器人颤颤巍巍地迈出第一步时，那种成就感无与伦比——直到它突然失去平衡翻倒在地。这个场景揭示了四足机器人开发中最真实的挑战：让机器人"能动…...

编程新知 2026/5/14 10:09:57

Windows热键冲突终极解决方案：Hotkey Detective一键精准定位

Windows热键冲突终极解决方案：Hotkey Detective一键精准定位【免费下载链接】hotkey-detective A small program for investigating stolen key combinations under Windows 7 and later. 项目地址: https://gitcode.com/gh_mirrors/ho/hotkey-detective 你…...

编程新知 2026/5/14 9:16:10

Python 爬虫进阶技巧：JSON 数据多层嵌套解析取值技巧

前言在现代网络数据采集场景中，JSON（JavaScript Object Notation）已成为前后端数据交互的核心格式，绝大多数动态网页、API 接口均采用多层嵌套 JSON 结构传输数据。对于爬虫开发者而言，基础的 JSON 取值仅能应对简单数据结构，而面对深度嵌套、数组嵌套、混合嵌套等复杂…...

编程新知 2026/5/14 7:51:05