【网易官方】极客战记（codecombat）攻略-网页开发1-著名的图片

关卡连接：https://codecombat.163.com/play/level/illustrious-imagery

免费试玩：https://codecombat.163.com/play

Web 不仅仅是文本。还有添加图像！名声赫赫。

简介

标签需要src属性。

要添加一个 attribute``，将其包含在 < 和 >之间。

默认代码

<!-- 可以将图像添加到网页-->

<!-- 您需要知道图像的URL。 -->

<!-- 点击“Image Gallery”查看CodeCombat图像。-->

<h1>我的朋友们</h1 ><!-- ∆ 将此行更改为任何内容-->

<img src="/file/db/thang.type/53ed1d9c2b65b0e32b9c96a9/portrait.png"> <!-- ∆ 改变这个src！-->

<h2>Ogreball</h2>

< !-- 再添加2张图片来填满页面！ -- >

概览

照片

标签用于将图像添加到页面。 它需要一个src` 属性来理解要显示的图像。

照片

attributes 是 HTML tags 本身包含的信息或数据片段。 例如， <img< 标签有一个名为 src 的强制属性，它是图像的 URL"source"。

要为 HTML tags 添加一个 attribute ，将其包含在 < 和 < 之间。 它必须有一个 = 和 "``围绕分配给该值的值，与创建一个变量没有多大区别！但是，您正在设置 tag`的值。

<img src="/file/db/thang.type/52cee45a76ebd5196b00003a/portrait.png"<

著名的图片 解法

<!-- 可以将图像添加到网页-->

<!-- 您需要知道图像的URL。-->

<!-- 点击“Image Gallery”查看CodeCombat图像。 -->

<h1>我的朋友们</h1>

<img src="https://www.codecombat.com/file/db/thang.type/575848b522179b2800efbfbf/portrait.png"> 

<!-- ∆ 改变这个src！-->

<!--再添加2张图片来填满页面！ -->

<h2>Griffin Soccer</h2>

<img

src="https://www.codecombat.com/file/db/thang.type/529ec584c423d4e83b000014/portrait.png">

<img

src="https://www.codecombat.com/file/db/thang.type/57588f09046caf2e0012ed41/portrait.png">

 

本攻略发于极客战记官方教学栏目，原文地址为：

https://codecombat.163.com/news/jikezhanji-zhumingdetupian

极客战记——学编程，用玩的！