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

头歌答案HTML——基础

news 2026/2/7 14:07:58

目录

HTML——基础

第1关：初识HTML：简单的Hello World网页制作

任务描述

第2关：HTML结构：自我简介网页 

任务描述

HTML——基本标签

第1关：创建第一个 HTML 标签

任务描述

第2关：创建

任务描述

第3关：创建 p 标签 

任务描述

第4关：创建 a 标签 

任务描述

第5关：创建 img 标签

任务描述

第6关：创建 div 标签

任务描述

HTTP基础 

 第1关：HTTP 标准

任务描述

第2关：开发者工具的基本使用

任务描述

HTML——基础

第1关：初识HTML：简单的Hello World网页制作

任务描述

本关的任务是编写一个简单的HTML页面，这个网页包含一个标题和一个段落。

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>Hello world</title></head>  <!--------- Begin--------><body bgcolor="F6F3D6"><!--用HTML语言向世界打声招呼吧！--><h1 align="center">Hello World</h1><p align="center">动手改变世界</p></body><!--------- End--------></html>

第2关：HTML结构：自我简介网页 

任务描述

本关任务是编写一个自我简介网页，你将通过本任务理解一个HTML网页的完整结构，并了解如何让搜索引擎更好的找到你的网页。

<!DOCTYPE html>
<html><!--------- Begin--------><head><meta charset="utf-8"><title>自我简介</title><meta name="keywords"><meta name="keywords" content="XXX的自我简介网站"><meta name="" content="自我简介,关键词一,关键词二,关键词三"></head><body><h1 align="center">自我简介</h1><h2>简介</h2><p>在这里简单的描述一下你自己吧。</p><h2>三个与你最有关的词</h2><p>这三个词可以是一种形容，也可以是一种运动或者是一种独特的爱好，等等。</p><ul><li>第一个词</li><p>选择第一个词的原因</p><li>第二个词</li><p>选择第二个词的原因</p><li>第三个词</li><p>选择第三个词的原因</p></ul>
</body><!--------- End--------></html>

HTML——基本标签

第1关：创建第一个 HTML 标签

任务描述

本关任务：创建你的第一个标签<h1></h1>，文本内容为welcome to Educoder。

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8">
</head>
<body><h1>Hello</h1><!-- ********* Begin ********* --><h1> welcome to Educoder</h1><!-- ********* End ********* -->
</body>
</html>

第2关：创建 <h2>-<h6> 标签

任务描述

本关任务：依次创建<h2>-<h6>标签，文本内容为创建不同字体大小的标题，查看它们的区别。

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8">
</head>
<body><h1>创建不同字体大小的标题</h1><!-- ********* Begin ********* --><h2>创建不同字体大小的标题</h2><h3>创建不同字体大小的标题</h3><h4>创建不同字体大小的标题</h4><h5>创建不同字体大小的标题</h5><h6>创建不同字体大小的标题</h6><!-- ********* End ********* -->
</body>
</html>

第3关：创建 p 标签 

任务描述

本关任务:创建一个p标签，文本内容为我是一个段落。

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8">
</head>
<body><!-- ********* Begin ********* -->
<p>我是一个段落</p><!-- ********* End ********* -->
</body>
</html>

第4关：创建 a 标签 

任务描述

本关任务：创建一个a标签， 跳转的地址是https://www.educoder.net，文本内容是Educoder平台。

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8">
</head>
<body><!-- ********* Begin ********* -->
<a href="https://www.educoder.net" >Educoder平台</a><!-- ********* End ********* -->
</body>
</html>

第5关：创建 img 标签

任务描述

本关任务：创建一个img标签， 图片的地址是https://www.educoder.net/attachments/download/207801，提示文字是小狗走路。

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8">
</head>
<body><!-- ********* Begin ********* -->
<img src="https://www.educoder.net/attachments/download/207801" alt="小狗走路"><!-- ********* End ********* --></body>
</html>

第6关：创建 div 标签

任务描述

本关任务：创建一个div标签， 文本内容是我是div标签。

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8">
</head>
<body><h2>我是h2标签</h2><p>我是p标签</p><!-- ********* Begin ********* --><div>我是div标签</div><!-- ********* End ********* -->
</body>
</html>

HTTP基础 

 第1关：HTTP 标准

任务描述

本关任务：掌握 HTTP 的相关知识，完成相关选择题。

1、以下哪个是爬虫爬取数据的用途？

数据分析

2、如果表单中带有图片，一般用什么请求方式？

POST

3、请求成功的响应状态码是什么？

200

第2关：开发者工具的基本使用

任务描述

本关任务：了解开发者工具对于爬虫的用途。

1、Elements中的选择元素的功能是什么？

模拟不同设备的显示效果，且可以模拟带宽。

2、当要获取什么样的数据要使用Network功能?

那些通过异步请求获取到的数据

相关文章：

头歌答案HTML——基础

目录 HTML——基础 第1关&#xff1a;初识HTML&#xff1a;简单的Hello World网页制作 任务描述 第2关&#xff1a;HTML结构&#xff1a;自我简介网页 任务描述 HTML——基本标签 第1关&#xff1a;创建第一个 HTML 标签 任务描述 第2关&#xff1a;创建 任务描述 …...

编程日记 2023/11/14 20:21:50

【数据结构——队列的实现（单链表）】

数据结构——队列的实现&#xff08;单链表&#xff09; 一.队列1.1队列的概念及结构 二.队列的实现2.1 头文件的实现——&#xff08;Queue.h&#xff09;2.2 源文件的实现—— &#xff08;Queue.c&#xff09;2.3 源文件的实现—— &#xff08;test.c&#xff09; 三.队列的…...

编程日记 2023/11/14 20:20:50

《LeetCode力扣练习》代码随想录——链表（移除链表元素---Java）

《LeetCode力扣练习》代码随想录——链表&#xff08;移除链表元素—Java&#xff09; 刷题思路来源于 代码随想录 203. 移除链表元素 虚拟头结点 /*** Definition for singly-linked list.* public class ListNode {* int val;* ListNode next;* ListNode() {}* …...

编程日记 2023/11/14 20:19:49

linux 安装 mini conda，linux下安装 Miniconda

下载地址 https://docs.conda.io/projects/miniconda/en/latest/index.html 安装conda mkdir -p ~/miniconda3 wget https://repo.anaconda.com/miniconda/Miniconda3-latest-Linux-x86_64.sh -O ~/miniconda3/miniconda.sh bash ~/miniconda3/miniconda.sh -b -u -p ~/mini…...

编程日记 2023/11/14 20:18:48

机器人 Null impedance（零阻抗）梳理

"Null impedance"&#xff08;零阻抗&#xff09;是指机器人系统在特定情境下被设计成对外部力或运动表现出极小的阻抗。这意味着机器人系统在受到外部作用力时&#xff0c;几乎不会提供阻抗或阻力&#xff0c;使其能够灵活地适应外部环境的变化。零阻抗的设计旨在让…...

编程日记 2023/11/14 20:17:46

MDM9205开发环境搭建与编译调试

前言 如题，这篇文章说的是高通mdm9205这颗物联网芯片，从官方资源的获取（包括文档、代码、软件工具等等）到如何编译出可运行固件的方法。 对经历了不止一次这颗芯片开发的我来说，在过程中遇到问题，除了寄希望于可能在工作日第二天凌晨得到的case回复，有一篇最新的有指导方…...

编程日记 2023/11/14 20:15:45

Linux操作系统使用及C高级编程-D3Linux shell命令(权限、输入输出)

Shell 是一种应用程序&#xff0c;用以完成用户与内核之间的交互 一个功能强大的编程语言&#xff08;C语言&#xff09; 一个解释执行的脚本语言&#xff0c;不需要编译&#xff0c;写完直接执行 目前Linux 乌班图的Shell默认是bash 查看当前提供的Shell&#xff1a;cat /…...

编程日记 2023/11/14 20:14:44

无线充，大功率小家电，智能家居，无人机快速充电等产品供电 LDR6328S芯片TYUPE-C PD诱骗电压 USB-C解决PD电源取电问题

LDR6328S 是乐得瑞科技有限公司开发的一款兼容 USB PD、QC 和 AFC 协议的 Sink 控制器。 LDR6328S 从支持 USB PD、QC 和 AFC 协议的适配器取电&#xff0c;然后供电给设备。比如可以配置适配器输 出需要的功率&#xff0c;给无线充电器设备供电。LDR6328S 也兼容传统 USB 电源…...

编程日记 2023/11/14 20:11:40

2023数字科技生态大会-数字安全论坛 学习笔记

监管合规->价值创造的方向&#xff0c;在安全领域的发展方向-安全运营服务型 ICT->数字->数据 数字安全&#xff1a;网络安全数据安全 传统信息化以计算为核心&#xff0c;数字化以数据为核心 数字安全技术发展十大趋势&#xff1a; 一、 数字安全技术政策环境将不…...

编程日记 2023/11/14 20:10:39

玩转ChatGPT：ARIMA模型定制GPT-1.0

一、写在前面 好久不更新咯&#xff01; OpenAI又推出了GPT的一系列重大更新&#xff0c;其中GPTs深得我心啊。 GPTs允许用户创建自定义的ChatGPT版本&#xff0c;以满足自己各种特定需求。其核心理念在于&#xff0c;用户可以为不同的场景和任务创建定制化的ChatGPT。这意味…...

编程日记 2023/11/14 20:09:38

CSDN每日一题学习训练——Java版（字符串相乘、子集、删除链表的倒数第 N 个结点）

版本说明 当前版本号[20231112]。 版本修改说明20231112初版 目录 文章目录 版本说明目录字符串相乘题目解题思路代码思路补充说明参考代码 子集题目解题思路代码思路参考代码 删除链表的倒数第 N 个结点题目解题思路代码思路参考代码 字符串相乘 题目 给定两个以字符串形…...

编程日记 2023/11/14 20:08:38

PostgreSQL 判断JSONB数组是否包含特定的元素

文章目录 前言Integer类型的数组char类型的数组 前言 要判断一个JSONB数组是否包含特定的元素&#xff0c;可以使用>操作符。 Integer类型的数组 -- 是否包含数字3 SELECT [1, 2, 3, 4, 5]::jsonb > [3]::jsonb; -- true -- 是否包含数字3 SELECT [1, 2, 13, 4, 5]::js…...

编程日记 2023/11/14 20:07:36

idea中搭建Spring boot项目（借助Spring Initializer）

创建新项目 启动端口 在项目配置文件application.properties中写入 #启动端口server.port8088编写测试方法 创建控制类文件夹–>便于规范我们新建一个controller包–>建一个HelloWorld.class package com.example.hellospringboot.controller;import org.springframew…...

编程日记 2023/11/14 20:06:36

acwing算法基础之搜索与图论--染色法判断二分图

目录 1 基础知识2 模板3 工程化 1 基础知识 二分图&#xff1a;每条边连接的起点和终点&#xff0c;分别属于集合A和集合B。 一个图是二分图&#xff0c;当且仅当&#xff0c;图中不含奇数环&#xff08;即&#xff0c;回环中的结点数目是奇数&#xff09;。 染色法判定二分…...

编程日记 2023/11/14 20:05:34

塔式服务器是什么服务器？

在当今数字时代&#xff0c;数据的处理和存储需求不断增长&#xff0c;企业和组织需要强大而可靠的服务器来支持其业务运营和数据管理。塔式服务器作为一种常见的服务器架构&#xff0c;以其出色的性能、灵活性和可扩展性成为了许多企业和组织的首选。 塔式服务器的外观类似于…...

编程日记 2023/11/14 20:04:33

nodejs+express接口全局拦截和环境变量设置

前言&#xff1a; 本例中必须安装的依赖包有&#xff1a;express、cookie-parser(可以没有) 1. 接口全局拦截 新建一个文件intercept.ts&#xff0c;编写拦截过程 import express from "express"; import cookieParser from cookie-parserconst ssoRouter expre…...

编程日记 2023/11/14 20:03:32

深度学习之基于YoloV5的目标检测和双目测距系统

欢迎大家点赞、收藏、关注、评论啦 &#xff0c;由于篇幅有限&#xff0c;只展示了部分核心代码。 文章目录 一项目简介 二、功能三、系统四. 总结 一项目简介 双目测距系统利用两个相机的图像来计算目标到相机的距离。通过对左右相机图像进行立体匹配&#xff0c;可以获得目标…...

编程日记 2023/11/14 20:02:31

如何显示标注的纯黑mask图

文章目录 前言一、二分类mask显示二、多分类mask显示 前言 通常情况下&#xff0c;使用标注软件标注的标签图看起来都是纯黑的&#xff0c;因为mask图为单通道的灰度图&#xff0c;而灰度图一般要像素值大于128后&#xff0c;才会逐渐显白&#xff0c;255为白色。而标注的时候…...

编程日记 2023/11/14 20:01:30

【算法每日一练]-图论（保姆级教程 篇1（模板篇）） #floyed算法 #dijkstra算法 #spfa算法

今天开始讲图论 目录 图的存储 算任意两点的最短路径: floyed算法&#xff1a; 算一个点到其他所有点的最短距离 dijkstra算法: spfa算法&#xff1a; 图的存储 其实&#xff1a;邻接矩阵和链式向前星都能存边的信息&#xff0c;vector只能存点的信息&#xff0c;再搭配上v[]…...

编程日记 2023/11/14 20:00:30

c语言数据结构---十字链表

#include<stdio.h> #include<stdlib.h> typedef struct node{//十字链表 输入三元组返回矩阵 int row,col,val;struct node *down,*right; }JD,*J; typedef struct {J *rhead,*chead;int mu,nu,tu;//行列非0元 }CS; CS creat(CS M){int m,n,t;;int k,j,e;JD *p,*q…...

编程日记 2023/11/14 19:59:28

龙虎榜——20250610

上证指数放量收阴线&#xff0c;个股多数下跌&#xff0c;盘中受消息影响大幅波动。 深证指数放量收阴线形成顶分型&#xff0c;指数短线有调整的需求&#xff0c;大概需要一两天。 2025年6月10日龙虎榜行业方向分析 1. 金融科技 代表标的&#xff1a;御银股份、雄帝科技 驱动…...

编程新知 2026/2/7 5:06:52

解锁数据库简洁之道：FastAPI与SQLModel实战指南

在构建现代Web应用程序时&#xff0c;与数据库的交互无疑是核心环节。虽然传统的数据库操作方式&#xff08;如直接编写SQL语句与psycopg2交互&#xff09;赋予了我们精细的控制权&#xff0c;但在面对日益复杂的业务逻辑和快速迭代的需求时&#xff0c;这种方式的开发效率和可…...

编程新知 2025/8/13 16:42:24

STM32F4基本定时器使用和原理详解

STM32F4基本定时器使用和原理详解 前言如何确定定时器挂载在哪条时钟线上配置及使用方法参数配置PrescalerCounter ModeCounter Periodauto-reload preloadTrigger Event Selection 中断配置生成的代码及使用方法初始化代码基本定时器触发DCA或者ADC的代码讲解中断代码定时启动…...

编程新知 2026/1/26 21:56:38

【2025年】解决Burpsuite抓不到https包的问题

环境&#xff1a;windows11 burpsuite:2025.5 在抓取https网站时&#xff0c;burpsuite抓取不到https数据包&#xff0c;只显示&#xff1a; 解决该问题只需如下三个步骤&#xff1a; 1、浏览器中访问 http://burp 2、下载 CA certificate 证书 3、在设置--隐私与安全--…...

编程新知 2026/1/28 3:43:20

基于 TAPD 进行项目管理

起因 自己写了个小工具&#xff0c;仓库用的Github。之前在用markdown进行需求管理&#xff0c;现在随着功能的增加&#xff0c;感觉有点难以管理了&#xff0c;所以用TAPD这个工具进行需求、Bug管理。 操作流程 注册 TAPD&#xff0c;需要提供一个企业名新建一个项目&#…...

编程新知 2026/1/24 14:15:44

深度学习水论文：mamba＋图像增强

&#x1f9c0;当前视觉领域对高效长序列建模需求激增&#xff0c;对Mamba图像增强这方向的研究自然也逐渐火热。原因在于其高效长程建模&#xff0c;以及动态计算优势&#xff0c;在图像质量提升和细节恢复方面有难以替代的作用。 &#x1f9c0;因此短时间内&#xff0c;就有不…...

编程新知 2026/1/26 4:52:47

纯 Java 项目（非 SpringBoot）集成 Mybatis-Plus 和 Mybatis-Plus-Join

纯 Java 项目&#xff08;非 SpringBoot&#xff09;集成 Mybatis-Plus 和 Mybatis-Plus-Join 1、依赖1.1、依赖版本1.2、pom.xml 2、代码2.1、SqlSession 构造器2.2、MybatisPlus代码生成器2.3、获取 config.yml 配置2.3.1、config.yml2.3.2、项目配置类 2.4、ftl 模板2.4.1、…...

编程新知 2025/9/26 12:26:35

AI+无人机如何守护濒危物种？YOLOv8实现95%精准识别

【导读】 野生动物监测在理解和保护生态系统中发挥着至关重要的作用。然而&#xff0c;传统的野生动物观察方法往往耗时耗力、成本高昂且范围有限。无人机的出现为野生动物监测提供了有前景的替代方案&#xff0c;能够实现大范围覆盖并远程采集数据。尽管具备这些优势&#xf…...

编程新知 2026/1/26 12:50:00

CRMEB 中 PHP 短信扩展开发：涵盖一号通、阿里云、腾讯云、创蓝

目前已有一号通短信、阿里云短信、腾讯云短信扩展 扩展入口文件 文件目录 crmeb\services\sms\Sms.php 默认驱动类型为&#xff1a;一号通 namespace crmeb\services\sms;use crmeb\basic\BaseManager; use crmeb\services\AccessTokenServeService; use crmeb\services\sms\…...

编程新知 2025/10/5 5:38:24

Vite中定义@软链接

在webpack中可以直接通过符号表示src路径&#xff0c;但是vite中默认不可以。 如何实现&#xff1a; vite中提供了resolve.alias&#xff1a;通过别名在指向一个具体的路径 在vite.config.js中 import { join } from pathexport default defineConfig({plugins: [vue()],//…...

编程新知 2026/1/24 13:26:57