任务一：零基础HTML编码练习

【任务一：零基础HTML编码练习】的更多相关文章

零基础JavaScript编码（三）总结

任务目的在上一任务基础上继续JavaScript的体验接触一下JavaScript中的高级选择器学习JavaScript中的数组对象遍历.读写.排序等操作学习简单的字符串处理操作任务描述参考以下示例代码,读取页面上已有的source列表,从中提取出城市以及对应的空气质量将数据按照某种顺序排序后,在resort列表中按照顺序显示出来 <!DOCTYPE> <html> <head> <meta charset="utf-8">…

零基础JavaScript编码（二）

任务目的在上一任务基础上继续JavaScript的体验学习JavaScript中的if判断语法,for循环语法学习JavaScript中的数组对象学习如何读取.处理数据,并动态创建.修改DOM中的内容任务描述参考以下示例代码,页面加载后,将提供的空气质量数据数组,按照某种逻辑(比如空气质量大于60)进行过滤筛选,最后将符合条件的数据按照一定的格式要求显示在网页上 <!DOCTYPE html> <html> <head> <meta charset=&…

零基础JavaScript编码（一）

任务目的 JavaScript初体验初步明白JavaScript的简单基本语法,如变量.函数初步了解JavaScript的事件是什么初步了解JavaScript中的DOM是什么任务描述参考以下示例代码,补充其中的JavaScript功能,完成一个JavaScript代码的编写本任务完成的功能为:用户可以在输入框中输入任何内容,点击“确认填写”按钮后,用户输入的内容会显示在“您输入的值是”文字的右边 <!DOCTYPE html> <html> <head>…

任务一：零基础HTML编码

面向人群: 零基础或初学者难度: 简单重要说明百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计.我们尽力保证课程内容的质量以及学习难度的合理性,但即使如此,真正决定课程效果的,还是你的每一次思考和实践. 课程多数题目的解决方案都不是唯一的,这和我们在实际工作中的情况也是一致的.因此,我们的要求不仅仅是实现设计稿的效果,更是要多去思考不同的解决方案,评估不同方案的优劣,然后使用在该场景下最优雅的方式去实现.那些最终没有被我们采纳的方案,同样也可以帮助我们学到很多知…

任务一：零基础HTML编码练习

任务目的了解HTML的定义.概念.发展简史掌握常用HTML标签的含义.用法能够基于设计稿来合理规划HTML文档结构理解语义化,合理地使用HTML标签来构建页面任务描述:完成一个HTML页面代码编写(不写CSS,不需要关注样式,只关注文档结构),详情看下图(可右键复制图片到本地自行练习): 任务注意事项只需要完成HTML代码编写,不需要写CSS 示例图仅为参考,不需要完全实现一致,其中的图片.文案均可自行设定尽可能多地尝试更多的HTML标签任务完成及总结: 问题1:标题元素无法正确…

任务十七：零基础JavaScript编码（五）

任务目的在上一任务基础上继续JavaScript的体验接触更加复杂的表单对象实现页面上的一个完整交互功能用DOM实现一个柱状图图表任务描述参考以下示例代码,原始数据包含几个城市的空气质量指数数据用户可以选择查看不同的时间粒度,以选择要查看的空气质量指数是以天为粒度还是以周或月为粒度天:显示每天的空气质量指数周:以自然周(周一到周日)为粒度,统计一周7天的平均数为这一周的空气质量数值,如果数据中缺少一个自然周的几天,则按剩余天进行计算月:以自然月为粒度,统一一个月所有天的平均数…

任务十六：零基础JavaScript编码（四）

任务目的在上一任务基础上继续JavaScript的体验深入学习JavaScript的事件机制及DOM操作学习事件代理机制学习简单的表单验证功能学习外部加载JavaScript文件任务描述参考以下示例代码,用户输入城市名称和空气质量指数后,点击“确认添加”按钮后,就会将用户的输入在进行验证后,添加到下面的表格中,新增一行进行显示用户输入的城市名必须为中英文字符,空气质量指数必须为整数用户输入的城市名字和空气质量指数需要进行前后去空格及空字符处理(trim) 用户输入不合规格时,需…

任务十五：零基础JavaScript编码（三）

任务目的在上一任务基础上继续JavaScript的体验接触一下JavaScript中的高级选择器学习JavaScript中的数组对象遍历.读写.排序等操作学习简单的字符串处理操作任务描述参考以下示例代码,读取页面上已有的source列表,从中提取出城市以及对应的空气质量将数据按照某种顺序排序后,在resort列表中按照顺序显示出来 <!DOCTYPE> <html> <head> <meta charset="utf-8">…

任务十四：零基础JavaScript编码（二）

任务目的在上一任务基础上继续JavaScript的体验学习JavaScript中的if判断语法,for循环语法学习JavaScript中的数组对象学习如何读取.处理数据,并动态创建.修改DOM中的内容任务描述参考以下示例代码,页面加载后,将提供的空气质量数据数组,按照某种逻辑(比如空气质量大于60)进行过滤筛选,最后将符合条件的数据按照一定的格式要求显示在网页上 <!DOCTYPE html> <html> <head> <meta charset=&…

零基础HTML编码学习笔记

任务目的了解HTML的定义.概念.发展简史掌握常用HTML标签的含义.用法能够基于设计稿来合理规划HTML文档结构理解语义化,合理地使用HTML标签来构建页面任务描述:完成一个HTML页面代码编写(不写CSS,不需要关注样式,只关注文档结构) 任务注意事项只需要完成HTML代码编写,不需要写CSS 示例图仅为参考,不需要完全实现一致,其中的图片.文案均可自行设定尽可能多地尝试更多的HTML标签总结一.涉及HTML标签 1.<header>标签(Header Element):…