基本的なHTML Highlights_Generalタグ、一般的に使用されるタグとテーブル

著者：Eve Cole 更新時間：2025-04-20 09:32:01

パート1 HTML

<html> - スタートタグ

<head>

Webページの情報を制御します

<title>ページタイトル</title>

</head>

<body>

ページに表示されるもの

</body>

</html> -Endタグ

<！ - コメントコンテンツ - >コメント

体の特性：

bgcolorページの背景色

テキストテキストの色（すべてのテキスト色を調節）

Topmarginの前のページマージン

左マーギンの左ページマージン

Rightmargin右ページマージン

Bottommargin次のページのマージン

背景の壁紙

注：背景色と背景の壁紙のいずれかを選択してください

1.1。一般ラベル1.1.1。フォーマット制御ラベル

<font color = face = size => </font> controls font; color = ## ff0000;顔、フォント;サイズ、フォントサイズ。

<b> </b>フォント太字

<i> </i>ティルト

<u> </u>下線

<strong> </strong>フォントボールド（強調された、強化されたトーン）

<em> </em>フォントチルト（強調、トーンを強化するために使用）

<center> </center>センター

注：デフォルトで<center> </center>の前後に他のラインがある場合は、前後にラインブレークを実行して、全体であることを確認してから、中央に表示します。

<br>または<br />は入力と同等です（ショートカットキー：シフト +入力）

＆nbsp;スペースを示します。また、設計ページのCtrl+Shift+Spaceを押すこともできます。

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

<h1> </h1>…<h6> </h6>タイトル（自動的にラップします）。 HTMLタイトル（見出し）は、<h1> - <h6>などのタグで定義されます。

注：<h1> </h1>…<h6> </h6>既存のデフォルトサイズに応じて、シーケンスで重要性が低下し、増加または減少します。そして、前後に他のものがある場合は、前後にラインブレークを実行し、空のラインを開き、それが全体であることを確認してください

<p> </p>段落ラベル（段落間の空白行）

注：<p> </p>の前後に他の行がある場合は、前後に行のブレークを実行し、空の行を開き、それが全体であることを確認してください

<div> </div>レイヤータグ（デフォルト、1行）

<span> </span>レイヤータグ（デフォルトでは、どのくらいのスペースが占有されていますか）

<ol Type = 1> - シーケンシャルリスト、シリアル番号は1、2、3 ...、シリアル番号フォームを引用符で変更できます

<li>コンテンツ</li>

</ol>

注：デフォルトには、シリアル番号と新しい行があることです。前後に他の行がある場合は、前後に新しい行を実行し、1つの行を空にして開き、全体であることを確認します。

上記のOLがULに変更された場合、それは順序付けられていないリストになり、ラインブレークを追加する機能はありません。

1.2。一般的に使用されるタグ

ハイパーリンクタグ

<a href = hyperlinkアドレスターゲット= _blank> hyperlinkの秘密のテキスト</a> - href（hyperlinkリファレンス）; _blankは新しいウィンドウで開いています。

ステップ1：アンカータグを作成します。 <a name => </a>

ステップ2：アンカーリンクを作成します。 <a href =ターゲットリンクの名前の値> </a>

画像タグ

<img src = imageアドレスalt =テキスト幅= height = /> - 1つのハイヒール幅を設定すると、表示された画像が比例して拡張されます。 ALTは、画像をロードできない場合にテキストを表示し、検索エンジンの検索にも役立ちます。

<img />は個別に表示する必要があります。

1.3。テーブル

<表> </テーブル>表

幅：幅。ピクセルまたはパーセンテージで表現できます。一般的に960ピクセルが使用されます。

国境：国境。一般的に使用される値0。

CellPadding：コンテンツとセルの境界の間のマージン。一般的に使用される値0。

セルペース：セル間の間隔。一般的に使用される値0。

アライメント：アライメント。

bgcolor：背景色。

背景：背景画像。

整列：線の内容の水平アライメント

バリグイン：線の内容の垂直アライメント

身長：

bgcolor：背景色

背景：背景画像

<td> </td>セル

<th> </th>テーブルヘッダー、セルの含有量は自動的に中心にされ、厚くなっています

アライメント：セルの内容のアライメント

バライン：セルの内容の垂直アライメント

幅：セル幅

高さ：細胞の高さ

bgcolor：背景色

背景：背景画像

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

セルマージ：（テーブルネスティングを可能な限り使用することをお勧めします）

colspan =同じ行にn-mergeセル（後でコードを記述して、対応する列を差し引く）

rowspan = n-merge同じ列セル（2行目から対応する列を減算）

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

プログラムコード：

XML/HTMLコードコピーコンテンツにクリップボードに