HTML Essay_html/css_WEB-ITnose

1. HTML タグ

タグは HTML の最も基本的な単位であり、最も重要なコンポーネントです

通常、2 つの山かっこで囲まれます。これらはすべて閉じられます。 (2 つの形式: ペアありとペアなし)

タグは大文字と小文字を区別しません。 と は、XHTML 標準に準拠するために小文字を使用することを推奨しています。

以下は簡単なHTMLの制作例です:

2. HTMLの主な構造

DTDヘッダー、ボディ>の3つの部分が含まれます。

3.HTMLドキュメントヘッダー要素

4.HTMLドキュメントテーマタグ

4 .1 フォーマットタグ

以下はフォーマットの例ですタグ:

html;charset=utf-8">

 t;
 L & lt;/li & gt; & lt; li & gt; 
 & lt;/ul & gt;  ;
 

実行中の効果は次のとおりです:

 
 
 

5. アンカーポイントとハイパーリンクを作成します

 
a タグ -- HTML リンクを表します
a は最初のアンカー (アンカー) 文字であり、a タグはペアで表示されます、つまり < ;a>...。 
よく使用される属性: 
 href -- URL リンク ソース (つまり、リンク先) を表します。 
 Web ページに加えて、URL は他のファイル (テキスト ファイル、PDF ファイルなど) である場合もあります。 
url は HTML ファイル内の場所を指すこともできます。 
url にはメールアドレスも使用できます。 
target -- このリンクによってどのウィンドウまたはフレームが開かれるかを示すために使用されます。 
target=_blank: リンクのコンテンツを新しい閲覧ウィンドウで開きます。 
target=_parent: リンクされたコンテンツをファイルの前の画面として扱います。 
target=_self: リンクされたコンテンツを現在のウィンドウに表示します。 
target=_top: このパラメータを使用すると、新しいコンテンツが古いフレームやウィンドウに囲まれる問題を解決でき、画面全体がリンクされた画面コンテンツとして再表示されます。 
タイトル -- リンクの追加プロンプト情報を表します
 

リンク構文: 



 

ハイパーリンクの例: 
  
 表示されたテキスト リンクをクリックして Baidu ページに移動します
 
 
 6. テーブルでよく使用されるタグ
 



 

テーブル タグの共通属性: 


table タグの属性: 
width -- テーブルの幅を表します 
height -- テーブルの高さを表します 
border -- テーブルの境界線を表します (この属性は CSS を使用して実装する必要があります) 
cellspacing -- テーブル間の距離を表しますテーブルの境界線とテーブルのコンテンツの塗りつぶし、コンテンツのパディング間の距離でもあります (この属性は CSS を使用して実装する必要があります) 
cellpadding -- コンテンツのパディングの幅を表します (この属性は CSS を使用して実装する必要があります) 
th、td タグ属性: 
width と height ? 幅と高さを表します 
colspan -- 1 つの行が複数の列にまたがります 
rowspan -- 1 つの列が複数の行にまたがります 
align -- 水平方向の配置を表します (left (左揃え) | center (中央揃え) | right (右揃え) | justify) (この属性は CSS を使用して実装する必要があります) 
valign -- 垂直方向の配置を表します (top (上揃え) | Middle (中央揃え) | Bottom (下揃え) | Baseline (ベースライン揃え))この属性は CSS を使用して実装する必要があります) 
 

 総合的な例:  
 
  
7. HTML フレーム タグ 
 
本文の代わりにフレームページタグを使用して、フレームを何行と何列に分割するかを定義します。一般的に使用される属性は次のとおりです。 
cols -- フレームに含まれる列の数と列サイズを定義します (各値はカンマで区切られます)。値はピクセル px またはパーセンテージ % です。 
rows -- 行数と行サイズを定義します。 Frame contains (各値はカンマで区切られます)、値はピクセル px またはパーセンテージ % です border -- フレーム (単位ピクセル) で定義されたフレーム ページの境界線を定義します。CSS を使用して実装します。 frameborder -- フレームかどうかを定義しますページには境界線があります (この属性はフレーム タグ内に記述する必要があり、ここには表示しないでください) 
framespacing -- CSS を使用して実装されたフレーム ページ間の距離を定義します 
 タグ<br> をサポートしていないブラウザでもテキストを表示できます&lt <br><iframe> タグ<br> を ;body> と組み合わせて使用​​すると、ブラウザが iframe タグをサポートしていない場合でも、iframe タグ内のコンテンツを表示できます。 <br><br><br> <br>frame タグ -- フレームセット タグで各フレーム ページのコンテンツを定義します。 <br>frame タグは単独で表示されます。<frame /> <br>共通の属性: <br>frameborder -- コンテンツ ページの境界線を定義します。値は(1|0)、デフォルト値は 1 です <br>1 -- 各ページ間に境界線を表示します 
0 -- 境界線を表示しません 
name -- あるフレーム ページが別のフレーム ページにリンクする場合に使用されます (別のフレーム ページはリンク ページを定義するターゲット) 
noresize -- ビューアがドラッグしてフレーム ページのサイズを変更できるかどうかを定義します。値は (noresize) です。 
scrolling -- スクロール バーがあるかどうかを定義します。値は (はい | いいえ) |auto)、デフォルト値は auto です 
yes -- スクロールバーを表示します 
no -- スクロールバーを表示しません 
auto -- 必要に応じてスクロールバーを表示します 
src -- コンテンツページの URL を定義します 
border Set ?枠線の太さ 


 

フレームワークの例:


 
  
 ＆lt; frame src =" main.html "name =" main "noresize /＆gt;＆lt; noframes＆gt;  
 
上記は HTML で学ぶべき重要な内容です。覚えておいてください。