html
CopyEdit
<form action="/submit" method="post">
    <label for="name">名前:label>
    <input type="text" id="name" name="name">
    <input type="submit" value="送信">
form>

• action: フォームデータが送信されるURL
• method: フォームデータの送信方法（通常はGETまたはPOST）

3. HTMLの属性

HTMLタグには、さまざまな属性を設定できます。属性は、タグ内で追加され、タグの動作や表示を変更します。

html
CopyEdit
<a href="https://www.example.com" target="_blank">新しいタブで開くリンクa>

この例では、target="_blank"属性を使用してリンクを新しいタブで開くように設定しています。

4. HTML5の新しい要素

HTML5では、いくつかの新しいタグが追加されました。これにより、ウェブページの構造をより意味的に明確にすることができます。

• 

  : ヘッダーセクションを定義
• 

• 

  : 独立したコンテンツセクションを定義
• 

  : コンテンツを区切るセクション
• 

• 


5. HTMLのフォームと入力タイプ

フォームはウェブアプリケーションで非常に重要な役割を果たします。タグを使ってさまざまな入力フィールドを作成できます。入力の種類はtype属性で指定します。

html
CopyEdit
<form action="/submit" method="post">
    <label for="email">メールアドレス:label>
    <input type="email" id="email" name="email" required>
    <input type="password" id="password" name="password" required>
    <input type="submit" value="送信">
form>

• type="email": メールアドレス入力フィールド
• type="password": パスワード入力フィールド
• required: 入力を必須にする

6. CSSとJavaScriptの統合

HTMLは主に構造を提供しますが、ウェブページの見た目や動きはCSS（スタイルシート）やJavaScript（スクリプト）によって制御されます。

CSSの統合

スタイルは