【Code with Google】Grasshopper - Intro to Webpages #3 - HTML ELEMENTS USING JS

2020年3月11日水曜日

Intro to Webpages

t f B! P L

Smaller Words

見出しタグ <h2> と段落タグ<p>を 使用します

Highlights

IDを使用して、1つの段落タグ <p>を他のタグとは異なる外観にします

Which Display?

id 'quote'を持つ<p>タグを他の<p>タグと異なるものにするCSSはどれかを求めます

How to ID?

どのCSSセレクターがidステータスの'status'の要素を選択するかを求めます

Another Paragraph

JavaScriptを使用して新しいHTML要素を作成します

Which Way?

コードのどの行が新しい見出し要素 <h2> を作成するかを求めます

Good Dog

JavaScriptを使用してHTMLに新しい要素を追加します

Appending Kittens

appendChildメソッドを使用して、Webページにタイトル、写真、説明を追加します

Which Child?

変数に格納されている段落要素を本文に追加するコードはどれかを求めます

How to Order?

pの前にh2を付けて本体に要素を追加するコードはどれかを求めます

Cats and Dogs

JavaScriptを使用してボタンを作成し、それをWebページに追加します

Loopy

for ... ofループを使用して、Webページ上の各画像の下にボタンを作成します

このブログを検索

自己紹介

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

QooQ