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

HTML 实操试题(一)

  1. 创建一个包含标题、段落和链接的基本HTML文档:

    <!DOCTYPE html>
    <html lang="en">
    <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>HTML Practice</title>
    </head>
    <body><h1>Welcome to My Website</h1><p>This is a sample paragraph. <a href="https://www.example.com">Visit our website</a>.</p>
    </body>
    </html>
    

  2. 创建一个无序列表和有序列表:

    <ul><li>Item 1</li><li>Item 2</li><li>Item 3</li>
    </ul><ol><li>First</li><li>Second</li><li>Third</li>
    </ol>
    

  3. 创建一个表格展示学生信息:

    <table border="1"><thead><tr><th>Name</th><th>Age</th><th>Grade</th></tr></thead><tbody><tr><td>John Doe</td><td>20</td><td>A</td></tr><tr><td>Jane Smith</td><td>22</td><td>B</td></tr></tbody>
    </table>
    

  4. 使用表单元素创建一个简单的登录表单:

    <form><label for="username">Username:</label><input type="text" id="username" name="username" required><label for="password">Password:</label><input type="password" id="password" name="password" required><input type="submit" value="Login">
    </form>
    

  5. 嵌套使用div元素创建一个基本页面布局:

    <div class="header"><h2>My Website</h2>
    </div><div class="nav"><ul><li>Home</li><li>About</li><li>Contact</li></ul>
    </div><div class="content"><p>This is the main content of the page.</p>
    </div><div class="footer"><p>&copy; 2023 My Website</p>
    </div>
    

相关文章:

HTML 实操试题(一)

创建一个包含标题、段落和链接的基本HTML文档&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><ti…...

创龙瑞芯微RK3568设备树1(修改设备树GPIO和串口)

前言 最近一直在搞3568的东西&#xff0c;涉及到底层的设备树修改&#xff0c;驱动编写等等&#xff0c;忙的焦头烂额的&#xff0c;也没时间往下面写东西了。今天差不多底层的东西快弄完了&#xff0c;把最近的感悟给大家分享下&#xff0c;并且加入点设备树的基础知识。给刚刚…...

R语言【dplyr】——filter保留符合筛选条件的行,以数据的行为单位,创建子集

Package dplyr version 1.1.4 Parameters filter(.data, ..., .by NULL, .preverse FALSE) 参数【.data】&#xff1a;一个数据集&#xff08;data frame&#xff09;&#xff0c;数据集扩展&#xff08;比如&#xff1a;tibble&#xff09;&#xff0c;或者 lazy data fra…...

几种串口扩展电路

一、IIC串口扩展电路 LCT200 是一款可以通过 I2C 接口通讯&#xff0c;拓展 2 路独立串口的通讯芯片&#xff0c;同时也支持通过 2 路串口读写 I2C 接口的数据。LCT200 的封装为 TSSOP-20。 主要功能&#xff1a;⚫ 通过对 I2C 接口读写实现拓展 2 路独立串口功能 ⚫ 通过读写…...

实战10 角色管理

目录 1、角色后端接口 2、角色列表查询 2.1 效果图 2.2页面原型代码 2.3 角色api代码 role.js 2.4 查询角色列表代码 4、 新增和编辑角色 5、删除角色 6、分配权限 6.1 分配权限思路 6.2 分配权限回显接口 6.3 分配权限回显前端实现 6.4分配权限后端接口 6.4.1 R…...

Lua的底层原理与C#交互原理浅析【更新中】

目录 lua底层原理浅析 table底层原理浅析 Lua表的C语言定义 原理和实现 userdata lua和C#的交互机制&#xff08;更新中&#xff09; 基本介绍 Lua 与 C/C 的数据交互 Lua 调用 C/C 函数 C/C 调用 Lua 函数 基元类型传递 对象类型传递 Lua 调用 C# 总结 网上有很…...

鸿蒙项目二—— 注册和登录

此部分和上篇文章是连续剧 &#xff0c;如果需要&#xff0c;请查看 一、注册 import http from ohos.net.http; Entry Component struct Reg {// 定义数据&#xff1a;State username: string "";State userpass: string "";State userpass2: string …...

Dijkstra(迪杰斯特拉)算法总结

知识概览 Dijkstra算法适用于解决所有边权都是正数的最短路问题。Dijkstra算法分为朴素的Dijkstra算法和堆优化版的Dijkstra算法。朴素的Dijkstra算法时间复杂度为&#xff0c;适用于稠密图。堆优化版的Dijkstra算法时间复杂度为&#xff0c;适用于稀疏图。稠密图的边数m和是一…...

设计模式?!

如何解决复杂性 链接&#xff1a;不同的设计模式实例代码&#xff08;更新中&#xff09; 分解 人们面对复杂性有一个常见的做法&#xff1a;即分而治之&#xff0c;将大问题分解为多个小问题&#xff0c;将复杂问题分解为多个简单问题。 抽象 更高层次来讲&#xff0c;人们处…...

Pytorch项目,肺癌检测项目之三

成功获取到数据之后&#xff0c;我们需要将数据放到Pytorch里面去处理&#xff0c;我们需要将其转换成Dataset数据集&#xff0c;方便去使用相同的API。要转换成Dataset数据集需要实现两个方法&#xff0c;方法一&#xff1a; 方法二&#xff1a; 运行比较慢的话&#xff0c…...

深圳鼎信|输电线路防山火视频监控预警装置:森林火灾来袭,安全不留白!

受线路走廊制约和环保要求影响&#xff0c;输电线路大多建立在高山上&#xff0c;不仅可以减少地面障碍物和人类活动的干扰&#xff0c;还能提高线路的抗灾能力和可靠性。但同时也会面临其它的难题&#xff0c;例如森林火灾预防。今天&#xff0c;深圳鼎信智慧将从不同角度分析…...

【Bash/Shell】知识总结

文章目录 1. 总体认识1.1. Shell概述1.2. 第一个Shell脚本1.3. 注释 2. 变量2.1. 定义变量2.2. 使用变量2.3. 只读变量2.4. 删除变量2.5. 变量类型2.5.1. 字符串变量2.5.2. 整数变量2.5.3. 数组变量2.5.4. 环境变量2.5.5. 特殊变量 3. 输出3.1. echo命令3.2. printf命令 4. 运算…...

单例模式(C++实现)

RAII运用 只能在栈上创建对象 只能在堆上创建的对象 单例模式 设计模式 懒汉模式 解决线程安全 优化 饿汉模式 饿汉和懒汉的区别 线程安全与STL与其他锁...

ElasticSearch 聚合统计

聚合统计 度量聚合&#xff1a;求字段的平均值&#xff0c;最小值&#xff0c;最大值&#xff0c;总和等 桶聚合&#xff1a;将文档分成不同的桶&#xff0c;桶的划分可以根据字段的值&#xff0c;范围&#xff0c;日期间隔 管道聚合&#xff1a;在桶聚合的结果上执行进一步计…...

SpringIOC之MethodBasedEvaluationContext

博主介绍:✌全网粉丝5W+,全栈开发工程师,从事多年软件开发,在大厂呆过。持有软件中级、六级等证书。可提供微服务项目搭建与毕业项目实战,博主也曾写过优秀论文,查重率极低,在这方面有丰富的经验✌ 博主作品:《Java项目案例》主要基于SpringBoot+MyBatis/MyBatis-plus+…...

【网络安全 | 网络协议】结合Wireshark讲解TCP三次握手

前言 TCP&#xff08;传输控制协议&#xff09;是一种面向连接的、可靠的传输层协议。在建立 TCP 连接时&#xff0c;需要进行三次握手&#xff0c;防止因为网络延迟、拥塞等原因导致的数据丢失或错误传输&#xff0c;确保双方都能够正常通信。 TCP三次握手在Wireshark数据包中…...

钦丰科技(安徽)股份有限公司携卫生级阀门管件盛装亮相2024发酵展

钦丰科技(安徽)股份有限公司携卫生级阀门管件盛装亮相2024济南生物发酵展&#xff01; 展位号&#xff1a;2号馆A65展位 2024第12届国际生物发酵产品与技术装备展览会&#xff08;济南&#xff09;于3月5-7日在山东国际会展中心盛大召开&#xff0c;展会同期将举办30余场高质…...

Python模拟动态星空

前言 今天&#xff0c;我们来用Python做个星空。 一、模拟星空 1,.首先导入所需要的库&#xff1a; from turtle import * from random import random, randint 2.初始画面&#xff1a; screen Screen() width, height 800, 600 screen.setup(width, height) screen.tit…...

最新技术整理3款开源免费直播推流工具,实现实时视频推流、视频拉流,目标端可以是服务器、云平台、移动设备等(附源码)

最新技术整理3款开源免费直播推流工具&#xff0c;实现实时视频推流、视频拉流&#xff0c;目标端可以是服务器、云平台、移动设备等&#xff08;附源码&#xff09;。 什么是推流&#xff1f; 视频推流是指将实时的视频数据从一个源端发送到一个或多个目标端的过程。推流的源…...

shell ——数组

数组中可以存放多个值&#xff0c;Bash Shell只能支持以为数字&#xff0c;初始化时不需要定义数组大小。 数组中元素下标从0开始。 数组的定义 shell数组用括号来表示&#xff0c;元素用空格分割开。 array_name(value1 value2 value3 ...) 给一个简单数组例子 cat firs…...

使用Python快速上手Taotoken实现你的第一个大模型对话

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 使用Python快速上手Taotoken实现你的第一个大模型对话 对于刚接触大模型API的Python开发者而言&#xff0c;最直接的入门方式就是编…...

Augmentoolkit事实数据生成管道:打造精准问答AI的终极方法

Augmentoolkit事实数据生成管道&#xff1a;打造精准问答AI的终极方法 【免费下载链接】augmentoolkit Create Custom LLMs 项目地址: https://gitcode.com/gh_mirrors/au/augmentoolkit 想要创建专属的领域专家AI吗&#xff1f;Augmentoolkit事实数据生成管道为您提供了…...

将OpenSSH集成到OpenHarmony系统镜像:从编译到system分区的完整部署流程

OpenHarmony系统镜像中集成OpenSSH的工程化实践 在物联网设备快速普及的今天&#xff0c;安全远程管理成为嵌入式系统开发中不可或缺的一环。作为开源鸿蒙生态的核心&#xff0c;OpenHarmony系统需要提供完善的远程访问能力&#xff0c;而OpenSSH作为行业标准的加密通信工具&am…...

Perplexity翻译查询功能进阶指南(企业级多语种实时校验工作流揭秘)

更多请点击&#xff1a; https://kaifayun.com 第一章&#xff1a;Perplexity翻译查询功能的核心定位与企业价值 Perplexity的翻译查询功能并非传统意义上的词句级机器翻译工具&#xff0c;而是深度集成于其AI推理引擎中的语义理解增强模块。它以“上下文感知翻译”为核心范式…...

实战避坑:在CentOS 8上部署RuoYi-Radius时,FreeRADIUS REST模块配置与端口冲突的那些事儿

实战避坑&#xff1a;CentOS 8集成RuoYi-Radius与FreeRADIUS的REST模块深度配置指南 当企业级无线认证系统需要与现有用户管理系统无缝对接时&#xff0c;RuoYi-Radius与FreeRADIUS的REST模块组合成为许多技术团队的选择。这种架构既能利用FreeRADIUS的标准协议支持&#xff0c…...

收藏干货:MySQL/PG/人大金仓/达梦语法差异对照表

&#x1f4cc; 专栏&#xff1a;国产数据库信创实战&#x1f516; 标签&#xff1a; #数据库语法差异 #MySQL转人大金仓 #MySQL转达梦 #PG语法适配 #信创数据库迁移 #SQL兼容改造 #国产数据库适配 #SpringBoot3数据库适配&#x1f4dd; 文章摘要信创国产化迁移过程中&#xff0…...

MH2103(兆讯恒达)兼容替代 GD32F103(兆易创新)

MH2103&#xff08;兆讯恒达&#xff09;VS GD32F103&#xff08;兆易创新&#xff09;参数对比 & Pin‑to‑Pin 兼容性结论先给核心结论&#xff1a;同封装下&#xff0c;MH2103 与 GD32F103 引脚完全兼容、寄存器高度兼容&#xff0c;可直接 Pin‑to‑Pin 替换&#xff1…...

双向脑机接口:从神经信号解码到感觉编码的核心原理与挑战

1. 从科幻到现实&#xff1a;双向脑机接口的演进与核心挑战十几年前&#xff0c;当我第一次在学术会议上看到猴子用意念控制机械臂抓取食物的视频时&#xff0c;那种震撼至今记忆犹新。那时&#xff0c;脑机接口&#xff08;BCI&#xff09;还只是顶级实验室里昂贵的“魔术”。…...

Exception in thread “main“ java.lang.Error: Unresolved compilation problem:

Exception in thread "main" java.lang.Error: Unresolved compilation problem: 八股文面试&#xff0c;平时啊&#xff0c;开发遇到什么问题 没编译过去的提示信息...

保姆级教程:用Python+OpenCV高效切割Potsdam语义分割数据集(附完整代码)

PythonOpenCV实战&#xff1a;Potsdam语义分割数据集高效切割全流程解析 第一次接触Potsdam数据集时&#xff0c;面对那些6000x6000像素的巨幅航拍图像&#xff0c;我的GPU在训练时直接报显存不足的错误。这让我意识到&#xff0c;高分辨率图像的切割预处理不是可选项&#xf…...