HTMLとは？PDFの例とともに解説
HTMLとは
HTMLはHyper Text Markup Languageの略で、Webページを作成するために最も広く使われている言語です。HTMLは1991年後半にBerners-Leeによって作成されましたが、最初の標準HTML仕様である「HTML 2.0」が公開されたのは1995年のことでした。その後、1999年後半に公開されたHTML 4.01は、HTMLの主要なバージョンとなりました。
HTMLの基本構造
HTMLは、タグと呼ばれる要素を使って文書の構造や内容を記述します。タグは < と > で囲まれた文字列で、開始タグと終了タグのペアで要素を囲みます。
<h1>見出し</h1>
<p>これは段落です。</p>上記の例では、html、head、title、body、h1、p がタグです。それぞれのタグが、文書の異なる部分を定義しています。
HTMLの要素
HTMLには、様々な要素があります。以下は、よく使われる要素の例です。
| 要素 | 説明 | 例 |
| <h1>～<h6> | 見出し（レベル1～6） | <h1>見出し</h1> |
| <p> | 段落 | <p>これは段落です。</p> |
| <a> | リンク | <a href="https://www.google.com/">Google</a> |
| <img> | 画像 | <img src="image.jpg" alt="画像の説明"> |
| <ul> | 番号なしリスト | <ul><li>項目1</li></ul> |
| <ol> | 番号付きリスト | <ol><li>項目1</li></ol> |
| <table> | 表 | <table><tr><td>セル</td></tr></table> |
PDFの例
PDFは、HTMLと並んで広く使われているドキュメントフォーマットです。HTMLで記述したWebページをPDFに変換することも可能です。
PDFの例:
<p><a href="https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/sample.pdf">PDFのサンプルファイル</a></p>よくある質問
Q1: HTMLとCSSの違いは何ですか？
A1: HTMLは文書の構造を定義し、CSSは文書の見た目を定義します。HTMLで骨組みを作り、CSSで装飾を施すイメージです。
Q2: HTMLを学ぶにはどうすれば良いですか？
A2: インターネット上には、HTMLを学べる無料の教材やサイトがたくさんあります。入門書を読むのも良いでしょう。
Q3: HTMLでWebサイトを作るには、他にどんな知識が必要ですか？
A3: CSSの他に、JavaScriptなどのプログラミング言語を学ぶことで、より動的でインタラクティブなWebサイトを作成することができます。