HTMLは何に書きますか？

HTMLが最も使われているのが、Webサイトの制作やデザインです。HTMLでWebサイトのテキスト部分を作成し、CSSやJavaScriptでWebサイトをデザインします。

Webサイト制作におけるHTMLの役割

HTML（HyperText Markup Language）は、Webページの基本構造を定義する言語です。HTMLを使用すると、文章や画像、リンク、リストなどを含むWebページのコンテンツを構築できます。

Webサイトのテキスト部分の作成

HTMLを使って、Webページのテキストや段落を構成します。以下は、基本的なHTMLのテキスト構造の例です。


<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>サンプルページ</title>
</head>
<body>
    <h1>見出し1</h1>
    <p>これは段落です。</p>
    <a href="https://example.com">リンクテキスト</a>
</body>
</html>

HTMLとCSSの組み合わせ

CSS（Cascading Style Sheets）は、HTMLで作成したWebページの視覚的なデザインを担当します。CSSを使用すると、フォントのサイズや色、ページのレイアウトをコントロールできます。


<style>
    body {
        font-family: 'Arial', sans-serif;
        background-color: #f0f0f0;
    }
    h1 {
        color: #333;
    }
    p {
        font-size: 14px;
        color: #666;
    }
</style>

HTMLとJavaScriptの組み合わせ

JavaScriptは、Webページに対話性や動的な要素を追加するためのスクリプト言語です。HTMLと組み合わせることで、ユーザーの操作に反応するWebアプリケーションを作成できます。


<script>
    function showMessage() {
        alert('こんにちは、世界！');
    }
</script>
<button onclick="showMessage()">クリックしてメッセージを表示</button>

まとめ

HTMLは、Webサイト制作の基礎であり、他の技術と組み合わせることで、視覚的かつ機能的なWebページを作成することが可能です。CSSはデザインを担当し、JavaScriptはインタラクティブな要素を追加します。

その他の参考記事:html 練習問題