【Code with Google】Grasshopper - Intro to Webpages #2 - PICTURES AND BUTTONS

2020年3月11日水曜日

Intro to Webpages

t f B! P L

Inserting Images

<img>タグを使用して画像を Webページに追加します

To Close or Not to Close?

<img>タグは</img>で閉じる必要がないかどうか求めます

How to Attribute?

<img>タグに適切な記述で属性が追加されているものを求めます

Tall and Wide

CSSを使用して画像の高さと幅を設定します

How Wide?

どのCSS がすべての画像要素の幅を250pxに設定するかを求めます

A Basic Button

<button> タグを使用してクリック可能なボタンをWebページに追加します

Which Button?

ボタンを作成する適切なコードはどれかを求めます

Cute as a Button

CSSを使用してボタンのスタイルを変更します

Which Style?

ボタンを青色の背景と丸い角にするCSSコードはどれかを求めます

Button Up

ボタンをクリックして、テキストが変更されるかどうかを確認します

An Image Change

ボタンをクリックして、画像が変更されるかどうかを確認します

このブログを検索

自己紹介

自分の写真
インターネットの仕事をしながら日本の教育のことを考えたりしています。 テクノロジーで教育がより良くなることを信じています。 私自身のGoogle for Educationトレーニング体験を通じて学生、並びに教職員の方のお役に立てれば幸いです。

QooQ