SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

マンガで分かるプログラミング用語辞典

「HTML」
~マンガでプログラミング用語解説

マンガで分かるプログラミング用語辞典(98)

  • X ポスト
  • このエントリーをはてなブックマークに追加

解説

 HTMLは、HyperText Markup Language(ハイパーテキスト マークアップ ランゲージ)の略です。ハイパーテキストを実現した、マークアップ言語といった意味です。

 ハイパーテキストは、複数の文書を関連付けて利用する仕組みです。リンクなどで、複数の文書を関連付けることで、ハイパーテキストは実現されます。

 マークアップ ランゲージは、マークアップ言語とも言われます。HTMLでは、Webブラウザに表示されないタグ(のような書式)を利用して、文書の構造や見栄えを指定します。

サンプル

 HTMLのサンプルです。2つのファイルを示します。2つのファイルはリンクで結ばれており、相互に行き来することができます。

 なお、ファイルを保存する際は、文字コードにUTF-8を指定してください。

file1.html
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <title>File1</title>
  </head>
  <body>
    <h1>File1</h1>
    <p>本文です。</p>
    <p><a href="file2.html">file2へのリンクです</a></p>
  </body>
</html>
file2.html
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <title>File2</title>
  </head>
  <body>
    <h1>File2</h1>
    <p>本文です。</p>
    <p><a href="file1.html">file1へのリンクです</a></p>
  </body>
</html>
フィードバックお待ちしております!

 ご感想、解説して欲しい用語、解説内容のアドバイスなどございましたら、FacebookTwitterなどでお気軽に編集部までお寄せください。よろしくお願いいたします。

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
マンガで分かるプログラミング用語辞典連載記事一覧

もっと読む

この記事の著者

柳井 政和(ヤナイ マサカズ)

クロノス・クラウン合同会社 代表社員http://crocro.com/オンラインソフトを多数公開。プログラムを書いたり、ゲームを作ったり、記事を執筆したり、マンガを描いたり、小説を書いたりしています。「めもりーくりーなー」でオンラインソフト大賞に入賞。最近は、小説家デビューして小説も書いています(『裏切りのプログラム』他)。面白いことなら何でもOKのさすらいの企画屋です。 

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/9363 2016/06/07 14:00

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング