html CSSの書き方

初心者にとって、HTML と CSS は Web ページを構築するために不可欠なツールです。 HTMLとCSSの基本的な書き方を紹介します。

HTML の基本的な書き方:

HTML は Web ページの基礎であり、タグによってページ上のコンテンツを定義します。基本的な HTML タグを記述するいくつかの方法を次に示します:

1. タイトル タグ:

c8b28895262a62371d18ac056c4442e2 タグを使用して、h1、h2 などのタイトルを定義します。 、h3 など。数値が小さいほど、フォント サイズは大きくなります。

<h1>这是一个一级标题</h1>
<h2>这是一个二级标题</h2>
<h3>这是一个三级标题</h3>

2. 段落タグ:

e388a4556c0f65e1904146cc1a846bee タグを使用して段落を定義します。

<p>这是一个段落文本内容</p>

3. リンク タグ:

3499910bf9dac5ae3c52d5ede7383485 タグを使用してリンクを定義します。

<a href="https://www.example.com">这是一个链接</a>

4. テーブル タグ:

f5d188ed2c074f8b944552db028f98a1 タグを使用してテーブルを定義します。テーブル内のデータは a34de1251f0d9fe1e645927f19a896e8 タグで定義され、各データ セルは b6c5a531a458a2e790c1fd6421739d1c タグで定義されます。

<table>
  <tr>
    <td>第一行，第一列</td>
    <td>第一行，第二列</td>
  </tr>
  <tr>
    <td>第二行，第一列</td>
    <td>第二行，第二列</td>
  </tr>
</table>

基本的な CSS の書き方:

CSS スタイルは、色、フォント スタイル、間隔などの変更など、Web ページを美しくするために使用できます。 CSS の基本的な記述方法は次のとおりです:

1. セレクター:

セレクターは、HTML タグを見つけてスタイルを適用するために使用されます。例:

• #idname: ID が「idname」である要素を選択します。
• .classname: クラスが属する要素を選択します。 is "classname" 要素
• tagname: タグ名 "tagname" の要素を選択
• *: すべての要素を選択

#title {
  color: blue;
  font-size: 25px;
}

.text {
  color: red;
  font-size: 18px;
}

body {
  background-color: gray;
}

2. 属性と属性値:

CSS スタイルの属性は、要素の特定のスタイルを設定するために使用されます。属性の値は、次のような特定の状況によって異なります:

color:red;
width:100px;
height:50px;
padding:10px;
margin:5px;

3. 注:

コメントはコードを説明および図解するために使用され、他の人がコードを理解するのに役立ちます。

/* 这是一个注释 */

要約:

HTML と CSS は、Web ページを構築する 2 つの重要な部分です。基本的な構文とルールを学ぶと、美しく標準化された Web ページを簡単に作成できるようになります。

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