多くの言語が発明されていますが、HTML言語特別な、最も要求の多い数に属しています。プログラミングにおける他の多くの重要なイニシアチブは、それに関連しています。ハイパーテキストマークアップ言語(HTML) - 開発者の心にマークアップ言語の知識が存在する場合、多くのものが利用可能になります。

サンプルHTMLページ

本質的には、HTMLでは複雑で何もないプログラミングやインターネット関係者から最も遠い誰かが、ノートブックにHTMLページを作成します。注目すべき例はシンプルさであり、誰もが本当にアクセス可能です。

一般的な説明

HTMLファイルはサイトの1ページですが、これは議論することができますが、1つのファイルが1ページであるという事実は、最初に理解できるものです。

HTMLファイルは、DOCTYPEヘッダーで始まり、このファイルのタイプがHTMLであることを示します。ページのすべての要素(タグ)は山括弧で囲まれています。各ペア(「<」と「>」)には、1つのHTMLタグが含まれています。通常、HTMLタグはペアになっています。つまり、各「タグ」には「/ tag」があります。どちらも山括弧で囲まれています。単一のタグがあり、最も人気のある「br /」は次の行への遷移です。

ファイルの中で最も大きなタグは、HTML自体です。HEADとBODYという2つのタグだけを含んでいます。最初は、別の記述が行われ、他のページへのリンクが指定され、PHPスクリプトとJavaScriptスクリプトが存在する可能性があります。 2番目には、ページの内容が記録されます。タグやスクリプトの形でも。

シンプルなHTMLページ

このようなページを作成する例は、以下の記事に記載されています。注意深く検討してください。

著者の例は絵ではありません

HEADセクション

HEADタグの主な目的は、ページと一般的なスクリプトの一般的な説明ですが、後者は相対的な概念です。通常、ここで重要なのは2つだけです。

  • キーワードとページの説明。
  • 他のファイル(* .cssと* .js)へのリンク。

ページの内容を表示するために、このセクションの内容は他のファイルのどこかに他の言語のタグやスクリプト用のCSSルールがあることを示すため、間接的な意味しか持ちません。

HTMLページにはタイトル(タイトル)が付いています訪問者がページが開いているタブにマウスを持ってきたときに表示されます。これは重要なポイントです。なぜなら、ページを見やすく、わかりやすく、読みやすいテキストで署名しているからです。

htmlウェブページの例

METAタグは一般にインターネットプログラミングでは重要ですが、ノートブックにHTMLページを作成する場合は、この例は冗長な構造で混乱することは望ましくありません。

リンクLINKとSCRIPT注意。最初のものはCSSスタイルシートが存在する場所を示し、2番目はJavaScriptコードファイルの場所を示します。そのような参照が多数ある可能性があります。

スクリプトにアクセスする必要がある場合は、知識HTMLが強化され、カスケードスタイルシートはすぐに注意を払うべきです。 CSSファイルには、特に、HTMLタグをデザインするためのルールがあります。

セクションBODY

実際、HTMLページの例はこれですセクションBODY。ここには、すべての情報、サイトページのすべてのコンテンツが含まれています。すべての情報は、JavaScriptコードやPHPプログラムの挿入など、タグとスクリプトの形式で表示されます。

HTML Webページの例は次のとおりであることを理解することが重要です。ブラウザと同じ例では、テキストエディタ、特にメモ帳では、これは同じことではありません。最初のケースでは、すべてのスクリプトが実行される完成したHTMLテキストがあります。たとえば、PHPはその役割を果たしており、適切な場所にコードの代わりに必要なタグを生成しています。 JavaScriptはまだその使命を果たしていましたが、まだ別の会話があります。

シンプルなHTMLのサンプルページ

HTMLはスクリプトではなくタグです。最終的に、ブラウザにはページの内容のみが表示され、タグのみが表示されます。 PHPコードはありません。

JavaScriptは特別な立場にあり、読み込み(過負荷)時だけでなく、ページが訪問者のブラウザにあり、ユーザーがそれを勉強しているときにもページを提供することが懸念されます。

HTMLページコード(BODYセクションのみ)の簡単な例を以下に示します。

著者の例は絵ではありません

そして、訪問者のブラウザでは、次のようになります。

著者の例は絵ではありません

コードはどのように見えるかを指定しなかったブラウザが表示する要素。すべての目に見えるデザインはCSSルールにあります。この場合、参照されたMcss / scPhpWordRW.cssファイル(HTMLページの最初の例を参照)にあります。

HTMLとは異なり、CSSのテーマはよりシンプルですHTMLページの作成例がメモ帳以外のものを必要としない場合、非常に手頃なルールとその数は少ない。インスタントマスタリングのためにすべてが非常にアクセス可能です:

著者の例は絵ではありません

これは、単にタグがどのように記述されるかを示していますscLogo_vDocであり、通常の状態ではタグに画像vDoc-logo.pngが表示され、マウスが上に来るとvDoc-logo-h.pngが表示されます。

HTML記述構造

言語は構造と意味を意味するものではありません。構文の概念は非常に相対的です。変数はありませんが、多くの可能性があります。ハイパーテキストの基本的な基礎は、必然的に名前を持つ要素(タグ)があることです。

名前は、ペアタグの場合、固有の名前(tagName)と角かっこ( "<" + tagName + ">")(タグの先頭の場合)と "</" + tagName + ">"その終わり。

属性を記述するHTMLページの例は、テキストの下にあります。

著者の例は絵ではありません

タグは属性を持つことができます。タグ名の後のスペースを介して閉じ角括弧 ">"に移動します。タグがある場合、属性はタグの先頭にのみ書き込まれます。タグの内容は、タグの先頭と最後の間にあるものです。

HTML記述の一般的な内容

HTMLではブロックと小文字を記述できます要素。最初はブラウザウィンドウ内の特定の領域を占め、HTMLページの表示領域内の適切な場所に絶対的に配置することができ、特定のサイズを持つことができます。

htmlページを作成する例

広告申込情報は一般的に表示されます1つのスレッド、つまり、ページファイルに示されているように表示されます。総フローの表示は、ページが読み込まれるときに影響を受ける可能性があります。ブロック要素の配置、可視性などのプロパティは、JavaScriptコードを使用していつでも影響を受ける可能性があります。

単純な要素に加えて、HTMLはテーブルとフォームの説明を提供します。これらの要素は、「毎日の敷地内」で非常に需要が高まっています。

テーブルの説明:tags TABLE、TR、TD

TABLEタグを使用すると、テーブルを作成したり、ある数の行TRを示し、各行にいくつかのTDセルの数を示す。通常の表形式の組織とは異なり、HTMLマークアップの特質により、スプレッドシートの構成はこの宣言に限定されているため、開発者がすべての行の列数が同じ長方形の表を作成したい場合は、

サンプルHTML HTMLページ

HTMLの基本的な位置: 表示されているすべてのことをやってください。しかし、理解されていないことはありません。場合によっては、テーブルの各行の列の数はそれほど重要ではありませんが、セルを垂直または水平に結合する必要がある場合は、すべてを非常に注意深く数える必要があります。

簡単なテーブルを記述するHTMLページの例が、この記事ではっきりと示されています。

著者の例は絵ではありません

ここでは3つの行/ 3のサイズの表があります最初の行にはTDタグの代わりにTHタグが使用されました。これは列ヘッダーです。これらの2つのタグには特別な違いはありませんが、最初の行を区別するために最初の行を使用でき、CSSではTHを他のTDと区別する独自のスタイルを付けることができます。

フォームの説明:FORM、INPUTタグ

フォームはHTMLタグの最も要求される部分です。フォームを使用すると、情報を転送できます。実際には、ページ自体は情報の出力ですが、フォームはその入力です。

単純なフォーム記述を持つHTMLページの例:

著者の例は絵ではありません

フォームの使用ははるかに大きいですが、主な可能性は次のとおりです。入力フィールドを指定し、ユーザー入力を分析するためにデザインとハンドラを割り当てます。非表示のフィールドを指定して、ページから背景情報を送信することができます。情報を転送するためのボタンを指定し、クリックすると情報の転送が開始されます。

HTMLの使用

ハイパーテキストの言語が不可欠な条件であることを知るインターネットプログラミングの分野の専門分野で働いていますが、PHPやJavaScriptでプログラムを書く必要がある場合は、HTML + CSSを完全に知る必要があります。

前の例ではPHP言語を示しています。 このフォームのページは、サーバーからブラウザに入力されたフィールドが埋め込まれているため、PHPがサーバー上で実行されます。特に、INPUTタグ(onblurイベントハンドラ)で説明した関数TestOnBlurは、すべてのパラメータをテキストフィールドの形式で受け取りました。

サンプルのノートブックにhtmlページを作成する

ブラウザはJavaScriptを実行し、onclick = jQuery( "#to")。val( "cart")、jQueryの概念だけでなく、#to、valとは何かを知る必要があります、カート。より正確には、メインのHTMLタグとCSSスタイルを適用するための一般的なルールを知る必要があります。

これは、インターネットプログラミングの分野における専門分野の資格をすばやく引き上げるのに十分です。

</ p>