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

HTML 实操试题（二）

news 文章来源：https://blog.csdn.net/weixin_59383576/article/details/135195915 2025/1/10 21:50:24

  1. 创建一个简单的HTML文档：

    • 包含<!DOCTYPE html>声明。
    • 包含<html>标签，并设置lang属性为英语。
    • 包含<head>标签，其中包含<meta charset="UTF-8">和一个自定义的页面标题。
    • 包含<body>标签，其中包含一个标题标签 <h1> 和一个段落标签 <p>。

  3. 创建一个有序列表和无序列表：

    • 创建一个无序列表包含至少三个列表项，每个列表项可以是一些兴趣爱好。
    • 创建一个有序列表包含至少三个列表项，每个列表项可以是你最喜欢的课程。

  4. 设计一个简单的表格：

    • 创建一个包含表头的表格，表头包括姓名、年龄和城市。
    • 在表格中添加两行数据，包含你自己和另一个虚构的人的信息。

  5. 创建一个链接到外部网页的超链接：

    • 创建一个超链接，链接到你最喜欢的网站。设置链接文本为网站的名称。

  6. 添加一张图片到你的页面：

    • 在页面中添加一张图片，并确保图片有一个合适的描述文本。
    • 提示：使用<img>标签。

  7. 创建一个简单的表单：

    • 创建一个包含文本输入框、密码输入框和提交按钮的表单。
    • 给每个输入框添加合适的标签，如用户名、密码等。

  8. 使用注释注解你的HTML代码：

    • 在代码中添加注释，解释你代码的结构和目的。

       

答案：

1. 创建一个简单的HTML文档

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>My First HTML Page</title>
</head>
<body><h1>Welcome to My Page</h1><p>This is a simple HTML page.</p>
</body>
</html>

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

<!-- 无序列表 -->
<ul><li>Hiking</li><li>Reading</li><li>Coding</li>
</ul><!-- 有序列表 -->
<ol><li>Math</li><li>History</li><li>Science</li>
</ol>

3. 设计一个简单的表格

<table border="1"><thead><tr><th>Name</th><th>Age</th><th>City</th></tr></thead><tbody><tr><td>Your Name</td><td>Your Age</td><td>Your City</td></tr><tr><td>Fictional Person</td><td>30</td><td>Fictional City</td></tr></tbody>
</table>

4. 创建一个链接到外部网页的超链接

<a href="https://www.example.com">Example Website</a>

5. 添加一张图片到你的页面

<img src="image.jpg" alt="Description of the image">

6. 创建一个简单的表单

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

7. 使用注释注解你的HTML代码

<!-- This is a simple HTML document -->
<!DOCTYPE html>
<html lang="en">
<head><!-- Metadata for character set and title --><meta charset="UTF-8"><title>My First HTML Page</title>
</head>
<body><!-- Main content --><h1>Welcome to My Page</h1><p>This is a simple HTML page.</p><!-- Lists, tables, links, images, and form --><ul><!-- Unordered list --><li>Hiking</li><li>Reading</li><li>Coding</li></ul><!-- ... -->
</body>
</html>

相关文章：

HTML 实操试题（二）

创建一个简单的HTML文档&#xff1a; 包含<!DOCTYPE html>声明。包含<html>标签&#xff0c;并设置lang属性为英语。包含<head>标签&#xff0c;其中包含<meta charset"UTF-8">和一个自定义的页面标题。包含<body>标签&#xff0c;其…...

编程日记 2024/1/1 11:31:23

MongoDB 面试题

MongoDB 面试题 1. 什么是MongoDB&#xff1f; MongoDB是一种非关系型数据库&#xff0c;被广泛用于大型数据存储和分布式系统的构建。MongoDB支持的数据模型比传统的关系型数据库更加灵活&#xff0c;支持动态查询和索引&#xff0c;也支持BSON格式的数据存储&#xff0c;这…...

编程日记 2024/1/1 11:29:20

LeetCode 1154. 一年中的第几天：2023年最后一道每日一题

【LetMeFly】1154.一年中的第几天&#xff1a;2023年最后一道每日一题 力扣题目链接&#xff1a;https://leetcode.cn/problems/day-of-the-year/ 给你一个字符串 date &#xff0c;按 YYYY-MM-DD 格式表示一个 现行公元纪年法 日期。返回该日期是当年的第几天。 示例 1&…...

编程日记 2024/1/1 11:28:19

《深入理解JAVA虚拟机笔记》OutOfMemoryError 异常

在《Java 虚拟机规范》的规定里&#xff0c;除了程序计数器外&#xff0c;虚拟机内存的其他几个运行时区域都有发生 OutOfMemoryError &#xff08;下文称 OOM&#xff09;异常的可能。 Java堆溢出 Java 堆用于储存对象实例&#xff0c;我们只要不断地创建对象&#xff0c;并…...

编程日记 2024/1/1 11:24:14

R306指纹识别模块指令系统

一&#xff1a;指令集 1. GR_GetImage 指令代码&#xff1a;01H 功能&#xff1a;从传感器上读入图像存于图像缓冲区 2. GR_GenChar 指令代码&#xff1a;02H 功能&#xff1a;根据原始图像生成指纹特征存于 CharBuffer1 或 CharBuffer2 3. GR_Match 指令代码&#xff…...

编程日记 2024/1/1 11:22:11

redis的搭建及应用(三)-Redis主从配置

Redis主从配置 为提升Redis的高可用性&#xff0c;需要搭建多个Redis集群以保证高可用性。常见搭建方式有&#xff1a;主从&#xff0c;哨兵集群等&#xff0c;本节我们搭建一主二从的多Redis架构。 redis主从安装1主2从的方式配置&#xff0c;以端口号为redis的主从文件夹。 主…...

编程日记 2024/1/1 11:19:08

Java学习，一文掌握Java之SpringBoot框架学习文集(1)

&#x1f3c6;作者简介&#xff0c;普修罗双战士&#xff0c;一直追求不断学习和成长&#xff0c;在技术的道路上持续探索和实践。 &#x1f3c6;多年互联网行业从业经验&#xff0c;历任核心研发工程师&#xff0c;项目技术负责人。 &#x1f389;欢迎 &#x1f44d;点赞✍评论…...

编程日记 2024/1/1 11:17:06

javaWeb学生信息管理系统2

一、学生信息管理系统SIMS 一款基于纯Servlet技术开发的学生信息管理系统&#xff08;SIMS&#xff09;&#xff0c;在设计中没有采用SpringMVC和Spring Boot等框架。系统完全依赖于Servlet来处理HTTP请求和管理学生信息&#xff0c;实现了信息的有效存储、检索和更新&#xf…...

编程日记 2024/1/1 11:16:05

Linux Shell 019-文本行处理工具sed

Linux Shell 019-文本行处理工具sed 本节关键字&#xff1a;Linux、Bash Shell、文本行处理工具 相关指令&#xff1a;sed、 sed介绍 sed是Stream Editor&#xff08;流编辑器&#xff09;的缩写&#xff0c;简称流编辑器&#xff1b;用来处理文件的。sed是一行一行读取文件…...

编程日记 2024/1/1 11:14:01

Ubuntu中fdisk磁盘分区并挂载、扩容逻辑卷

Ubuntu中fdisk磁盘分区并挂载、扩容逻辑卷 一&#xff1a;fdisk磁盘分区并挂载1.查看磁盘分区信息2.分区3.强制系统重新读取分区(避免重启系统)4.格式化分区5.创建挂载目录6.设置开机自动挂载&#xff1a;7.验证并自动挂载(执行了该命令不需要重启系统)8.查看挂载007.异常情况处…...

编程日记 2024/1/1 11:12:59

【leetcode】栈与队列总结

本文内容来自于代码随想录 栈 用栈实现队列 两个栈实现队列。思路&#xff1a;两个栈分别表示入栈和出栈。 入队&#xff1a;直接入栈出队&#xff1a; a. 出栈为空&#xff0c;先把入栈中的元素全部放到出栈中&#xff08;相当于反过来&#xff0c;这样在出栈的时候先进的元…...

编程日记 2024/1/1 11:08:55

[EFI]HP Spectre 13 v102nl电脑 Hackintosh 黑苹果efi引导文件

硬件型号驱动情况主板 HP Spectre 13 v102nl 处理器Intel Core i7-7500U (7th gen - Kaby Lake)已驱动内存8 GB LPDDR3-1866 SDRAM已驱动硬盘512 GB Toshiba NVMe™ M.2 SSD已驱动显卡Intel HD Graphics 620已驱动声卡Conexant CX8200 (0x2008)已驱动网卡I1211 Gigabit Etherne…...

编程日记 2024/1/1 11:03:50

【Pytorch】学习记录分享8——PyTorch自然语言处理基础-词向量模型Word2Vec

【Pytorch】学习记录分享7——PyTorch自然语言处理基础-词向量模型Word2Vec 1. 词向量模型Word2Vec)1. 如何度量这个单词的&#xff1f;2.词向量是什么样子&#xff1f;3.词向量对应的热力图&#xff1a;4.词向量模型的输入与输出![在这里插入图片描述](https://img-blog.csdni…...

编程日记 2024/1/1 11:01:49

【Kotlin 】协程

Kotlin协程 背景定义实践GlobalScope.launchrunBlocking业务实践 背景 在项目实践过程中&#xff0c;笔者发现很多异步或者耗时的操作&#xff0c;都使用了Kotlin中的协程&#xff0c;所以特地研究了一番。 定义 关于协程&#xff08;Coroutine&#xff09;&#xff0c;其实…...

编程日记 2024/1/1 11:00:48

用Xshell连接虚拟机的Ubuntu20.04系统记录。虚拟机Ubuntu无法上网。本机能ping通虚拟机，反之不能。互ping不通

先别急着操作&#xff0c;看完再试。 如果是&#xff1a;本机能ping通虚拟机&#xff0c;反之不能。慢慢看到第8条。 如果是&#xff1a;虚拟机不能上网&#xff08;互ping不通&#xff09;&#xff0c;往下一直看。 系统是刚装的&#xff0c;安装步骤&#xff1a;VMware虚拟机…...

编程日记 2024/1/1 10:57:45

人机对话--关于意识机器

人机对话–关于意识机器 这段内容是我和《通义千问》的对话。这本身展示的是人工智能的效果&#xff0c;同时这里面的内容也有人工智能相关&#xff0c;与各位分享。 我&#xff1a;阿尼尔赛斯 《意识机器》这本书写的是什么&#xff1f; 通义千问&#xff1a; 阿尼尔赛斯教…...

编程日记 2024/1/1 10:53:42

八股文打卡day16——计算机网络（16）

面试题&#xff1a;TCP连接是如何确保可靠性的&#xff1f; 我的回答&#xff1a; 1.数据分块控制。应用数据被分成被认为最适合传输的数据块大小&#xff0c;再发送到传输层&#xff0c;数据块被称为数据报文段或数据段。 2.序列号和确认应答。TCP为每一个数据包分配了一个序…...

编程日记 2024/1/1 10:51:40

Java Object浅克隆深克隆

对象克隆 把A对象的属性值完全拷贝给B对象&#xff0c;也叫对象拷贝&#xff0c;对象复制。 实现Cloneable接口&#xff0c;表示当前类的对象就可以被克隆&#xff0c;反之&#xff0c;表示当前类的对象就不能克隆。 如果一个接口里面没有抽象方法&#xff0c;表示当前的接口…...

编程日记 2024/1/1 10:50:39

概率的 50 个具有挑战性的问题 [8/50]：完美的桥牌

一、说明 我最近对与概率有关的问题产生了兴趣。我偶然读到了弗雷德里克莫斯特勒&#xff08;Frederick Mosteller&#xff09;的《概率论中的五十个具有挑战性的问题与解决方案》&#xff09;一书。我认为创建一个系列来讨论这些可能作为面试问题出现的迷人问题会很有趣。每篇…...

编程日记 2024/1/1 10:49:38

自动驾驶学习笔记（二十四）——车辆控制开发

#Apollo开发者# 学习课程的传送门如下&#xff0c;当您也准备学习自动驾驶时&#xff0c;可以和我一同前往&#xff1a; 《自动驾驶新人之旅》免费课程—> 传送门 《Apollo开放平台9.0专项技术公开课》免费报名—>传送门 文章目录 前言 控制算法 控制标定 控制协议…...

编程日记 2024/1/1 10:46:35

【起草】【第十二章】定制ChatGPT数字亲人

身为普普通通的我们&#xff0c;不知道亲人们在哪一天就要离开这个世界 &#xff1f; 作为普普通通的程序员&#xff0c;我们可以为我们的亲人做点什么 &#xff1f; 让他们以数字资产形式留在人世间 ? 对话&#xff5c;6岁女孩病逝捐器官&#xff0c;妈妈&#xff1a;她去…...

编程日记 2024/1/1 10:45:34

MySQL数据库索引

索引的定义 索引是一个排序的列表&#xff0c;包含索引字段的值和其对应的行记录的数据所在的物理地址 索引的作用 加快表的查询速度&#xff0c;还可以对字段排序 索引的副作用 会额外占用磁盘空间&#xff1b;更新包含索引的表会花费更多的时间&#xff0c;效率会更慢 …...

编程日记 2024/1/1 10:41:30

【LLM 】7个基本的NLP模型，为ML应用程序赋能

在上一篇文章中&#xff0c;我们已经解释了什么是NLP及其在现实世界中的应用。在这篇文章中&#xff0c;我们将继续介绍NLP应用程序中使用的一些主要深度学习模型。 BERT 来自变压器的双向编码器表示&#xff08;BERT&#xff09;由Jacob Devlin在2018年的论文《BERT:用于语言…...

编程日记 2024/1/1 10:39:29

数字人私人定制

数字人是什么&#xff1f; 在回答这个问题之前&#xff0c;我们先回答另一个问题&#xff0c;人如何与人工智能交流&#xff1f;目前可以通过文字、语音、电脑屏幕、手机屏幕、平板、虚拟现实设备等和人工智能交流&#xff0c;为了得到更好的交流体验&#xff0c;人工智能必然…...

编程日记 2024/1/1 10:38:28

CollectionUtils

使用 CollectionUtils 类的常用方法 在Java开发中&#xff0c;我们经常需要对集合进行各种操作&#xff0c;而Apache Commons Collections库提供了一个方便的工具类 CollectionUtils&#xff0c;其中包含了许多实用的方法。在这篇博客中&#xff0c;我们将深入了解一些常用的方…...

编程日记 2024/1/1 10:34:24

很想写一个框架，比如，spring

很想写一个框架&#xff0c;比如&#xff0c;spring。 原理很清楚&#xff0c;源码也很熟悉。 可惜力不从心&#xff0c;是不是可以找几个小弟一起做。...

编程日记 2024/1/1 10:33:23

Java集合/泛型篇----第五篇

系列文章目录 文章目录 系列文章目录前言一、说说LinkHashSet（ HashSet+LinkedHashMap）二、HashMap（数组+链表+红黑树）三、说说ConcurrentHashMap前言 前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站，这篇文章男女通…...

编程日记 2024/1/1 10:31:22

ACES 增强版不丹水稻作物地图（2016-2022 年）

ACES 增强版不丹水稻作物地图&#xff08;2016-2022 年&#xff09; 用于改善粮食安全决策的 2016-2022 年年度作物类型稻米地图仍然是不丹的一项挑战。这些地图是与不丹农业部和 SERVIR 合作开发的。通过专注于发展不丹的科学、技术、工程和数学 (STEM)&#xff0c;我们共同开…...

编程日记 2024/1/1 10:30:20

【Spark精讲】一文讲透Spark宽窄依赖的区别

宽依赖窄依赖的区别 窄依赖&#xff1a;RDD 之间分区是一一对应的宽依赖&#xff1a;发生shuffle&#xff0c;多对多的关系 宽依赖是子RDD的一个分区依赖了父RDD的多个分区父RDD的一个分区的数据&#xff0c;分别流入到子RDD的不同分区特例&#xff1a;cartesian算子对应的Car…...

编程日记 2024/1/1 10:28:18

nacos2.3.0配置中心问题处理

问题&#xff1a;Error to process server push response: {"headers":{},"abilityTable":{"supportPersistentInstanceByGrpc":true},"module":"internal"} 处理办法&#xff1a; 将pom.xml中 <!-- nacos服务注册/发…...

编程日记 2024/1/1 10:26:16

wordpress显示id/今日最新国际新闻头条

前言 继续ctf的旅程 开始攻防世界web高手进阶区的7分题 本文是comment的writeup 解题过程 进来是个留言板 惯例查看源码和御剑扫描 源码没东西&#xff0c;但是控制台有提示 刚好后台扫到一个.git 估摸着是git泄露 用githack试试&#xff08;注&#xff1a;githacker报错…...

编程日记 2025/1/10 19:44:39

深圳网站开发antnw/南宁seo服务优化

首先来看&#xff0c;jquery里自带的&#xff0c;和json相关的函数&#xff1a;1.$.parseJSON : 用来解析JSON字符串&#xff0c;返回一个对象。什么叫“JSON字符串”?比如&#xff1a;var a{name:"aijquery",url:"www.aijquery.cn"};上面定义的变量a是…...

编程日记 2025/1/10 19:19:26

宁波建设工程主管部门网站/百度一下你就知道移动官网

开发需求 删除列表内数据&#xff0c;不影响到其他模块内的内容 代码实现 后端处理代码 Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {req.setCharacterEncoding("utf-8");resp.setCh…...

编程日记 2025/1/10 17:59:51

重庆网站建设网站制作/武汉seo楚天

1. 编译单元&#xff0c;一个.cc&#xff0c;或.cpp作为一个编译单元.生成.o 2. 普通数据类型的定义&#xff0c;声明&#xff0c;函数的定义声明&#xff08;类函数是一样的) extern int x; //变量是声明&#xff0c;并未实际分配地址&#xff0c;未产生实际目标代码void pr…...

编程日记 2025/1/10 15:04:19

随州网站推广/网站关键词排名优化客服

下面是一个检查对象是否为空的代码片段。对于新的浏览器而言&#xff0c;你可以使用普通的 JS 和 ES6 的语法 Object.keys。但是&#xff0c;为了支持旧的浏览器&#xff0c;你可以安装 Lodash 和使用它的 isEmpty 方法。const empty {};/* -------------------------针对新浏…...

编程日记 2025/1/10 13:30:30

长春seo排名收费/seo综合查询网站源码

目录 1 问题描述 2 解决方案 1 问题描述 问题描述有n个小朋友围坐成一圈。老师给每个小朋友随机发偶数个糖果&#xff0c;然后进行下面的游戏&#xff1a;每个小朋友都把自己的糖果分一半给左手边的孩子。一轮分糖后&#xff0c;拥有奇数颗糖的孩子由老师补给1个糖果&#xff0…...

编程日记 2025/1/10 12:46:10