HTML形式の時間は、メイン処理の単純な静的ページの一部学習を開始する:
1を、HTMLタイトル
HTMLタイトル(見出し)は、括弧<>や他のラベルに追加H1-H6によって定義されます。
2、HTMLの段落
によるHTMLの段落
タグ定義。
図3は、HTMLはリンク
HTMLリンクが「」タグで定義されています。
4は、HTML画像
HTMLの画像はラベルによって定義されます。
図5に示すように、HTML要素の
HTML要素が端に開始タグ(開始タグ)からのすべてのコード・ラベル(終了タグ)を参照してください。
図6に示すように、HTML構文要素は
、HTMLを開始するタグ要素の開始
、Bの終わりに終了するために、HTMLタグ要素
、開閉タグ間の要素のコンテンツのコンテンツCを
Dは、特定の要素が空のHTMLコンテンツ(空のコンテンツ)を有します
開始タグ内の電子、空要素オフ(終了タグと終了タグに開始)
、F、ほとんどのHTML要素には属性を持つことができます
次のようにHTMLの一般的な構造は次のとおりです。
<HTML> ---- <HTML>開始へ</ HTML>最後に、文書がHTMLの間であることを示し、
<ヘッド>ヘッド---- HTMLドキュメント、メインタイトル情報文書を置きます
<タイトル>未使用のCSSのHTMLファイル</ TITLE>
</ head>の
本体部分の<身体> ---- HTML
<H1>未使用のCSS、HTML </ H1>ファイル
<HR> ----ページ内の水平ラインに挿入
<P>未使用のCSSのHTMLファイル</ P>
</ BODY>
</ HTML>
3.マーク・文法
大文字同じ数字効果(1)が使用角括弧「<>」で囲まれたラベル付けされなければなりません。
(2)単一のタグ:<タグ名>、例えば<BR>ラップを表します。
(3)二重標識:<タグ>コンテンツ</タグ>
例えば:<EM>最初</ EM>の投影表す「最初の」表示されます。
(4):マークはマーカー自体を含んでいてもよい、すなわち入れ子にすることができ
<HTML>
<ヘッド>
<タイトル>のパスワードを入力します。</ TITLE>
</ head>の
<身体>
<フォーム>
<テーブル境界= "1"、幅= "321">
<TR>
<TD>パスワードを入力します。</ TD>
</ TR>
<TR>
<TD>密码の<input type = "パスワード" 名前= "テキスト1"> </ TD>
</ TR>
</ TABLE>
</フォーム>
</ BODY>
</ HTML>
4.属性構文
シングルとダブルのマーカーの始まりをマークする大部分の内部マーカーは、属性の数を含むことができます
<タグ1つの項目名項目2 ...>
そのような<IMG>現在のドキュメント内の画像の挿入位置を表す単一のタグとして
<IMG SRC = "1.JPG" 幅= "652px" 高さ= "1249px" ALT = "博客">
画像表示装置の前記SRC属性所定の経路、像高widthプロパティ幅、画像の高性、代わりに所定の画像alt属性のテキストで、src属性が必要とされる、他のプロパティはオプションです。
5. HTMLファイルには、命名します:
ファイル拡張子の.htmlまたは.htmのために(1)。
(2)のみのファイル名は、文字、数字、またはアンダースコアから構成されてもよいです。
(3)ファイル名は、以下のような特殊記号を含まないスペース、¥、など。
(4)ファイルの教師の大文字と小文字を区別し、UnixとWindowsホストの場合には異なるがあります。
(5)ホームは、デフォルトのファイル名のindex.htmまたはindex.htmlをです。
HTMLファイルに記述された6注:
(1)<>囲まれた角括弧内のすべてのタグに使用されます。
(2)書き込みのペアでマークを漏れません。
(3)フラグは、<TAG1> <TAG2>同じ情報</ TAG2> </ TAG1>のように、同じように、アプリケーションのタグ情報の複数のネストされてもよいです。
コード鈍感に(4)
(5)任意のスペースまたはキャリッジリターンコードは、&NBSP、<BR>専用スペースまたはキャリッジリターンマークを挿入し、有効でありません。
(6)スペースなしタグ。
二重引用符(「」)により、(7)タグ属性は、によって引き起こされる、またはつながらないかもしれ。
<HRカラー=赤>等价于<HR色= "赤">
7. <P> </ P>テキストの段落が挿入され表します。
8.描画テーブル:3ペアタグ<TABLE> </ TABLE>、<TR> </ TR>、<TD> </ TD>
<表幅= "650" ボーダー= "1"> ---- <TABLE>タグテーブルは、後続の属性テーブルの幅が続く、調製され、境界線の太さ
<TR> ---- <TR>挿入行、<TR>の対の行を表すを表します
<TD> ---- <TD> Aを表します
HTMLの基本チュートリアル<BR>
著者:王占金
<BR> ---- <BR>改行、単一のマーカー
価格49.00元の<BR>
</ TD>
<TD>
<IMG SRC = "1.JPG" 幅= "69px" 高さ= "92" ALT = "HTML">
</ TD>
</ TR>
<TR>
<TD>
検索エンジンマーケティング - ウェブサイトのトラフィックの素晴らしいスピード<BR>
著者:(米国)ハンター<BR>
価格:69.80元<BR>
</ TD>
</ TR>
</ TABLE>
9.ページタイトルを設定します。<タイトル>ページのタイトル</ TITLE>。
10.設定されたベースURL <ベース>
(1)<ベース> URLアドレスタグは、一般的には設計文書に使用されます。
(2)HTMLファイルには、<ベース>タグを有することができ、タグは、ヘッダファイル内に配置されなければなりません。
(3)<基地HREF = "ファイルパス" ターゲット= "ターゲットウィンドウ">
HREFは、ページファイルのリンクアドレスを設定するために使用され、ターゲットウィンドウの設定ページのターゲットが表示されます。
例えば:
<HTML>
<ヘッド>
<タイトル>セットベースURL </ TITLE>
<基本のhref = "のhttp://www.Broad View.com.cn">
</ head>の
<身体>
2007年1月16日には、電子工業プレス<a href="index">ボーエン視点</a>の会社がパーティーを開催しました。
</ BODY>
</ HTML>
前記メタ情報が定義されている<メタ>
(1)マークの主な機能は、ページ上の情報の一部の定義ですが、この情報は、Webページに表示されず、ソースファイルに表示されます。
(2)の<meta>情報ファイルを定義するためのタグは、ファイルの愛キーワード、著者情報、Webページの有効期限などの属性の数を通してあなたを愛して、HTMLファイルのファイルヘッダが複数を持つことができるの<meta>タグ。
(3)基本的な構文:
<META HTTP-当量= "" 名前= "" コンテンツ= "">
HTTP-equiv属性は、HTTPヘッダフィールドを設定するために使用されているが、コンテンツ属性の値を決定することによって決定され、name属性は、メタ情報を設定するために使用されるコンテンツのメタ情報、コンテンツが表示さを設定するための形態で現れます。
12.設定ページキーワード--keywords
(1)基本的な構文:<メタ名=「キーワード」コンテンツ=「値」>
(2)説明構文:キーワードを説明するために定義されたキーワード、ページ定義のキーワードを説明するための値、キーワードが複数であってもよいです。
(3)例:
<HTML>
<ヘッド>
<タイトル> SETキーワード</ TITLE>
<メタ名=「キーワード」コンテンツ=「コンピューター、英語、経済経営、会計、職場」> ----このコード行は、会計、職場 '、キーワードがコンピューター、英語、経済経営」としてHTMLファイルで定義されていることを示しています図書を検索するための検索エンジンを使用しているとき、あなたがウェブを検索することができます任意のキーワードを入力してください。
</ head>の
<身体>
......
</ BODY>
</ HTML>
13.設定ページの有効期限--expires
(1)基本语法します。<meta http-equiv = "が満了する" コンテンツ= "値">
(2)説明構文:ページの有効期限、コンテンツプロパティの特定の有効期限の値を設計するための有効期限が切れます。
(3)例:
<HTML>
<ヘッド>
<タイトル>設定ページの有効期限</ TITLE>
<META HTTP-当量=は、コンテンツ= "金、2017年6月1日00 00 00 GMT" を "期限が切れ">
</ head>の
<身体>
......
</ BODY>
</ HTML>
14.設定ページの背景
(1)基本的な構文:<BODY BGCOLOR = "">
(2)説明構文:ページの背景色を設定することができるBGCOLOR。
(3)例:
<HTML>
<ヘッド> ... </ head>の
<ボディスタイル=「背景色:青」> ----線はこれを示す:青、赤、白のページの背景色を設定することができるなど、#」、例えば16進数で表すことができます。の形で00FF00」、またはRGB(0,0,0)
......
</ BODY>
</ HTML>
15.設定ページの余白
(1)基本语法:<BODY TOPMARGIN =値LEFTMARGIN =値rightmargin =値bottommargin =値>
(2)説明構文:距離の上部に設けられTOPMARGIN
LEFTMARGINは左に距離を設定しました
rightmarginは右に距離を設定しました
ローエンドの距離にセットしbottommargin
(3)例:
<HTML>
<ヘッド> ...... </ head>の
<本体TOPMARGIN = 0 LEFTMARGIN = 20 rightmargin = 20 bottommargin = 180>
&NBSP;&NBSP; 2016インディアン5 9、雨
</ BODY>
</ HTML>
16.デザインのテキストの色
(1)基本的な構文:<本文テキスト= ""> ... </ボディ>
(2)説明構文:文書のテキストの色プロパティを使用する場合、他のような設定とすることができる:背景、フォント、など;
(3)例:
<HTML>
<ヘッド> ...... </ head>の
<本文テキスト= "白" BGCOLOR = "赤">
&NBSP;&NBSP; 2016インディアン5 9、雨
</ BODY>
</ HTML>
17.追加のコメント<! - >
アノテーション情報は、Webページに表示されていない、HTMLファイルを任意の場所に配置することができます
<! - このステートメントにコメントを追加してください - >
18. [追加スペース&NBSP;
体内での使用、ヌル文字の&NBSP代表
19.取り消し線<デル> </デル>
本体に追加<デル> </デル>、一対のタグを使用して
<身体>
<Del>を使用すると、取り消し線</デル>を追加する必要があるテキストを入力してください
</ BODY>
20.挿入特殊記号
記号は、コードの対応します
&&アンペア
TM&トレード
¥&円
など~~
21.設定テキスト注釈タグ<ルビー>
<ルビー>
(最も美しい人々の)テキストのイラスト
<RT>
テキスト注釈(ボランティア)
</ RT>
</ルビー>
22.シンプルなテキストの装飾(太字、斜体、下線)
<身体>
通常のテキスト表示<BR>
表示<B>太字</ b>の
<I>イタリック</ I>
<U>に下線付きテキスト</ U>
</ BODY>
23.上下の標準テキストを決定 - <SUP> / <サブ>
<身体>
<SUP>上付き概要</ SUP>
<サブ>添字概要</サブ>
</ BODY>
24.設定したアドレスのテキスト<アドレス>
連絡先のアドレス情報が強調表示され、より簡単に連絡先を強調するために、Webページのアドレスにテキストを追加します。
<身体>
<アドレス>このアドレス情報を追加してください</アドレス>
</ BODY>
25. A文字幅の設定の<tt> <SAMP> <コード> <KDD>
英語で表示テキストに使用され、多くの場合
<身体>
<tt>をタイプライタースタイルディスプレイ</ TT>
</ code>の内容を設定する幅<CODE>の文字
<SAMP>設定内容幅文字</ SAMP>
<KDD>キーボード</ KDD>
</ BODY>
パラグラフ26. <p> </ p>タグ----ビスタグ
<BR> ----単一のマーカー、必須ラップを入力し、<P> </ P>を使用しての間に配置することができます
整形済み<PRE> </ PRE>
キーボードのEnterキーを押し、入力処理では、テキストの一部をプリフォーマットページの</ PRE>タグ<PRE>を、段落を生成することができます使用します。
設定段落のインデント<バッククォート>
<バッククォート> </バッククォート>タグのペアで5つの文字をインデントすることができます
挿入配置され、水平<時間>
水平属性:ALIGN ---水平配向、三つの値がある:左、右及び中央
--- 500pxなどのような横幅の長さ
サイズ---水平厚さ
赤などの色---水平線の色、
noshade ---横シャドーです
タイトルタグ<HN>、数字1~6、6分割、より少ない数、大きなフォント、より重要nは
27.挿入一覧
リスト型マークシンボル
定義リスト<DL> </ DL>
順序なしリスト<UL> </ UL>
<DIR> </ dir>はディレクトリリスト
順序付きリスト<OL> </ OL>
(1)挿入定義リスト<DL> </ DL>
<DL>
<Dtと>連絡先<DD> *** ---- <DT>定義名部分のみ<DL>で
<Dtと>住所<DD>海淀区---- <DD>部分の説明のみ<DL>で
<Dtと> ZIP <DD> 100876
</ dlで>
出力は次のようになります。
接触
***
アドレス
海淀区、北京
郵便番号
100876
(2)<UL> </ UL>順不同リストに挿入されます
<UL>
<LI>連絡先:***ます。</ li>
<LI>住所:北京海淀区ます。</ li>
<LI> ZIP:100876ます。</ li>
</ UL>
出力は次のようになります。
・連絡先:***
・住所:海淀区、北京
*郵便番号:100876
注:順不同リスト<UL> type属性は、基準線を制御するために使用しました
タイプ=ディスクは上記のように固体ドットの基準線は、デフォルトエントリを示す設定しました。
白丸のように基準線を設定するタイプ=サークル;
TYPE =正方形、矩形実線基準点として設定されています。
順序付きリスト<OL> </ OL>へ(3)
<OL>
<LI>連絡先:***ます。</ li>
<LI>住所:北京海淀区ます。</ li>
<LI> ZIP:100876ます。</ li>
</ OL>
出力は次のようになります。
1.連絡先:***
2.住所:北京市海淀区、
3.郵便番号:100876、中国
プロパティの種類によってオーダーの順序付きリストをセットに起動しますが追加されました。タイプは、いくつかの最初から始まるリストを示す記号を開始し、ラベルの種類を表します
タイプ= 1は、参照番号(デフォルトエントリ)で表されます。
タイプ=大文字
タイプ=小文字
タイプ=私はローマ数字の大文字
タイプ=私はローマ数字の小文字
(4)ネストされた定義のリスト
<DL>
<Dtは>ウェブ三銃士
<DD> Dreamweaverの
<DD>フラッシュ
<DD>花火
<Dtと>プログラミング・トリオ
<DD> VB
<DD> VF
<DD> VC
</ dlで>
検索結果表示:
三銃士ページ
ドリームウィーバー
フラッシュ
花火
プログラミング三銃士
VB
VF
VC
(5)ネストされた注文と順不同リスト
<UL>
<LI>フルーツ
<OL>
<LI>アップルます。</ li>
<LI>バナナます。</ li>
</ OL>
</ LI>
<LI>野菜
<OL>
<LI>大根ます。</ li>
<LI>キャベツます。</ li>
</ OL>
</ LI>
</ UL>
検索結果表示:
・フルーツ
1.アップル
2.バナナ
・野菜
1.大根
2.キャベツ
28.ハイパーリンク
一般的には、Webサイトのファイルが同じディレクトリの下にあります
絶対パス、相対パス、ルートパス:これは、HTMLファイル内の3つのパスを提供します
HTNL文書では、ハイパーリンクは、内部リンクと外部リンクに分けることができます。いわゆる内部リンク:内部Webサイトのファイル間のリンクを指し、いわゆる外部リンク、サイトのコンテンツのファイルを外部にサイトリンク内のドキュメントを参照してください。
(1)絶対パス:のみファイルのフルパス、HTTP、FTPなどのファイル転送プロトコルなど、一般的に例えば、サイトへの外部リンクに使用します。http://ysu.edu.cn、ftp://202.206.251.100
(2)相対パス:現在のファイル、現在のファイルパスからオブジェクトポイントを含むファイルに対してのみ相対。同時に、サイト限りは、同じファイルディレクトリにクリップファイル内にある、たとえないよう、相対パス確立のリンクも適しています。相対パスを使用すると、2つのファイル間の関係を確立することである、との衝突は、サイトサーバーの場所をすることはできません。
相対位置を入力する方法
入力された文書と同じディレクトリにリンクします
ディレクトリを入力するためのリンクは、「../」、そして、ディレクトリ名を入力します。
ディレクトリ名のディレクトリを入力して次のリンクには、「/」を追加します
(3)ルートパス:内部リンクを確立するため、通常の状況下では、ルート・パスを使用していない、「/」初めに、ファイルパスが続きます。
29.ハイパーリンクの設置
リンクに挿入された(1):<a href="index.htm">コンテンツ</a>に連結しました
(2)外部リンク挿入:<a href="http://ysu.edu.cn">燕山大学</a>に
(3)画像マップは、配置しました:
基本的な構文:<IMG SRC = "URL" USEMAP = ""> </ IMG>
<マップ名= "">
<エリア形状= "" COORDS = " "HREF =" URL">
</マップ>
構文:<img>タグは、srcが挿入画像を示す画像、<マップ>タグマップを挿入する経路を示し、挿入画像ファイルを示し、<地域>タグは、画像マップ領域を示し、領域形状を示す図形属性マップ:領域を表す矩形矩形を、円は楕円領域を示し、ポリ多角形の領域を表し、COORDSは、感知領域をグラフ。
30.フォーム
(1)<TABLE> </ TABLE>は、テーブル挿入表します。
(2)<TR> </ TR>行を表すが挿入され、<TD> </ TD>挿入を表します。
(3)<キャプション> </キャプション> <テーブル>と<TR>の間に向かって挿入されたテーブルを表します。
(4)設定テーブルヘッダ<TH>:ヘッダ行、標識されたカラムであることが<TD>に<TH>に、
(5)に配置された構造分割表<THEAD>、<TBODY>、<TFOOT>
いわゆる構造フォームを分割、3つの分割テーブルを参照し、ウェブページに表示しました
<THEAD> </ THEAD>ヘッダ行の定義されたセットを表します
<TBODY> </ TBODY>定義本体部分を示す表
<TFOOT> <TFOOT>標準フォームを追加表します
(6)は、テーブルタグの属性を設定します
<表幅= "" ボーダー= "" フレーム= "" ルール= "">
フレームの幅はborder属性テーブルの内部に設けられたテーブルの枠線のスタイル規則を設定し、テーブルの境界線を設定する幅テーブルの枠線の太さを提供しました
ディスプレイベゼルの上に、境界は、ディスプレイベゼルの下に、上下の境界線の周りに表示された、レターボックス表示をhsides、LHSが左境界、右の表示枠のRHS、ボイドフレームを表示する表示されていない、ディスプレイの周りに境界線をvsides。
すべてすべての内部の境界線を表示
グループはランク間の境界の範囲を示し、
どれも内部境界線を表示しません。
colsの表示欄の枠線
行は、行の境界線を表示します
(7)テーブル行を設定する<TR ALIGN = "" VALIGN = "">
左(左寄せ)、右、中央:コンテンツの整列行が水平方向の配置を提供しました
上部(上部に位置合わせ)、中央、下、ベースライン(ベースライン):行の内容の垂直方向の配置を調整VALIGN
(8)に配置されたインターバンク:ROWSPAN
<表>
<TR>
<TD ROWSPAN = "2">&NBSP; </ TD>
<TD>&NBSP; </ TD>
<TD>&NBSP; </ TD>
</ TR>
<TR>
<TD>&NBSP; </ TD>
<TD>&NBSP; </ TD>
</ TR>
</ TABLE>
表に示す2行3列、最初の列が、の1つに2つのテーブルすなわちインターバンクとして結果。
(9)クロスカラム設定する:COLSPANを
<表>
<TR>
<TD COLSPAN = "2">&NBSP; </ TD>
<TD>&NBSP; </ TD>
</ TR>
<TR>
<TD>&NBSP; </ TD>
<TD>&NBSP; </ TD>
<TD>&NBSP; </ TD>
</ TR>
</ TABLE>
検索結果表示:
表3の2列が、1つのテーブルに第二列の表の最初の行。