EduCoder-Web程序设计基础-html5— CSS3选择器-基础选择器-第4关:文字Google结构设计

任务描述

本关任务:设置文字Google的主体结构。

编程要求

请在右侧编辑器的Begin - End区域内编辑字母,具体要求是:
1.第一个字母为G,使用strong标签作用,类名为blue
2.第二个字母为o,使用strong标签作用,类名为red
3.第三个字母为o,使用strong标签作用,id名为orange
4.第四个字母为g,使用strong标签作用,类名为blue
5.第五个字母为l,使用strong标签作用,id名为green
6.第六个字母为e,使用strong标签作用,类名为red

测试说明

补充代码后,请点击测评,平台会对你编写的代码进行测试,如果正确则完成闯关任务。

越努力越幸运,祝你成功!

代码示例

<!doctype html>
<html><head>
<meta charset="utf-8">
<title>文字Logo</title>
</head>
<body>
<!--------- Begin-------->
 <strong class="blue">G</strong>
<strong class="red">o</strong>
<strong id="orange">o</strong>
<strong class="blue">g</strong>
<strong id="green">l</strong>
<strong class="red">e</strong>
 
 
 
 <!--------- End-------->
</body>
</html>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
第1章 Web应用程序基础 Java Web程序设计 Java-Web程序设计(PPT)全文共389页,当前为第1页。 课程概述 终点 起点 1 2 3 4 5 6 7 1.Web应用程序基础 2.JSP基础 3.JSP内置对象 5. Servlet技术 4.JavaBean和标准动作 6. Servlet技术进阶 8. 会话跟踪技术进阶 7. 会话跟踪技术 8 9 9.EL表达式 10 10.JSTL标签库 Java-Web程序设计(PPT)全文共389页,当前为第2页。 本章内容 Web 应用程序简介 HTTP 协议 Tomcat 简介 使用Eclipse开发Java Web 应用程序 静态的登录页面制作 使用网络抓包的方式查看网络状态 修改Tomcat服务器端口 编写404页面程序并运行此程序 Java-Web程序设计(PPT)全文共389页,当前为第3页。 1.1 Web 应用程序 Web 应用程序概述 Web 应用的工作原理 使用Eclipse创建一个静态登录页面 20 25 Java-Web程序设计(PPT)全文共389页,当前为第4页。 1.1.1 Web 应用程序概述 随着Internet和网络应用程序的发展,其开发体系结构主要分为两种: 基于客户端 / 服务器端的 C/S 体系结构。 基于浏览器 / 服务器的 B/S 体系结构。 Java-Web程序设计(PPT)全文共389页,当前为第5页。 1.1.1 B/S结构优势 B/S 体系结构相对于 C/S 体系结构而言具有更多的优势,目前大量的应用程序开始转移到应用 B/S 体系结构,其主要优势在于以下几点: 安装维护升级方便,仅部署服务器 对客户机配置要求不高,满足服务器配置即可 访问范围更广 在我们常用的软件中,哪些是 B/S 体系结构?哪些是 C/S 体系结构? Java-Web程序设计(PPT)全文共389页,当前为第6页。 1.1.2 Web 应用程序的工作原理 Web 应用程序大致可以分为两种,即静态网站和动态网站。 静态网站采用Html语言编写,放置于 Web 服务器上,用户通过浏览器直接请求解析显示。 缺点:内容固定不变,改变显示必须修改html代码 Java-Web程序设计(PPT)全文共389页,当前为第7页。 1.1.2 Web 应用程序的工作原理 随着网络技术的发展,基于 Internet 的 Web 应用程序也变得越来越复杂,更多的内容需根据用户的请求动态生成页面信息,即动态网站。 动态网站指在Html静态页面中嵌入Java、C#、Php等脚本代码,将编写后的页面放入Web服务器,由服务器编译转换为最终Html返回给客户端。 Java-Web程序设计(PPT)全文共389页,当前为第8页。 1.1.3 学生实践练习 使用 Eclipse 创建一个静态的登录页面。 20 Java-Web程序设计(PPT)全文共389页,当前为第9页。 1.1.3 学生实践练习 (1)在 Eclipse 中,点击"File",显示菜单,选择"New" "Other"。 (2)点击"Other"菜单项,显示"New(新建)"对话框,展开"Web"节点,选择"Static Web Project"创建css目录并在css目录中添加style.css文件。 (3)点击"Static Web Project"节点,弹出"New Static Web Project"界面,创建静态 Web 项目 LoginProject。 (4)点击"Finish"按钮后,新建"LoginProject"项目成功,在该项目的"WebContent"目录中,新建HTML"login.html"页面,添加html代码。 (5)新建 login.css 文件,定义整个登录页面的背景。 Java-Web程序设计(PPT)全文共389页,当前为第10页。 1.2 HTTP协议 URL 简介 HTTP 协议概述 HTTP 处理流程 HTTP 请求方式 使用网络抓包查看网络状态 20 25 Java-Web程序设计(PPT)全文共389页,当前为第11页。 1.2.1 URL简介 URL 是 UniformResource Locator 的缩写,表示统一资源定位器,它是专为标识网络上的资源位置而设定的一种编码地址方式,即俗称:网址。 URL组成:应用层协议、主机 IP 地址或域名、协议端口号、资源路径 / 文件名。 应用层协议 :// 主机 IP 地址或域名、协议端口号 / 资源所在路径 / 文件名 http://www.oracle.com:80/hk/index.htm 浏览网页时输入的域名最终会转换为IP地址 由于 80 端口是 HTTP 协议默认的端口号,所以在访问网络地址时可以省略该
### 回答1: HTML5CSS3和JavaScript是现代Web开发中最重要的技术。HTML5是一种标记语言,用于创建Web页面的结构和内容。CSS3是一种样式表语言,用于控制Web页面的外观和布局。JavaScript是一种脚本语言,用于添加交互性和动态效果。这三种技术的结合使得Web开发更加灵活、响应式和富有创意性。 ### 回答2: HTML5CSS3 和 JavaScript 是现代 Web 开发所必需的三种技术。它们分别负责网页的结构、样式和交互效果。 HTML5 是 HyperText Markup Language 的第五个版本,用于描述网页的结构和内容。它提供了许多新的标签,如 section、article、header、footer、nav 等,使文档的结构更清晰,更语义化。HTML5 还引入了许多新的 API,例如 canvas、video、audio、localStorage 等,增强了 Web 应用程序的功能。 CSS3 是 Cascading Style Sheets 的第三个版本,用于定义网页的样式和布局。它新增了许多属性和选择器,如 border-radius、box-shadow、transform、@media 等,使样式的实现更加高效、灵活。CSS3 还支持动画和过渡效果,可以让网页更加生动和富有动感。 JavaScript 是一种脚本语言,用于实现网页的交互效果和动态功能。它可以通过 DOM(Document Object Model)和 BOM(Browser Object Model)来操作文档和浏览器。JavaScript 还可以通过 Ajax 技术实现异步请求和局部更新,以提高网页的响应速度和用户体验。 综上所述,HTML5CSS3 和 JavaScript 三者紧密结合,相互配合,能够实现丰富、动态、交互的 Web 应用程序。对于 Web 开发者来说,学习和掌握这三种技术是必须的,能够使开发效率和质量都有所提升。同时,Web 技术的不断发展也需要我们不断学习和跟进最新的技术,以保持技术的竞争力和应用的先进性。 ### 回答3: HTML5CSS3和JavaScript是当今Web开发所需的核心基础技术。HTML5WEB浏览器使用的主要标记语言之一,它的开发旨在优化互联网应用程序的交互性和功能性,进而增强用户体验。CSS3则扮演着设计和展现网页的角色,它提供了更加强大,更加美观的网页布局和样式设计能力。JavaScript是编写在客户端的脚本语言,它可用于在网页上创建丰富的交互效果,包括动态页面、表单校验、数据验证、动画等。 HTML5WEB编程领域变革性的键因素,它提供了许多新功能和标签,如地理位置、复合组件、多媒体元素、canvas等等。HTML5将同时支持不同等级的设备,如手机,平板电脑和桌面计算机,一次编写的完整代码将有更广泛的应用,大幅缩短开发周期,提高开发效率和准确性。 CSS3则具有更强大的样式和布局设计能力,可以创建更漂亮更具视觉效果,更简单的Web页面,例如,可以通过CSS3的阴影包装,转换,渐变和动画来实现交互元素的设计。CSS3实现了响应式设计,自适应屏幕尺寸,依靠媒体查询、弹性盒组布局(Equal Columns Trick)、媒体查询和流式布局等方式实现。 JavaScript可以添加交互元素,包括动态页面、表单验证和数据验证,实现可视化效果等。它可以控制对象的行为和状态、创建动态内容和动画、数据的异步加载和更新等。JavaScript的应用非常广泛,也有很多优秀的技术和框架如JQuery,React和AngularJS等等来支持Web开发。JavaScript还实现了Web服务器与客户端之间的通讯,实现了AJAX,WebSockets等技术。 总之,HTML5CSS3和JavaScript是当前Web开发所不可或缺的三大技术,他们都有各自的长处和优点。随着他们不断的发展和更新,Web前端技术也将不断演化。这样一来,Web开发成为一个不断创新,不断进步的领域,并将继续成为推动互联网发展水平提高的重要一环。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值