16-14 Strong words ! Strong words ! We can change the appearance

1
16-14 Strong words!
2
3
4 ■ Strong words!
5
6 We can change the appearance of words. What if we want to make them
bold?
7
8 Surprise! We don't have to use the style attribute. Here are the steps:
9
10 01.　Identify the word or words you want to bold.
11 02.　Surround those words with opening tag and closing tag
.
12 03.　Celebrate how awesome you are at HTML!
13
14
15 □ Instructions
16 01.　Bold the word 'sing' on line 7.
17 02.　Bold the word 'too' on line 8.
18
19
20 □ Hint
21 Here's how to bold the word "Leng" using tags.
22
Hello, my name is Leng!
23 By putting the closing tag before the exclamation mark, we
make sure that only the word "Leng" is bold.
24
25
26
27 ○単語・熟語・文型
28 bold
29
(形容詞)はっきりした、ボールド体の
30
31 identify
32
(他動詞)〜を特定する
33
34 Celebrate how awesome you are at HTML!
35
:　+(Celebrate)+ @(how awesome you are at HTML)@!
36
/ how awesome you are ...　は、感嘆文.
37
38 viva
39
<イタリア語>(間当詞)〜万歳！
40
41 la
42
<フランス語>(定冠詞, ⼥性名詞, ≒the)ザ
43
44 exclamation mark
45
[名詞句]感嘆符、エクスクラメーション・マーク
46
47
48
49 ○説明&補足
50 ■ Strong words!
51
太いテキスト！
52
53 もう、テキストの
54
大きさ・カラー・デザイン
55 については、コントロールOKです。
56
57 さて、
58
文字を太くしたい
59
/ ボールド体にしたい
60 時はどうするのでしょうか？
61
62 なんと、
63
style属性を"使わないで"、
64 超簡単にそれは出来るのです！
65 やり方:
66
1. まず、あなたが太字にしたい部分を決めましょう。
67
2. その部分を、開始タグと、終了タグで囲みます。
68
3. 出来あがり、、ク〜ル！
69
70
71 □ Instructions:　あなたへのミッション
72 ============================================
73 <!DOCTYPE html>
74 <html>
75
<head>
76
77

78
<title>Viva La Revolution!</title>
79
80
</head>
81
<body>
82
83

85
Do you hear the people sing?
86
No I don't. I'm too busy eating cake.
87
88
</body>
89 </html>
90 ============================================
91 01.　85⾏⽬（7⾏⽬）「sing」を、太字にする。
92 02.　86⾏⽬（8⾏⽬）「too」も、太字にしてください。
93
94
95 □ Hint
96 ここに、
97
タグ
98 を使って、
99
「Leng」を、太字にする例
100 を示しておきます。
101
Hello, my name is Leng!
102
103 "Leng"だけを太字にして、その後の、
104
「!」は、そのまま
105 なので、注意しましょう！
106 つまり、
107
! の前に、
108

109 を、置きます。
110
111
112
16-14 Strong words!

Download Report