Basic terminology
To learn more HTML, we should learn how to talk about HTML. Already you have seen we useInstraction<>
s a lot.
- Things inside
<>
s are calledtags.
- Tags nearly always come in pairs: an opening tag and a closing tag.
- Example of opening tag:
<html>
You can think of tags as being like parentheses: whenever you open one, you should close it. Tags alsonest, so you should close them in the right order: the most recently opened tag should be the first one closed, like in the example below.
- Example of closing tag:
</html>
<first tag><second tag>Some text!</second tag></first tag>
The last exercise taught us how to set up our HTML file. Everything we do now will go between<html>
and</html>
.
Practice makes perfect! One more time:
Hint
Put in the <!DOCTYPE HTML>
tag.Put in the <html>
opening and closing tags.Between the <html>
tags, write whatever you like.Press Save & Submit Code to see what you've written appear on the page!
Feel free to peek back at earlier exercises if you forget exactly what a tag looks like.
------------------------------------------------------------------
Basic terminology
もっとHTMLを学ぶために、もう少しHTMLの話をします。
すでに<>を使うということはわかりましたね。
- 両端の<>はタグと呼ばれます。
- タグはほとんどペアで使います。開始タグと終了タグです。
- 例えば開始タグは<html>
- 例えば終了タグは</html>
タグは丸括弧のように扱うことができます。タグを開始するときは、必ず終了させます。
また、タグはネスト(入れ子)することができます。右で必ず閉じてください。下記の例のように直近のタグを先に閉じます。
<first tag><second tag>Some text!</second tag></first tag>
最後の実習はHTMLファイルのセットアップの仕方です。全て<html></html>の間に書きます。
練習は完璧です。次のミッションは・・・
課題
- <!DOCTYPE>タグを書きます。
- <html>タグの開始と終了を書きます。
- <html>タグの間に好きな言葉を書きます。
- Save&Submit Codeを押して、書いたものをページに表示しましょう。
ヒント
タグの事を忘れてしまったら、前の問題をチラ見してみてね!
sample
<!DOCTYPE html>
<html>
わっしょいわっしょい!
</html>
sample
<!DOCTYPE html>
<html>
わっしょいわっしょい!
</html>
Follow Me