/ / HTMLページの例と作成の基本原則

サンプルHTMLページと作成の基本原則

多くの言語が発明されましたが、HTML最も特別で最も求められているものに属しています。プログラミングにおける他の多くの重要な始まりがそれに関連しています。開発者がマークアップ言語(ハイパーテキストマークアップ言語(HTML))の知識を持っていると、多くのことが利用可能になります。

HTMLページの例

基本的に、HTMLで複雑なことは何もありません。数分で、プログラミングやインターネットから最も遠い人なら誰でも、メモ帳にHTMLページを作成できます。注目に値する例、シンプルさ、確かに、誰もが利用できます。

一般的な説明

HTMLファイルはサイト上の1ページですが、それについては議論の余地がありますが、1つのファイルが1ページであるという事実は、そもそも理解できます。

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

ファイル内の最大のタグは、HTML自体です。これには、HEADとBODYの2つのタグのみが含まれます。最初に、さまざまな説明が行われ、ページに必要な他のファイルへのリンクが示され、PHPおよびJavaScriptスクリプトが存在する場合があります。 2つ目は、ページのコンテンツを記録します。タグやスクリプトの形でも。

シンプルなHTMLページ

このようなページを作成する例は、以下の記事に記載されています。よく考えてみましょう。

著者の例は写真ではありません

HEADセクション

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

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

ページコンテンツを表示する場合、このセクションのコンテンツは、他のファイルのどこかに他の言語のタグとスクリプトのCSSルールがあることを示しているため、間接的な意味しかありません。

HTMLページにはタイトル(TITLE)があります。訪問者がページが開いているタブの上にマウスを移動すると表示されます。これは重要なポイントです。読みやすいテキストで署名されたページがはるかに見やすく、言いやすくなるからです。

Webページのhtmlの例

METAタグは一般にインターネットプログラミングで重要ですが、メモ帳でHTMLページを作成する必要がある場合、不要な構造で例を乱雑にすることは望ましくありません。

LINKリンクとSCRIPTリンクは特別なものにする必要があります注意。最初のものはCSSスタイルシートの場所を指し、2番目のものはJavaScriptコードファイルの場所を指します。そのようなリンクはたくさんあります。

スクリプトにアプローチする必要がある場合、知識がある場合HTMLが固まっている場合は、カスケードスタイルシートにすぐに対処する必要があります。 CSSファイルは、特にHTMLタグをフォーマットするためのルールを提供します。

BODYセクション

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

のサンプルHTMLWebページを理解することが重要です。ブラウザとテキストエディタ、特にメモ帳の同じ例では、同じことにはほど遠いです。最初のケースでは、すべてのスクリプトが実行される既製の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はテーブルとフォームを記述することを提供します。これらの要素は、「日常のサイト構築」で大きな需要があります。

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

TABLEタグを使用して、テーブルを作成できます。特定の数のTR行を示し、各行に特定の数のTDセルを示します。通常の表形式の編成とは異なり、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、cartとは何ですか。具体的には、基本的なHTMLタグと、CSSスタイルを適用するための一般的なルールを知っておく必要があります。

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

気に入った点 -
0
人気の投稿
精神的な開発
食べ物
うん