HTMLとCSSの書き方について話し合います。

HTML 言語と CSS 言語は、最新の Web サイト構築の基礎であり、この 2 つは密接に関連しており、連携して動作します。この記事では、HTML と CSS の書き方と、それらを使用して美しく使いやすい Web サイトを構築する方法について説明します。

HTML の書き方

HTML は Hypertext Markup Language の略称で、Web ページの構造と内容を記述します。 HTML ではマークアップを使用して、テキスト、画像、リンクなどの要素を記述します。次に、HTML の基本タグをいくつか示します。 コード内の

nbsp;html>


    <title>我的网站</title>


    <header>
    <!-- 头部内容 -->
    </header>
    <nav>
    <!-- 导航栏内容 -->
    </nav>
    <main>
    <!-- 主体内容 -->
    </main>
    <footer>
    <!-- 底部内容 -->
    </footer>

はドキュメント タイプ宣言であり、これが HTML5 ドキュメントであることをブラウザに伝えます。 <code> タグはドキュメントのルート要素を定義し、 タグと タグは head 要素を定義するために使用されます。および文書の本文の部分。

タグには、Web ページのタイトルを表示するために使用される <title></title> タグなど、いくつかの要素を追加できます。 。 タグには、テキスト、画像、表などのページのコンテンツを含めることができます。これに基づいて、他のマークアップを追加してページを完成させることができます。

CSSの書き方

CSSとはCascading Style Sheetsの略称で、Webページの階層構造やスタイルを定義します。 CSS は HTML 要素にスタイルを適用します。基本的な CSS 構文は次のとおりです。

body {
    background-color: #333;
    color: #fff;
}

この例では、スタイルを 要素に適用しています。 background-color 属性は要素の背景色を設定し、color 属性は要素のテキストの色を設定します。 CSS スタイルには、フォント、幅、高さなど、さらに多くのプロパティを含めることができます。

CSS は、さまざまな方法で HTML 要素に適用できます。一般的なメソッドをいくつか示します。

• 内部スタイル シート: HTML ドキュメントの セクションで定義されます。
• 外部スタイル シート: <link> タグを使用して、.CSS ファイルを HTML ドキュメントにリンクします。
• インライン スタイル: HTML 要素内でスタイルを直接定義します。

外部スタイル シートの例を次に示します。

/* styles.css */
body {
    background-color: #333;
    color: #fff;
}

h1 {
    font-family: Arial, sans-serif;
    font-size: 32px;
    text-align: center;
}

<link>## を使用して、.css ファイルを HTML にリンクします。 # タグ ドキュメント内:

nbsp;html>


    <title>我的网站</title>
    <link>


    <header>
        <h1 id="欢迎来到我的网站">欢迎来到我的网站！</h1>
    </header>
    <main>
        <p>这里是主体内容。</p>
    </main>
    <footer>
        <p>版权所有 © 2021</p>
    </footer>

この例では、

<link> タグは、styles.css ファイルを指します。このファイルには、< ;body> および

要素のスタイル。 HTML と CSS を使用して Web サイトを構築する方法

HTML と CSS の基本的な構文を理解したところで、これらを使用して美しく使いやすい Web サイトを構築するためのヒントをいくつか紹介します。ウェブサイト:

全体的なデザイン

Web サイトを構築する前に、ページの全体的なデザインを検討してください。テーマまたはスタイルを選択し、ページの色、フォント、レイアウトがそれに一致していることを確認します。

レイアウト

Web サイトのレイアウト構造を決定します。

、

、

、および

要素を使用してさまざまな要素を定義しますサイトの一部を削除し、CSS を使用してスタイルを設定します。

ナビゲーション バー

Web サイトのメイン リンクをナビゲーション バーに含めると、訪問者が必要なものをすぐに見つけられるようになります。ナビゲーション バーは、HTML と CSS を使用して簡単に作成できます。

画像とビデオ

画像とビデオを使用して、Web サイトのコンテンツをより適切に表現します。画像を埋め込むには

要素を使用し、ビデオを埋め込むには

フォーム

フォームは訪問者情報を収集するために使用されます。 HTML の

要素を使用してフォームを作成します。フォーム要素には入力ボックス、チェック ボックス、ラジオ ボタンなどが含まれ、CSS を使用してスタイルを設定できます。 つまり、HTML と CSS は最新の Web サイトを構築するための基盤です。その構文とその構文を使用して Web サイトを構築する方法を理解することで、Web サイトの品質とユーザー エクスペリエンスを効果的に向上させることができます。

以上がHTMLとCSSの書き方について話し合います。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。