HTMLの基礎(1) 一般的なタグ、よく使うタグと表

パート 1 HTML

-- 開始タグ

Web ページ上の情報を管理します

<ボディ>

ページに表示されるコンテンツ

--終了タグ

コメント

ボディ属性:

bgcolor ページの背景色

テキストのテキストの色 (すべてのテキストの色を指定)

トップマージン トップマージン

leftmargin 左マージン

rightmargin 右マージン

bottomargin下マージン

背景 背景壁紙

注: 背景色と背景壁紙のどちらかを選択してください

1.1、一般タグ

1.1.1、フォーマット制御タグ

フォント color="##FF0000";

️

フォントを太字にします (強調のため、トーンを強めます)。

注:

デフォルトで前後にある場合は前後に改行を入れて全体になるようにしてから中央に表示してください。

または
(ショートカット キー: Shift + Enter) に相当します。 ️デザインページで ctrl+shift+space を押すこともできます

1.1.2、コンテンツコンテナタグ

……

タイトル (自動的に折り返されます)。 HTML の見出し (Heading) は、

～

などのタグによって定義されます。

注:

...

は、増加または減少する既存のデフォルト サイズに応じて、重要性が低くなります。前後に他がある場合は、前後で改行し、空行を残して全体になるようにしてください

段落タグ (段落間の空白行)

注：

前后若有其他，执行前后换行，并空开一行，保证自身是一个整体

   

レイヤーラベル (デフォルトでは 1 行)

レイヤーラベル (デフォルトでは必要なだけのスペースが使用されます)

-- 順序付きリスト、シリアル番号は 1、2、3...、シリアル番号の形式は引用符で変更できます
1. コンテンツ
2. コンテンツ

注: デフォルトでは、シリアル番号と改行が付いています。前後に他の文字がある場合は、前後に改行を実行し、完全に

になるように空白行を残します。

上記の「ol」を「ul」に変更すると、独自の改行機能を持たない順序なしリストになります。

1.2、よく使用されるタグ

ハイパーリンクタグ

ハイパーリンク テキスト --href (ハイパーリンク リファレンス) _blank は新しいウィンドウで開きます。

最初のステップ: アンカーポイントのラベルを作成します。

ステップ 2: アンカーリンクを作成します。

画像タグ

-- 高さと幅を 1 つずつ設定すると、表示される画像が比例して拡大縮小されます。 alt は画像を読み込めないときにテキストを表示し、検索エンジンの検索にも役立ちます。

は単独で表示する必要があります。

1.3、フォーム

<テーブル> width: 幅。ピクセルまたはパーセンテージで表現できます。一般的に使用されるのは 960 ピクセルです。

境界線: 境界線。一般的に使用される値は 0 です。

Cellpadding: コンテンツとセルの境界線の間の余白。一般的に使用される値は 0 です。

セル間隔: セル間の間隔。一般的に使用される値は 0 です。

Align：alignment。

bgcolor: 背景色。

背景: 背景画像。

OK

; 整列する valign: コンテンツ行の垂直方向の配置

高さ: 行の高さ

bgcolor: 背景色

背景: 背景画像

セル

ヘッダー、セルの内容は自動的に中央揃えで太字になります 整列する

valign: セルの内容の垂直方向の配置

width: セルの幅

高さ: セルの高さ

bgcolor: 背景色

背景:背景画像

コンテンツはセルに配置する必要があり、セルは行に配置する必要があり、行はテーブルに配置する必要があります。セルの行の高さと列の高さを設定すると、対応する行または列にも影響します

セルの結合: (可能な限りテーブルのネストを使用することをお勧めします)

Colspan = "n" - 同じ行のセルを取得します (対応する列を減算するコードを後で記述するコード) ;

上記の基礎知識を踏まえて、プログラムコードと実行結果を以下に示します

プログラムコード:

リーリー

コードを表示

実行結果: