任务一：使用富文本编辑器

实现改变文字颜色
表格换行变色
点击按钮出现考试信息

<!DOCTYPE html>
<html><head><title>#<title><meta charset="utf-8"><style type="text/css">p{color:red}td{border:1px solid black}tr:nth-child(odd){background-color:white;}tr:nth-child(even){background-color:grey;}</style></head> <body><p style="color:red;">CSDN能力认证中心</p><p><button type="button" onclick="document.getElementById(&quot;demo&quot;).innerHTML = &quot;考试信息&quot;">我要考试</button></p><p id="demo">考试信息</p><table><tr><td>C1</td><td>见习工程师认证</td></tr><tr><td>C4</td><td>专项工程师认证</td></tr><tr><td>C5</td><td>全栈工程师认证</td></tr></table>
</body>
</html>

任务二+拓展

往期博客足以见功底：web开发·基本网页实现（基于CSS盒子模型+PS辅助使用）

自测

HTML5为了使img元素可拖放，需要增加什么属性

<img draggable="true">

HTML5哪一个input类型可以选择一个无时区的日期选择器？

<input type="date">

CSS盒子模型中的margin,border,padding都是什么意思

外边距(margin)、边框(border)、内边距(padding)

说出5种常见的HTML事件

Window 事件属性，表单事件，键盘事件，鼠标事件，媒介事件

HTML的onblur和onfocus是哪种类型的属性

onblur失去焦点事件 onfocus 获得焦点事件

怎么设置display属性值使容器成为弹性容器？

flex

Javascript种有多少种不同类型的循环？

for循环；do..while循环；while循环

用户搜索某个单词后，JavaScript高亮显示搜索到的单词，使用哪个语义化标签最适合

<mark>

C1之路 | 训练任务03-WEB相关推荐

C1之路 | 训练任务04-JavaScript
文章目录任务一:生成图片广告拓展自测任务一:生成图片广告 1. 在页面正中生成一幅图片广告为了训练一下自己的 css水平,没用图片 <!DOCTYPE html> <htm ...
C1之路 | 训练任务02-网络
文章目录任务一:网络数据抓包任务二:lesson 拓展任务一:网络数据抓包任务二:lesson 拓展之前写过的:计算机网络·计算子网地址,子网掩码,广播地址,根据子网掩码求网络地址详解
C1之路 | 训练任务01-进制与信息编码
文章目录任务一:用 0 和 1 绘图任务二:1 .进制编辑器对文档 2 .进制编辑器对图片任务三:拓展任务四.自测任务一:用 0 和 1 绘图第一次接触到计算机二进制存储图片的底层原理首 ...
大数据之路读书笔记-03数据同步
大数据之路读书笔记-03数据同步如第一章所述,我们将数据采集分为日志采集和数据库数据同步两部分.数据同步技术更通用的含义是不同系统间的数据流转,有多种不同的应用场景.主数据库与备份数据库之间的数据备 ...
《从0到1：CTFer成长之路》 [第一章 web入门] 常见的搜集
<从0到1:CTFer成长之路> [第一章 web入门] 常见的搜集启动环境: 提示为敏感文件,首先对网站目录进行扫描: 得到如上页面,首先访问robots.txt页面: 得到flag1 ...
C1能力认证训练题解析 _ 第二部分 _ Web基础
目录一.语义化标签二.表单标签三.转义字符四.head 头五.CSS 引入方式六.CSS 背景属性七.CSS 文本属性八.基础选择器九.伪类选择器十.伪元素选择器十一.CSS优先 ...
C1任务03 Web的世界（下）
5.border-style 边框样式该属性指定了元素边界所有四面的线式.它分别是顶部.右.下和左边框风格的速记.指定一个值时,它适用于所有四个方面相同的边框样式.border-style:soli ...
【Python之路Day17】Python Web框架之 Django
Django 基础篇一.django简介 Django是一个开放源代码的Web应用框架,由Python写成.采用了MVC的软件设计模式,即模型M,视图V和控制器C.它最初是被开发来用于管理劳伦斯出版 ...
思维导图 XMind 闯关之路（第03关）插入图片
本系列文章主要是XMind软件的一个基础教程,文章总纲链接:专题分纲目录思维导图 XMind 闯关之路这里依然以我们以上一关关卡测试为基础,能够做到: 1 子分支插入图片接下来我们开始在 ...

C1之路 | 训练任务03-WEB

文章目录

任务一：使用富文本编辑器

任务二+拓展

自测

C1之路 | 训练任务03-WEB相关推荐

最新文章

热门文章