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

头歌答案HTML——基础

news 2025/7/12 17:05:52

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关：初识HTML：简单的Hello World网页制作任务描述第2关：HTML结构：自我简介网页任务描述 HTML——基本标签第1关：创建第一个 HTML 标签任务描述第2关：创建任务描述 …...

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

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

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

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

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

《LeetCode力扣练习》代码随想录——链表（移除链表元素—Java） 刷题思路来源于代码随想录 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"（零阻抗）是指机器人系统在特定情境下被设计成对外部力或运动表现出极小的阻抗。这意味着机器人系统在受到外部作用力时，几乎不会提供阻抗或阻力，使其能够灵活地适应外部环境的变化。零阻抗的设计旨在让…...

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

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

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

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

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

Shell 是一种应用程序，用以完成用户与内核之间的交互一个功能强大的编程语言（C语言） 一个解释执行的脚本语言，不需要编译，写完直接执行目前Linux 乌班图的Shell默认是bash 查看当前提供的Shell：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 协议的适配器取电，然后供电给设备。比如可以配置适配器输出需要的功率，给无线充电器设备供电。LDR6328S 也兼容传统 USB 电源…...

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

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

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

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

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

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

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

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

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

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

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

文章目录前言Integer类型的数组char类型的数组前言要判断一个JSONB数组是否包含特定的元素，可以使用>操作符。 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 基础知识二分图：每条边连接的起点和终点，分别属于集合A和集合B。一个图是二分图，当且仅当，图中不含奇数环（即，回环中的结点数目是奇数）。染色法判定二分…...

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

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

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

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

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

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

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

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

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

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

如何显示标注的纯黑mask图

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

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

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

今天开始讲图论目录图的存储算任意两点的最短路径: floyed算法： 算一个点到其他所有点的最短距离 dijkstra算法: spfa算法： 图的存储其实：邻接矩阵和链式向前星都能存边的信息，vector只能存点的信息，再搭配上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

web vue 项目 Docker化部署

Web 项目 Docker 化部署详细教程目录 Web 项目 Docker 化部署概述Dockerfile 详解构建阶段生产阶段构建和运行 Docker 镜像 1. Web 项目 Docker 化部署概述 Docker 化部署的主要步骤分为以下几个阶段： 构建阶段（Build Stage）&#xff1a…...

编程新知 2025/7/6 4:04:07

51c自动驾驶~合集58

我自己的原文哦~ https://blog.51cto.com/whaosoft/13967107 #CCA-Attention 全局池化局部保留，CCA-Attention为LLM长文本建模带来突破性进展琶洲实验室、华南理工大学联合推出关键上下文感知注意力机制（CCA-Attention），…...

编程新知 2025/7/10 20:47:32

Cilium动手实验室: 精通之旅---20.Isovalent Enterprise for Cilium: Zero Trust Visibility

Cilium动手实验室: 精通之旅---20.Isovalent Enterprise for Cilium: Zero Trust Visibility 1. 实验室环境1.1 实验室环境1.2 小测试 2. The Endor System2.1 部署应用2.2 检查现有策略 3. Cilium 策略实体3.1 创建 allow-all 网络策略3.2 在 Hubble CLI 中验证网络策略源3.3 …...

编程新知 2025/7/9 22:23:37