【Code with Google】Grasshopper - Intro to Webpages #1 - HTML AND CSS

2020年3月10日火曜日

Intro to Webpages

t f B! P L

Big Words

HTMLを使用してWebページの要素を編集します

Which Tag?

どのタグがWelcome!と表示できるかを求めます

Back and Font

CSSを使用してHTML要素のスタイルを変更します

Which is Orange?

body要素の背景色をオレンジ色に変えるコードはどれかを求めます

Which Colors Text?

どのCSSコードがh1要素のテキストの色を緑に設定するかを求めます

Custom Style

タグにIDを追加して、独自のCSSスタイルを設定できるようにします

Which Selector?

どのルールセットがidの要素を選択しているかを求めます

Exchanging Words

JavaScriptを使用してHTML 要素のテキストコンテンツを変更します

How to Get it?

'info'idへアクセスするJavaScriptはどれかを求めます

Which Text?

detailsに 'words words words'をセットするコードはどれかを求めます

Working Together

HTML、CSS、およびJavaScriptを使用してWebページを編集します

What's the Difference?

Webページの構築におけるHTML、CSS、およびJavaScript の役割は何かを求めます

このブログを検索

自己紹介

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

QooQ