10.简单的HTML挑战（测试来了）

最新推荐文章于 2023-03-01 23:17:01 发布
最新推荐文章于 2023-03-01 23:17:01 发布
阅读量107 收藏
点赞数
分类专栏： HTML5+CSS3 文章标签： HTML5+CSS3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42952508/article/details/128996368
版权

挑战1

● 本次挑战我们将使用前面所学习的内容，实现如下一个页面

在这里插入图片描述

● 下面的页面需要包含在一个标签中，遵循语义HTML的原则，这个标签代表一个页面的补充信息。

挑战2

● 现在你要实现如下的页面

在这里插入图片描述

注意事项：

  1. 遵循语义HTML，使用标签去包括全部博客
  2. 文中除了一个新的元素，按钮元素。使用元素可以去创建一个可点击的按钮！
网络点点滴
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
网络技术终归到底就是OSI七层模型，OSI七层知识点大全来了！
网络技术联盟站
07-20 950
层次名称定义协议1物理层负责数据的物理传输2数据链路层处理相邻节点之间的数据传输3网络层负责数据包在网络中的传输4传输层提供端到端的数据传输5会话层管理应用程序之间的会话6表示层处理数据的格式化和转换7应用层提供用户和应用程序的接口。
『HTML5挑战经典』是英雄就下100层-开源讲座(一)从天而降的英雄
Yorhom's Game Box
04-06 159
是英雄就下100层是一款经典的手机小游戏，以前是在诺基亚手机上十分有名。今天我们就用html5和lufylegend一步步地实现它。 一，准备工作 首先，你需要下载lufylegend，下载地址如下： http://lufylegend.googlecode.com/files/lufylegend-1.7.0.rar 接着你需要了解lufylegend，API介绍如下： http://...
html实现控件判断挑战跳转,HTML表挑战
weixin_28884611的博客
06-08 141
我非常感谢帮助解决这个问题。我工作的一个HTML表格谜尝试这种形象在这里匹配：HTML表挑战 我把一切都很好，就双方使用行跨度标签两个红色的柱子，有第1，第2，第4，第五排好，但是第三排，我只是无法将三个紫色的矩形放在中心位置，并在不打破桌子的情况下调整到较小的尺寸。Untitled Documentbody { background-color:black;}table { background...
HTML中的button标签
MixedSignals的博客
03-31 1447
input的3种标签： ①<input type="submit"">提交标签，点击会提交数据 ②<input type="reset">刷新（重置）标签，点击恢复默认数据 ③<input type="button" value="普通标签">普通标签，点击无效果 button标签在form标签中也是3种type效果 ①<button type="subm...
html——页面内跳转
Cherry的博客
05-04 2万+
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>页面内跳转</title> </head> <body> <h1 id="biaoti01">标题一</h1> <a h...
【HTML】Html页面跳转的5种方式
weixin_30549175的博客
01-03 3996
目录结构： contents structure [+] html实现 javascript方式实现 结合了倒数的javascript实现（IE） 解决Firefox不支持innerText的问题 结合了倒数的javascript实现(IE,Firefox) 参考文章 下面列了五个例子来详细说明，这几个例子的主要功能是：在5秒后，自动跳转到同目录下的he...
App性能测试揭秘（Android篇）
Mobile_code的博客
12-22 1746
阿里云 云原生应用研发平台EMAS 李嘉华（千瞬） 简介：性能测试在移动测试领域一直是一个大难题，它最直观的表现是用户在前台使用 App 时的主观体验，然而决定体验优劣的背后，涉及到了许许多多的技术变迁。阅读此文，带你揭秘App性能测试。 前言 性能测试在移动测试领域一直是一个大难题，它最直观的表现是用户在前台使用 App 时的主观体验，然而决定体验优劣的背后，涉及到了许许多多的技术变迁。 当我们习惯于诺基亚时，智能机出现了；当我们学会native开发时，hybrid来了；当各种 hybrid.
接口测试面试题汇总（含答案）
weixin_60870637的博客
10-09 2万+
接口就是API，意思是应用程序编程接口 接口本质上是程序开发的函数和方法，提供参数和返回值接口测试是测试系统组件间接口的一种测试，接口测试主要用于检测外部系统和内部系统之间以及各个子系统之间的交互点。测试的重点是检查数据的交换、传递和控制管理的过程，以及系统间的相互逻辑依赖关系等。
越南语事实式问答系统的开发与挑战
第一届结构化和非结构化知识混合问答国际...如越南语的一个isolating- ing语言的挑战，并表明，技术开发的屈折语言不能应用 我们的问答系统可以回答广泛的一般知识的问题，有前途的准确性测试集。关键词问答，本体，
游戏测试----------------第4章
WEL测试
07-18 9812
 第4章页游测试          网页游戏又称Web游戏，无端网游，简称页游。是基于Web浏览器的网络在线多人互动游戏，无需下载客户端，不存在机器配置不够的问题，最重要的是关闭或者切换极其方便，尤其适合上班族。 页游的运行环境不光有操作系统，还有浏览器，所以兼容性测试在操作系统以及系统运行库的基础上还需包括各种浏览器（与浏览器热键是否冲突：网页全屏、网页上右键等）以及页游
HTML页面跳转的5种方法分析介绍
ysds20211402的博客
04-05 5637
转自：微点阅读https://www.weidianyuedu.com 下面列了五个例子来详细说明，这几个例子的主要功能是：在5秒后，自动跳转到同目录下的hello.html（根据自己需要自行修改）文件。 1) html的实现 1 2 3 4 5 6 <head> <!-- 以下方式只是刷新不跳转到其他页面 --> <metahttp-equiv="refresh" content="10"> <!-- 以下方式定时转到其他页面 -...
玩转HTML5移动页面——动效篇
yeana1的博客
07-26 7685
作为一名前端，在拿到设计稿时你有两种选择： 1.速输出静态页面 2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来 作为一个有志向的前端，当然是选2啦！可是需求时间又很短很短，怎么办呢？ 这次就来谈谈一些动画设计的小技巧，能在你时间不多又没有动画想法的时候瞬间让页面增色不少。同时也会谈及移动端H5页面的优化细节与关键点，因此本文章将分为动效篇和优化篇。 前方高能 (1)CSS3时序
HTML页面跳转的方法
热门推荐
xuexizhe88的博客
07-28 22万+
1、html中使用meta中跳转，通过meta可以设置跳转时间和页面 2、a标签直接跳转 百度一下 3、通过javascript中实现跳转 // 直接跳转 window.location.href='index.html'; // 定时跳转 setTimeout("javascript:location.href='index.html'", 5000);其
HTML页面跳转的5种方法
xiaoweids的博客
05-24 1万+
转自：微点阅读https://www.weidianyuedu.com 下面列了五个例子来详细说明，这几个例子的主要功能是：在5秒后，自动跳转到同目录下的hello.html（根据自己需要自行修改）文件。 1) html的实现 1 2 3 4 5 6 <head> <!-- 以下方式只是刷新不跳转到其他页面 --> <metahttp-equiv="refresh" content="10"> <!-- 以下方式定时转到其他页面 -...
HTML5&CSS挑战
weixin_30363817的博客
05-23 1312
地址：https://www.w3cschool.cn/codecamp/list?pename=html5_and_css_camp 开始学习HTML标签：欢迎来到编程训练营的第一个编程挑战！你可以在文本编辑器中编辑我们嵌入到此网页中的代码。界面说明：左边是课程内容区、中间是代码编辑区、右边是运行显示区。你在文本编辑器中看到代码 <h1>Hello</h1> 了吗?这是...
纯HTML编写页面测试
最新发布
m0_68664415的博客
03-01 540
作为初学html测试知识用
html网页上按钮交替切换bottom shift代码
sherry_qin的博客
03-14 4219
以下代码实现了在网页上显示一个按钮，点击按钮时，“开灯”、“关灯”交替显示， 好处：这样的写法方便在不同的按钮下加上不同的的响应程序，如下在my_light_on_function()和my_light_off_function()中分别加入不同的程序即可。 function my_light_on_function(){ } funct
html+JavaScript实现页面跳转
qq_41787212的博客
02-28 1万+
1、html中使用meta中跳转，通过meta可以设置跳转时间和页面 &lt;head&gt; &lt;!--只是刷新不跳转到其他页面 --&gt; &lt;meta http-equiv="refresh" content="5"&gt; &lt;!--定时转到其他页面 --&gt; &lt;meta http-equiv="refresh&quot
Vue.js知识测试：选择题挑战
Vue.js是一个由Evan You开发的轻量级前端JavaScript框架，大小约为10KB，它的核心特性之一就是双向数据绑定，通过使用Object.defineProperty()方法来实现。Vue.js的生命周期包含多个钩子函数，如beforeCreate、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值