HTML 編集の基礎 (初心者必読)

DREAMWEAVER を開き、新しい HTML を作成します。 。

ボディの特性:

bgcolor ページの背景色

背景の壁紙、写真

テキストの色

topmargin 上余白

leftmargin 左余白

右余白 右余白

bottommargin 下余白

フォーマット制御タグ:

<font color="" face="" size=""></font>

フォントの色、フォント、サイズを個別に制御します。

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

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

傾き

傾き

<u></u> 下線

<center></center> 中央

<br> または <br/> は復帰改行と同等です

スペースを示します。Ctrl+Shift+スペース

コンテンツ コンテナ タグ:

<h1></h1> タイトルは自動的に折り返されます。 HTMLタイトルは

. . . <h1> から <h6> などのタグで定義されます。

<h6></h6>

<p></p> 段落タグ（段落間の空白行）

<div></div> レイヤータグ (デフォルトでは 1 行を占めます)

<span></span> レイヤータグ (デフォルトでは、可能な限り多くのスペースを使用します)

<ol type="1"> 順序付きリスト、シリアル番号は 1、2、3...、シリアル番号の形式は引用符で変更できます

<li>コンテンツ<li>

<li>コンテンツ<li>

</ol> 上記のolをulに変更すると、順序なしリストになります。

「../」は親ディレクトリを示します

「./」は現在のディレクトリを意味します

相対パス: 現在のページから検索を開始します。

絶対パス: ウェブサイトのルートから検索を開始します。 「/」は、Web サイトのルートを表します。

ハイパーリンク タグ:

<a href="ハイパーリンク アドレス" target="_blank">ハイパーリンク テキスト</a> --新しいウィンドウで開く

また、現在のページでディレクトリを見つけて、ディレクトリ上のハイパーリンクをクリックすると、現在のページ上の特定の場所に自動的にジャンプすることもできます。

画像タグ:

<img src="画像アドレス" alt="テキスト" width="" height="" title="説明テキスト" />

高さと幅のいずれかを設定すると、元の比率が維持されます。

画像を読み込めない場合は、alt でテキストが表示され、検索エンジンによる検索にも役立ちます。

タイトルには画像の説明を追加することができ、画像の上にマウスを置くと説明が表示されます。

シート:

<table></table>テーブル

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

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

cellpadding: コンテンツと境界線の間の距離。一般的に使用される値は 0 です。

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

algin: アライメント。

bgcolor: 背景色。

背景: 背景画像。

<tr></tr> 行

align: コンテンツの行の水平方向の配置。

valign: コンテンツの行の垂直方向の配置。

height: 行の高さ。

bgcolor: 背景色。

背景: 背景画像。

<td></td>セル

<th></th>ヘッダー、セルの内容は自動的に中央揃えされ、太字になります

align: セルの内容の配置。

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

width: セルの幅。

高さ: セルの高さ。

bgcolor: 背景色。

背景: 背景画像。

コンテンツはセル内に配置し、セルは行内に配置し、行は表内に配置する必要があります。

セルの行の高さまたは列の高さを設定すると、対応する行または列も同時に影響を受けます。

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

colspan="n" は同じ行のセルを結合します (後でコードを書くときに、対応する列を減算する必要があります)

rowspan="n" は同じ列のセルを結合します (2 行目から対応する列を減算します)

上記の記事「HTML編集の基本（初心者必読）」は、編集者が皆さんにシェアする内容の全てです。皆さんの参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。