第7关：添加注释

最新推荐文章于 2023-03-06 17:15:50 发布
最新推荐文章于 2023-03-06 17:15:50 发布
阅读量7.2k 收藏 5
点赞数 8
分类专栏： Educoder刷题 文章标签： html visual studio code
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45784564/article/details/117126351
版权

任务描述

本关任务：注释掉 div 标签，同时在p标签上方添加注释说明，注释内容为路。

效果如下：

编程要求

请仔细阅读右侧代码，结合相关知识，在 Begin-End 区域内进行代码补充，完成本关任务。

测试说明

平台会对你的代码进行运行测试，如果实际输出结果与预期结果相同，则通关；反之，则 GameOver。

赶快试一下吧！！！

源码

<!DOCTYPE html>
<html>
<head
最低0.47元/天 解锁文章
卜凡.
关注
专栏目录
Educoder：HTML——基本标签
QingNiaoJun的博客
04-04 4975
目录第1关：创建第一个 HTML 标签第2关：创建 < h2> - < h6> 标签第3关：创建 p 标签第4关：创建 a 标签第5关：创建 img 标签第6关：创建 div 标签第7关：添加注释 第1关：创建第一个 HTML 标签 任务描述 本关任务：创建你的第一个标签< h1>< /h1>，文本内容为welcome to Educoder。 实现的效果如下： 相关知识 < h1>welcome< /h1> 上面这行代码它表示一个H
HTML——基本标签
Meropidae的博客
11-29 7333
第1关：创建第一个 HTML 标签 本关任务：创建你的第一个标签<h1></h1>，文本内容为welcome to Educoder。 实现的效果如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <h1>Hello</h1> <!-- *********
计算机组成头歌存储系统设计实验1-7关全部满分代码
03-31
计算机组成头歌存储系统设计实验1-7关全部满分代码
头歌-HTML基础
somewon的博客
03-06 1万+
四川师范大学 头歌 web应用开发
html---基本标签
qq_45823118的博客
03-17 1110
基本标签1.创建 ``-``标签1.1任务描述1.2相关知识1.3编程要求2.创建`p`标签2.1任务描述2.2相关知识3.创建`a`标签3.1任务描述3.2相关知识4.创建`img`标签4.1任务描述4.2相关知识5.创建`div`标签5.1任务描述5.2相关知识6.添加注释6.1任务描述6.2相关知识 1.创建 <h2>-<h6>标签 1.1任务描述 本关任务：依次创建<h2>-<h6>标签，文本内容为创建不同字体大小的标题，查看它们的区别。 实现的效果如
思维导图 XMind 闯关之路（第07关）插入批注&超链接
wangdsh的博客
04-23 1138
本系列文章主要是XMind软件的 一个基础教程，文章总纲链接：专题分纲目录思维导图 XMind 闯关之路。 这里依然以我们以上一关关卡测试为基础，能够做到： 1 插入批注 接下来我们开始 在子分支 内容4插入“批注”：选择内容4分支的 子主题1，点击右键，最上面会有一个插入选项，在插入下一级菜单中选择“批注”，如下所示： 接下来，界面显示如下： 在这里我们就可以编辑...
两万字详细爬虫知识储备，数据采集与清洗基础习题（一）头歌参考答案
qq_48774513的博客
09-21 2万+
该博客为数据采集的答案，会持续更新，未免丢失，麻烦各位同学点一下关注和收藏 目录 实训一：HTML基础 第一关：初识HTML：简单的Hello World网页制作 第二关：HTML结构：自我简介网页 实训二：HTML文本 第1关：HTML链接：带超链接的网页 第2关：HTML标题与段落：网络文章网页 第3关：HTML表格：日常消费账单表格展示网页 实训三：HTML——基本标签 第1关创建第一个 HTML 标签 第2关：创建<h1>-<h6>标签 第..
HTML-1标签及简单使用（h1-h6、span 、p、hr、pre、br）---外加注释标签＜!-- xxx --＞
weixin_47295886的博客
07-13 864
HTML-1标签及简单使用（h1-h6、span 、p、hr、pre、br）---外加注释标签
html注释掉div标签,如何使用jsoup取消注释html标签
weixin_28684655的博客
06-17 666
对的,这是可能的.以下是解决此问题的一种方法：>查找所有评论节点>为每个注释提取数据属性>在当前注释节点之后插入包含数据的新节点>删除评论节点看看这段代码：public class UncommentComments {public static void main(String... args) {String htmlIn = ""+ ""+ "not a commen...
Educoder平台初级Java习题记录
qq_45805535的博客
07-29 2273
原题网址如下：https://www.educoder.net/shixuns/nz42fyvu/challenges 在此记录做题过程 第1关：Java第一课 本关的目标是输出如下内容 本题坑爹的点在于你输入的冒号必须为中文冒号，第二是输出的格式，还有最后不要忘记写主函数。 解答如下： public class HelloWorld{ /********* Begin *********/ public static void main(String[]args){
UVM实战第二章部分源码添加注释
07-03
"UVM实战第二章部分源码添加注释"是一个学习资源，它提供了对《UVM实战》一书第二章所涵盖的源代码进行注解的版本。这些注释基于作者的个人理解和学习过程，旨在帮助读者更好地理解和应用UVM。 UVM是一种行业标准的...
第三章：python语法入门（注释及变量）
m0_50702472的博客
03-12 1381
第三章：python语法入门（注释及变量）
【Educoder】HTML答案 （HTML入门——基础、HTML入门——基本标签、HTML——表单类的标签）
qq_37746855的博客
04-14 1万+
文章目录HTML入门——基础初识HTML：简单的Hello World网页制作HTML结构：自我简介网页HTML入门——基本标签创建第一个 HTML 标签创建 h2-h6标签创建 p 标签创建 a 标签创建 img 标签创建 div 标签添加注释HTML链接：带超链接的网页HTML标题与段落：网络文章网页HTML表格：日常消费账单表格展示网页HTML——表单类的标签表单元素——文本框表单元素——密码框表单元素——单选框表单元素——多选框表单元素——checked属性表单元素——disabled 属性表单元素
学小程序基础----1、添加注释、json文件添加注释
qianxun_sha的博客
03-09 2495
json文件添加注释如果编译不通过 可以添加字段如下： ,
Linux面试题
热门推荐
木村的博客
06-26 19万+
常用命令 艿艿：这一小节会非常非常非常长，当做温故知新吧。 另外，面试官也可能会问，你熟悉 Linux 么？你平时使用哪些 Linux 命令。酱紫的连环炮~ 当然，建议重点看下 「性能相关」 小节。 目录相关 find 命令 《Linux 命令大全 —— find 命令》 查找指定文件名的文件(不区分大小写)：find -iname "MyProgram.c" 。 对找到的文件执行某个命令：...
HTML注释标签,列表标签
Shouhudaxiaojie的博客
08-10 511
注释标签 在HTML中还有一种特殊的标签——注释标签。如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字，就需要使用注释标签。其基本语法格式如下： ctrl + / 或者 ctrl +shift + / 注释内容不会显示在浏览器窗口中，但是作为HTML文档内容的一部分，也会被下载到用户的计算机上，查看源代码时就可以看到。​ 列表标签 容器里面装载着文字或图表的一种形式，叫列表。 列表最大的特点就是：整齐、整洁、有序。 无序列表ul(重点) 无序列表的各个列表项之间没有
Java文档注释用法+JavaDoc的使用详解
阿★永
05-06 4万+
Java文档注释+JavaDoc的使用详解 简介 文档注释负责描述类、接口、方法、构造器、成员属性。可以被JDK提供的工具 javadoc 所解析，自动生成一套以网页文件形式体现该程序说明文档的注释。 注意：文档注释必须写在类、接口、方法、构造器、成员字段前面，写在其他位置无效。 JavaDoc 官方说明 How to Write Doc Comments for the Javadoc Tool...
JS 修改div标签中嵌套的多个p标签中的文字内容
夏沐的博客
01-12 8216
使用函数说明： document.getElementsByTagName("标签的名字");返回的是一个伪数组, 无论获取的是一个标签,还是多个标签,最终都是在数组中存储的,这行代码的返回值就是一个数组 修改div标签中嵌套的p标签的文字内容： HTML代码部分： &lt;input type="button" value="显示效果" id="btn"/&gt; &lt;div ...
*{margin:0; padding:0;font-size:12px;} ul,ol,li list-style: none;} #nav {width: 100px;margin:0 auto;} #nav li{height:36px;} #nav li span{display: block;float: right; width: 35px; height: 35px;border-bottom-left-radius: 5px;border-top-left-radius: 5px;background: #7a6e6e url("插图11/toolbars.png") no-repeat;} #nav li:nth-of-type(1) span{background-position: 0px -15px;} #nav li:nth-of-type(2) span{background-position: 0px -57px;} #nav li:nth-of-type(3) span{background-position: 1px -106px;} #nav li:nth-of-type(4) span{background-position: 0px -156px;} #nav li:nth-of-type(5) span{background-position: 0px -200px;} #nav li:nth-of-type(6) span{background-position: 2px -265px;} #nav li p{ height: 35px; text-align: left; background: #c81623; color: #ffffff; border-bottom-left-radius: 5px; border-top-left-radius: 5px; line-height: 35px; padding-left: 10px; display: none; }添加详细完整注释
最新发布
05-25
这段代码是用CSS来创建一个具有下拉菜单功能的导航栏。以下是每一行代码的注释： ```css *{margin:0; padding:0;font-size:12px;} /* 设置全局样式 */ ul,ol,li {list-style: none;} /* 去除列表默认样式 */ #nav {width: 100px;margin:0 auto;} /* 设置导航栏宽度和居中对齐 */ #nav li{height:36px;} /* 设置每个菜单项的高度 */ #nav li span{ /* 设置每个菜单项的图标样式 */ display: block; float: right; width: 35px; height: 35px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; background: #7a6e6e url("插图11/toolbars.png") no-repeat; } #nav li:nth-of-type(1) span{background-position: 0px -15px;} /* 设置第一个菜单项的图标背景位置 */ #nav li:nth-of-type(2) span{background-position: 0px -57px;} /* 设置第二个菜单项的图标背景位置 */ #nav li:nth-of-type(3) span{background-position: 1px -106px;} /* 设置第三个菜单项的图标背景位置 */ #nav li:nth-of-type(4) span{background-position: 0px -156px;} /* 设置第四个菜单项的图标背景位置 */ #nav li:nth-of-type(5) span{background-position: 0px -200px;} /* 设置第五个菜单项的图标背景位置 */ #nav li:nth-of-type(6) span{background-position: 2px -265px;} /* 设置第六个菜单项的图标背景位置 */ #nav li p{ /* 设置每个菜单项的下拉内容样式 */ height: 35px; text-align: left; background: #c81623; color: #ffffff; border-bottom-left-radius: 5px; border-top-left-radius: 5px; line-height: 35px; padding-left: 10px; display: none; /* 初始状态下隐藏下拉内容 */ } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

卜凡.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值