ウェブサイトをフォーマットする方法

効果的なWebサイトは、魅力的な書式設定を通じて読者にコンテンツを伝えなければなりません。 不適切な書式設定は、Webサイトを魅力的なものにしたり、判読不能にすることさえあります。 HTML(Hypertext Markup Language)を使用すると、Webサイトのフォーマットを自分の好みに合わせて制御できます。 さらに、Cascading Style Sheets(CSS)を使用すると、外部スタイルシートを使用してWebサイトをフォーマットすることができます。 あなたのサイト内の複数のページに同じスタイルを適用したい場合、このテクニックは役に立ちます。

HTMLフォーマット

1。

Webページのさまざまな要素を配置するためにテーブルを作成します。 使う

テーブル自体を開始するためのタグ。 使う テーブルの行を開始するタグ
行内にテーブルデータのセルを作成するためのタグ。 テーブルデータセルは通常、テーブルの列と考えることができます。 要素を適切に配置するために、個々の行とデータセルの高さ、幅、パディング、間隔パラメータを試してください。

2。

テキストを含む要素のタグ内にテキスト効果とフォントスタイルを追加します。 たとえば、段落要素内のテキストをフォーマットしたい場合は、次のようにします。

これは、Comic Sansフォントで段落の内容をレンダリングします。

3。

bgcolor属性を使用して、タグ内にWebサイト全体の背景を追加します。 例えば:

これにより、ページ全体の背景がバラ色になります。

CSSと外部スタイルシート

1。

メモ帳で新しいテキスト文書を開きます。

2。

新しい文書内の各要素をフォーマットします。 その要素のスタイルを導入するには、elementタグとそれに続く左大括弧を使用します。 例えば:

p {

フォントファミリー: "comic sans ms";

background-color ::#CC3366;

}

HTML文書の各段落にはComic Sansフォントが使用され、背景色はバラ色になります。

3。

複数の異なるタイプの要素にまたがって、または個々のケースで使用されるスタイルを導入したい場合は、IDまたはクラスを使用してください。 IDは一度だけ使用でき、 "#"記号で始まります。 クラスは複数回使用でき、「。」で示されます。 シンボル。 例えば:

.comicrose {

フォントファミリー: "comic sans ms";

background-color ::#CC3366;

}

このクラスを使用すると、Comic Sansとバラの背景を使用して要素にスタイルを設定できます。 たとえば、ページのHTMLコードでは、

説明に従って段落のスタイルを設定します。

4。

HTMLコードのセクションにある外部スタイルシートへのリンク 例えば:

これは、pagestyles.cssという外部スタイルシートにリンクしています。

必要なもの

  • テキストエディタ

人気の投稿