头歌答案HTML——基础
目录
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关：创建 任务描述 …...
【数据结构——队列的实现（单链表）】
数据结构——队列的实现（单链表） 一.队列1.1队列的概念及结构 二.队列的实现2.1 头文件的实现——（Queue.h）2.2 源文件的实现—— （Queue.c）2.3 源文件的实现—— （test.c） 三.队列的…...
《LeetCode力扣练习》代码随想录——链表（移除链表元素---Java）
《LeetCode力扣练习》代码随想录——链表（移除链表元素—Java） 刷题思路来源于 代码随想录 203. 移除链表元素 虚拟头结点 /*** Definition for singly-linked list.* public class ListNode {* int val;* ListNode next;* ListNode() {}* …...
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…...
机器人 Null impedance（零阻抗）梳理
"Null impedance"（零阻抗）是指机器人系统在特定情境下被设计成对外部力或运动表现出极小的阻抗。这意味着机器人系统在受到外部作用力时，几乎不会提供阻抗或阻力，使其能够灵活地适应外部环境的变化。零阻抗的设计旨在让…...
MDM9205开发环境搭建与编译调试
前言 如题，这篇文章说的是高通mdm9205这颗物联网芯片，从官方资源的获取（包括文档、代码、软件工具等等）到如何编译出可运行固件的方法。 对经历了不止一次这颗芯片开发的我来说，在过程中遇到问题，除了寄希望于可能在工作日第二天凌晨得到的case回复，有一篇最新的有指导方…...
Linux操作系统使用及C高级编程-D3Linux shell命令(权限、输入输出)
Shell 是一种应用程序，用以完成用户与内核之间的交互 一个功能强大的编程语言（C语言） 一个解释执行的脚本语言，不需要编译，写完直接执行 目前Linux 乌班图的Shell默认是bash 查看当前提供的Shell：cat /…...
无线充，大功率小家电，智能家居，无人机快速充电等产品供电 LDR6328S芯片TYUPE-C PD诱骗电压 USB-C解决PD电源取电问题
LDR6328S 是乐得瑞科技有限公司开发的一款兼容 USB PD、QC 和 AFC 协议的 Sink 控制器。 LDR6328S 从支持 USB PD、QC 和 AFC 协议的适配器取电，然后供电给设备。比如可以配置适配器输 出需要的功率，给无线充电器设备供电。LDR6328S 也兼容传统 USB 电源…...
2023数字科技生态大会-数字安全论坛 学习笔记
监管合规->价值创造的方向，在安全领域的发展方向-安全运营服务型 ICT->数字->数据 数字安全：网络安全数据安全 传统信息化以计算为核心，数字化以数据为核心 数字安全技术发展十大趋势： 一、 数字安全技术政策环境将不…...
玩转ChatGPT：ARIMA模型定制GPT-1.0
一、写在前面 好久不更新咯！ OpenAI又推出了GPT的一系列重大更新，其中GPTs深得我心啊。 GPTs允许用户创建自定义的ChatGPT版本，以满足自己各种特定需求。其核心理念在于，用户可以为不同的场景和任务创建定制化的ChatGPT。这意味…...
CSDN每日一题学习训练——Java版（字符串相乘、子集、删除链表的倒数第 N 个结点）
版本说明 当前版本号[20231112]。 版本修改说明20231112初版 目录 文章目录 版本说明目录字符串相乘题目解题思路代码思路补充说明参考代码 子集题目解题思路代码思路参考代码 删除链表的倒数第 N 个结点题目解题思路代码思路参考代码 字符串相乘 题目 给定两个以字符串形…...
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…...
idea中搭建Spring boot项目（借助Spring Initializer）
创建新项目 启动端口 在项目配置文件application.properties中写入 #启动端口server.port8088编写测试方法 创建控制类文件夹–>便于规范我们新建一个controller包–>建一个HelloWorld.class package com.example.hellospringboot.controller;import org.springframew…...
acwing算法基础之搜索与图论--染色法判断二分图
目录 1 基础知识2 模板3 工程化 1 基础知识 二分图：每条边连接的起点和终点，分别属于集合A和集合B。 一个图是二分图，当且仅当，图中不含奇数环（即，回环中的结点数目是奇数）。 染色法判定二分…...
塔式服务器是什么服务器？
在当今数字时代，数据的处理和存储需求不断增长，企业和组织需要强大而可靠的服务器来支持其业务运营和数据管理。塔式服务器作为一种常见的服务器架构，以其出色的性能、灵活性和可扩展性成为了许多企业和组织的首选。 塔式服务器的外观类似于…...
nodejs+express接口全局拦截和环境变量设置
前言： 本例中必须安装的依赖包有：express、cookie-parser(可以没有) 1. 接口全局拦截 新建一个文件intercept.ts，编写拦截过程 import express from "express"; import cookieParser from cookie-parserconst ssoRouter expre…...
深度学习之基于YoloV5的目标检测和双目测距系统
欢迎大家点赞、收藏、关注、评论啦 ，由于篇幅有限，只展示了部分核心代码。 文章目录 一项目简介 二、功能三、系统四. 总结 一项目简介 双目测距系统利用两个相机的图像来计算目标到相机的距离。通过对左右相机图像进行立体匹配，可以获得目标…...
如何显示标注的纯黑mask图
文章目录 前言一、二分类mask显示二、多分类mask显示 前言 通常情况下，使用标注软件标注的标签图看起来都是纯黑的，因为mask图为单通道的灰度图，而灰度图一般要像素值大于128后，才会逐渐显白，255为白色。而标注的时候…...
【算法每日一练]-图论（保姆级教程 篇1（模板篇）） #floyed算法 #dijkstra算法 #spfa算法
今天开始讲图论 目录 图的存储 算任意两点的最短路径: floyed算法： 算一个点到其他所有点的最短距离 dijkstra算法: spfa算法： 图的存储 其实：邻接矩阵和链式向前星都能存边的信息，vector只能存点的信息，再搭配上v[]…...
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…...
谷歌浏览器插件
项目中有时候会用到插件 sync-cookie-extension1.0.0：开发环境同步测试 cookie 至 localhost，便于本地请求服务携带 cookie 参考地址：https://juejin.cn/post/7139354571712757767 里面有源码下载下来，加在到扩展即可使用FeHelp…...
python打卡day49
知识点回顾： 通道注意力模块复习空间注意力模块CBAM的定义 作业：尝试对今天的模型检查参数数目，并用tensorboard查看训练过程 import torch import torch.nn as nn# 定义通道注意力 class ChannelAttention(nn.Module):def __init__(self,…...
树莓派超全系列教程文档--(61)树莓派摄像头高级使用方法
树莓派摄像头高级使用方法 配置通过调谐文件来调整相机行为 使用多个摄像头安装 libcam 和 rpicam-apps依赖关系开发包 文章来源： http://raspberry.dns8844.cn/documentation 原文网址 配置 大多数用例自动工作，无需更改相机配置。但是，一…...
Spring Boot 实现流式响应（兼容 2.7.x）
在实际开发中，我们可能会遇到一些流式数据处理的场景，比如接收来自上游接口的 Server-Sent Events（SSE） 或 流式 JSON 内容，并将其原样中转给前端页面或客户端。这种情况下，传统的 RestTemplate 缓存机制会…...
Nuxt.js 中的路由配置详解
Nuxt.js 通过其内置的路由系统简化了应用的路由配置，使得开发者可以轻松地管理页面导航和 URL 结构。路由配置主要涉及页面组件的组织、动态路由的设置以及路由元信息的配置。 自动路由生成 Nuxt.js 会根据 pages 目录下的文件结构自动生成路由配置。每个文件都会对…...
NLP学习路线图（二十三）：长短期记忆网络（LSTM）
在自然语言处理（NLP）领域，我们时刻面临着处理序列数据的核心挑战。无论是理解句子的结构、分析文本的情感，还是实现语言的翻译，都需要模型能够捕捉词语之间依时序产生的复杂依赖关系。传统的神经网络结构在处理这种序列依赖时显得力不从心，而循环神经网络（RNN） 曾被视为…...
【HTTP三个基础问题】
面试官您好！HTTP是超文本传输协议，是互联网上客户端和服务器之间传输超文本数据（比如文字、图片、音频、视频等）的核心协议，当前互联网应用最广泛的版本是HTTP1.1，它基于经典的C/S模型，也就是客…...
QT： `long long` 类型转换为 `QString` 2025.6.5
在 Qt 中，将 long long 类型转换为 QString 可以通过以下两种常用方法实现： 方法 1：使用 QString::number() 直接调用 QString 的静态方法 number()，将数值转换为字符串： long long value 1234567890123456789LL; …...
代码随想录刷题day30
1、零钱兑换II 给你一个整数数组 coins 表示不同面额的硬币，另给一个整数 amount 表示总金额。 请你计算并返回可以凑成总金额的硬币组合数。如果任何硬币组合都无法凑出总金额，返回 0 。 假设每一种面额的硬币有无限个。 题目数据保证结果符合 32 位带…...
Razor编程中@Html的方法使用大全
文章目录 1. 基础HTML辅助方法1.1 Html.ActionLink()1.2 Html.RouteLink()1.3 Html.Display() / Html.DisplayFor()1.4 Html.Editor() / Html.EditorFor()1.5 Html.Label() / Html.LabelFor()1.6 Html.TextBox() / Html.TextBoxFor() 2. 表单相关辅助方法2.1 Html.BeginForm() …...