HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLドキュメントの作成方法とは？基本構造をサンプルコード付きで解説

HTMLドキュメントは、Webページの構造を定義するものです。大きく分けて「head（ヘッド）」と「body（ボディ）」という2つの部分で構成されており、headにはドキュメントに関する情報（メタデータなど）が、bodyには実際にブラウザ上に表示されるコンテンツが含まれます。

head部分は<head>…</head>タグの中に記述し、body部分は<body>…</body>タグの中に記述します。また、HTMLドキュメントは必ず<!DOCTYPE html>という宣言から始まります。これはDTD（Document Type Definition：文書型定義）とも呼ばれ、Webブラウザに対してこの文書がどの種類・どのバージョンのHTMLであるかを伝える重要な役割を担っています。

HTMLドキュメントの作成方法とは？基本構造をサンプルコード付きで解説

サンプルコード

以下のコードを実行すると、HTMLドキュメントを作成できます。<p>タグは段落を定義するための要素です。

<!DOCTYPE html>
<html>
<head>
<title>HTML Document</title>
</head>

<body>
<p>ここにコンテンツが表示されます。</p>
</body>
</html>

実行結果

ここにコンテンツが表示されます。

  1. HTMLがわからなくても大丈夫！コード不要でWebサイトを作成する2つの方法

    HTMLやCSSの知識がまったくなくても、心配はいりません。実は、HTMLコードを一行も書かずにWebサイトを作成することは可能です。 ここでは、コードを一切書かずにWebサイトを構築できる主な方法を2つご紹介します。 方法1：ウェブサイトビルダーを利用する レンタルサーバーのホスティングプランを契約すると、多くのホスティング会社が無料のウェブサイトビルダー機能を提供しています。このツールを使えば、HTMLコードを一切書かずに、直感的な操作だけでWebサイトを簡単に作成できます。 方法2：CMS（コンテンツ管理システム）を利用する WordPress、Drupal、JoomlaなどのCMS（コ

  2. HTMLで参考文献（Bibliography）を作成する方法

    参考文献（Bibliography）とは、執筆時に参照した書籍や資料の一覧をまとめて記載するセクションのことです。HTMLを使えば、こうした参考文献リストを簡単に作成できます。具体的には、<ol>タグで書籍を番号付きリストとして列挙し、<cite>タグで作品のタイトルをマークアップします。 <cite>タグは、書籍のタイトルだけでなく、楽曲、絵画、映画など、さまざまな作品のタイトルを示す際にも使用できます。このタグは「引用」を意味しており、タグ内に記述した内容はすべて作品のタイトルとして扱われます。 サンプルコード それでは、実際にHTMLで参考文献リスト