記事タイトル
記事の内容...
# HTML 基本解説ガイド ## HTMLとは HTML(HyperText Markup Language)は、Webページを作成するためのマークアップ言語です。「マークアップ」とは、文書に構造や意味を付与することを指します。HTMLを使用することで、テキストに見出し、段落、リンク、画像などの要素を追加し、Webブラウザで表示できる形式にできます。 ## HTMLの基本構造 すべてのHTMLドキュメントは、以下の基本構造を持ちます: ```html
ここに本文を書きます。
``` ### 基本構造の解説 | 要素 | 説明 | |------|------| | `` | HTML5であることを宣言 | | `` | HTML文書全体を囲む最上位要素 | | `` | ページの設定情報を記述(ブラウザには表示されない) | | `` | ページの内容を記述(ブラウザに表示される部分) | ## タグとは HTMLでは「タグ」を使って要素を定義します。多くのタグは開始タグと終了タグのペアで構成されます。 ```html <タグ名>内容タグ名> ``` 例: ```htmlこれは段落です
``` ## 主要なHTMLタグ ### 見出しタグ 見出しは`これは段落です。段落は文章をまとまりごとに分けるために使用します。
これは別の段落です。
太字で強調 斜体で強調
```
## 属性について
HTMLタグには「属性」を追加できます。属性はタグに追加情報を提供します。
```html
<タグ名 属性名="属性値">内容タグ名>
```
### よく使用される属性
| 属性 | 説明 | 例 |
|------|------|-----|
| `id` | 要素に一意の識別子を付与 | `` |
| `src` | 画像のファイルパス | `
` |
| `href` | リンク先のURL | `` |
| `alt` | 画像の代替テキスト | `` |
## テーブル(表)
```html
| 名前 | 年齢 | 職業 |
|---|---|---|
| 菅原道太郎 | 37 | エンジニア |
| 鹿山優月 | 24 | デザイナー |
| ` | ヘッダーセル | | ` | ` | データセル |
## フォーム
ユーザーからの入力を受け取るためのフォーム要素:
```html
```
### 主要なinput type
| type | 説明 | 例 |
|------|------|-----|
| `text` | 一行のテキスト入力 | `` |
| `email` | メールアドレス入力 | `` |
| `password` | パスワード入力 | `` |
| `number` | 数値入力 | `` |
| `submit` | 送信ボタン | `` |
## セマンティックHTML
HTML5では、文書の構造をより明確にするためのセマンティック要素が追加されました:
```html
サイトタイトル記事タイトル記事の内容... |
|---|