はるですブログ
HARU's blog

素人がプログラミングを使って
こどもの成績を向上させるブログ
勉強アプリ

【試そう!】素人がHTMLを書いてみた(その1)

もくじ
  • HTMLとは?
  • 書いてみよう!
  • 実行してみよう!

クライアント上で動く、HTML

HTMLはマークアップ言語と呼ばれ、< >といったタグで囲んで、段落をつけたり、四角で囲ったり、番号をつけたりして、文章の体裁整えます。

ほぼすべてのWEBサイトはHTMLで成り立っています。

サーバー上にあるlコードが書かれたHTMLファイルをクライアントのブラウザからダウンロードして、体裁が整ったサイトが表示されます。

書いてみよう!

単純に Hello! を表示するHTMLコードを書いてみます。

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>はるですブログ</title>
</head> 
<body>
  <h1>Hello!</h1>
</body>
</html>

これをメモ帳などに書き、名前を hello.html  といった拡張子に変えます。

実行してみよう!

中身の説明はともかく、さきほど書いた、hello.htmlをダブルクリックして立ち上げてみましょう。

みなさんの環境によって変わりますが、標準のブラウザが立ち上がり、以下のような画面となれば成功です。

Hello!と表示される以外は、なんにも動いたり、変わったりしませんが、立派なプログラムです。

小さな一歩ですが、間違いなく前進はしていると思います。

それではまた次回へ!

ABOUT ME
はる
はる
45歳。3児の父。ごく普通のサラリーマン。 趣味は広く浅く。 プログラムもかじった程度。

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA