HTML/CSS の概要 1

1. Web ページの背景色を定義します

色は 2 つの方法で表現できます: 1. 色の名前を直接指定します (青など)。 2. それぞれ 2 桁の 16 進データを表す #RRGGBB などの 16 進データ表現を使用します。

2.背景画像を設定します

<本文背景="画像アドレス">

3.文字色の設定

<本文="文字色">

4.リンクテキスト属性を設定する

alink は、マウスをクリックしたときのリンクの色を設定するために使用できます。vlink は、訪問したハイパーリンクの色を設定できます。

5.ページ余白を設定する

6.タイトルタグ

7. ページのキーワードを定義します

8. ページの説明を定義します

9. 編集ツールを定義する

10. 著者情報を定義する

11. Web ページのテキストと言語を定義する

12. Web ページのスケジュールされたジャンプを定義します

http-equivでrefreshを使用すると、ページ自体を自動的に更新するだけでなく、ページ間の自動ジャンプ処理も実現できます。

13.リンク

1. 基本的なハイパーリンクを作成します: リンク表示テキスト

属性: href--リンクアドレスを指定します。--リンクに名前を付けます。--リンクにプロンプ​​トテキストを追加します。--ターゲットパラメータの属性値を指定します。 self--現在のページ上 - 新しい空白のウィンドウでリンクを開きます。 -blank-- 新しい空白のウィンドウでリンクを開きます。 -top-トップレベルのフレームでリンクを開きます。ルート フレームでリンクを開きます。 -parent-- 現在のフレームの前のフレームでリンクを開きます。 レイヤ オープン リンク。

2.画像リンクを作成します

リンクされた画像

3. アンカーポイントを作成します

A & lt; a name = "アンカー ポイントの名前" & gt; & lt;/a & gt; アンカー ポイントは、指定された名前の特定の位置にアンカー ポイント リンクを作成することを指します。

～

14. フォーム

通常、フォームハンドラーアクションと転送メソッドメソッドは必須のパラメータです。

アクションは、処理のためにフォームデータが送信されるアドレスを指定するために使用されます。フォームのハンドラーは、フォームの送信先のアドレス、つまり、フォームで収集されたデータが渡されるプログラムのアドレスです。

送信方法の値は get と post の 2 つだけです。 Get -- フォーム データが action 属性で指定された URL に送信され、新しい URL がハンドラーに送信されます。 Post -- フォーム データはフォーム本文に含まれ、ハンドラーに送信されます。

15. 画像を挿入します

16. マルチメディアファイルを追加します

17. 他のタグを挿入します

スペース記号を挿入:

特殊記号を挿入: &...©

18.テキスト形式を設定します

フォントは、フォント、フォント サイズ、色、その他の属性を制御するために使用されます。... face を通じてさまざまなフォントを設定できます。 .. はフォント サイズを設定するために使用されます。 ... はテキストの色を設定するために使用されます。

太字、太字、斜体、斜体、斜体テキスト、下線付きコンテンツ、^{上付きコンテンツ}、_{下付きコンテンツ}

19. 段落の書式設定

段落テキスト

、、非行テキスト、
改行マーク

20.横線マーク

---

このタグを Web ページに入力すると、デフォルトのスタイル、

---

、

---

、

---

,

---

,

---

水平線を使用して影を削除します

21.css

1.css: カスケード スタイル シート。 CSS を使用すると、Web ページの書式設定コードが簡素化され、ダウンロードが高速化され、アップロードする必要があるコードの量が削減され、繰り返し作業の負荷が大幅に軽減されます。スタイル シートの主な目的は、Web ページ上に要素を正確に配置することです。次に、Web ページ上のコンテンツ構造と形式制御を分離し、Web ページをコンテンツのみで構成できるようにし、Web ページの形式は CSS スタイル シート ファイルを通じて制御します

2. CSS 構文構造は、セレクター、スタイル属性、値の 3 つの部分のみで構成されます。基本的な構文は次のとおりです。 样 シンボルを選択します。 スタイル属性: 値を取得します。 ...｝

3. 基本的な CSS セレクター

タグセレクター: p セレクターなどのセレクターとして html タグを直接使用します; カテゴリセレクター: タグセレクターが宣言されると、それに応じてページ内のすべてのタグが変更されます ID セレクターとクラスセレクターの使用方法は基本的に同じです。違いは、ID セレクターが HTML ページで 1 回しか使用できないことです。

4. CSSの使い方

外部スタイルシートへのリンク:

;

外部スタイルシートを埋め込む:

5. CSS プロパティを設定します

CSS プロパティは、タイプ、背景、ブロック、ボックス、境界線、リスト、位置、拡張子に分かれています。

CSS タイプ属性: Font-family、Font-size、Font-style、Line-height、Text-decoretion、Font-weight、Font-variant、Text-transform、Color

CSS 背景プロパティ: Background-color、Background-image、Background-repeat、Background-attachment (背景画像が元の位置に固定されるか、コンテンツと一緒にスクロールするかを決定します)、Background-position (X)、background-position ( Y ): 要素に対する背景画像の初期位置を指定します。

️単語間隔、単語間隔: 単語の間隔を設定します。文字間隔: 文字の間隔を増減します。文字。 vertical-align: 適用する要素の垂直方向の配置を指定します。 Text-align: 要素内のテキストの配置を設定します。 Text-indent: テキストの最初の行のインデントの程度を指定します。ホワイトスペース: 要素上のホワイトスペースを処理する方法を決定します。表示: 要素を表示するかどうか、およびその方法を指定します。

° CSS ボックス属性: width および height 属性は、要素の幅と高さを設定します。 Float: 他の要素が要素の周囲に浮く側を設定します。パディング: 要素のコンテンツと要素の境界線の間の間隔を指定します。マージン: ある要素と別の要素の境界線の間の間隔を指定します。

CSSボーダー属性：スタイル：ボーダーのスタイルの外観を設定します。幅: 要素の境界線の太さを設定します。色: 境界線の色を設定します。

CSS リストのプロパティ: List-style-type: 箇条書きまたは数字の外観を設定します。 List-style-image: 箇条書きにカスタム画像を指定できます。 [参照] ボタンをクリックして画像を選択するか、画像のパスを入力します。 List-style-position: リスト項目のテキストを折り返してインデントするかどうか、およびテキストを左マージンで折り返すかどうかを設定します。

性 CSS 配置属性: Position: 4 つのオプション値: Absolute は、要素の位置を配置したい位置に要素を正確に移動できます。固定 -- ウィンドウに対して相対的な位置を固定します。相対 -- 相対位置は、要素のデフォルト位置を基準とします。静的 - この属性値はすべての要素のデフォルトの配置です。静的を使用して継承をキャンセルできます。つまり、要素の配置のデフォルト値を復元できます。可視性: 可視性属性が指定されていない場合、ほとんどのブラウザはデフォルトで親から値を継承します。

css 拡張属性: Page-break-before: 属性のうち 2 つは、印刷ページの改ページを設定するために使用されます。 Page-break-after: オブジェクトの取得または設定後に表示される改ページ。カーソル: ポインターがスタイルによって制御されるオブジェクト上にあるときに、ポインターのイメージを変更します。フィルタ: スタイルによって制御されるオブジェクトに特殊効果を適用します。