コンテンツにスキップ

HTML:最初の一歩を飛び越えよう

HTMLの基本書式

下のソースコードは日本語のHTML文書をユニコード(UTF-8)で保存するためのテンプレートです。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!-- この下の行…<body>〜</body>の間に
ブラウザに表示したいことを書いてみよう! -->
</body>
</html>

これを新しく作ったファイルにコピー&ペーストしても良いし、見よう見まねで1から自分で打ち込んでも良いし、最初にこのソースコードを書いておくと後の作業が楽になります。


emmetを活用してみよう

上のソースコードをコピー&ペーストするのもめんどうくさい、でも、毎回毎回1から打ち込むのはもっとめんどうくさい…。そんな人達に便利なものが用意されています。「emmet」という拡張プラグインです。

emmetは、VS Codeに標準で内蔵されています。たとえば、まだ何も書かれていない状態で半角英数の「!」を入力して[tab]を押してみてください。すると…!?

emmetのスクリーンショット

(実際にどうなるか試してみよう!!)