HTMLシンボルコード。 HTMLプログラムコード
HTML - Dandart iZıkR AstrokeepeeRのJPERTEXT。 (英語 SOKR ハイパーテキストマークアップ言語。).
HTML言語は20世紀に発明され、テキストを表示して（最初はテキストであった）、そしてその後開発を伴う コンピューターテクノロジー ビデオ、オーディオ、イメージなどが表示され始めました。 （21世紀には、この情報は「コンテンツ」と呼ばれていました）はインターネットを拡大する必要があることにつながっていました。 これにより、HTML言語が開発され始めました。
これまでに、HTMLを除いて他のプログラミング言語があります - これはPHP、CSS、MSQ、Javaスクリプトなどです。 彼らの数は成長するにつれて一貫して成長しています。
HTML言語はページマーキングのみを実行します。サイトに表示されるものと他の言語は「ペイント」ページを与え、美しさと意味のあるサイトを与える単一の整数にまとめられます。
21世紀には、この概念はすでにテキストがすでに背景に動いているマルチメディアのWeb-2.0世紀として使用されています。 しかし現時点では、テキストは、ビデオやオーディオの材料であろうと任意のアクションまたはサイト要素を記述するためのルールとして、サイトで依然\u200b\u200bとして使用されています。 そのため、テキストやサイトの他の要素を作成して美しく配置できないことができないHTML言語を勉強する必要があります。
HTMLには多くのバージョンがありますが、原則として、それらはオナニーに限定されません。 現時点では、HTML言語のメインバージョンはHTML 4.01 TheanchaからのHTML 4.01 Thisher-ThansionaのHTML 4.01 Thisher Thangea Languageです。
このコースでは、HTML 4.01の遷移はまだ開発中の5番目のバージョンと見なされています。
それでは、HTML言語の学習を始めましょう。 サイトを書くときによく発見されたタグだけの説明をお願いします。また、残りはまったく使用されていないか、または非常にめったに使用されません。
テーブルタグとHTML属性
タグと属性： |
タグと属性の説明： |
|
ペアタグ（「/」が「/」の開閉タグを持ち、閉じるタグに署名します）。 それは一般的なタグです html。 これは、既存のすべてのタグが適合する共通のコンテナです。 このタグと3つは次の3つが必須です html- ページ。 |
||
。サイトページのタイトルがこのタグに書き込まれます。 検索エンジンは主に名前を探しています。 |
||
ペアタグ。 より大きなペアのタグに書く 。このタグは位置しています。 テーブルを振る スタイルCSS。、サイトページ名、ページの説明、スクリプト、ページエンコーディング。 |
||
ペアタグ。 より大きなペアのタグに書く ペアタグの後 。 このタグでは他のすべてのタグがあります html これはページとボリュームの見方をします。 このタグは、サイトを作成するプロセス全体を行う。 |
||
ペアタグ。 より大きなペアのタグに書く 。 このタグは、サイト上の見出しを強調表示するために使用されます。 タグ内の数値が大きいほど、タイトル値が少なくなります。 したがって、タイトルが小さいほど、サイト最適化計画の検索エンジンに影響が少なくなります。 このタグはタグとして大きな役割を果たしています |
||
ペアタグ。 ペアタグ内に書かれています 。 このタグの主な目的、プラセットのためのテキストの分離。 |
||
ペアタグ。 より大きなペアのタグに書く 。 同じ地域への言及です html ページまたは他のサイトへの参照。 |
||
。 目的はタグと同じですが、それらの間のスペースを作る部分のコンテンツ全体を共有することができます。 小さな身体活動を運びます。 |
||
ペアタグ。 より大きなペアのタグに書く 。 タグはそれを示しています この場所 画像があります。 |
||
ペアタグ。 より大きなペアのタグに書く 。 テーブルをサイトに挿入します。 |
||
| , , | 。 テキスト領域を作るためのこれらのタグの主な目的 太い そして 契約する 人間の目を引き付けるために。 これらのタグを使用すると、テキストの主なアイデアを強調表示できます。 |
|
ペアタグ。 より大きなペアのタグに書く 。 タグは意味的な負荷を持ちませんが、このタグの助けを借りて、どの領域を割り当てることができます。 html CSSスタイルテーブルにあるページ設計計画に変更を加えることができます。 |
||
ペアタグ。 より大きなペアのタグに書く 。 目的はTagと同じです |
||
| , , |
ペアのタグ より大きなペアタグで書かれています 。 マーカーとリストにテキストを共有します。 |
|
| , | ||
ペアのタグ より大きなペアタグで書かれています |
||
ペアタグ。 より大きなペアのタグに書く |
||
| src \u003d ""、href \u003d "" | その本質の2つの属性は、それらがそれらに指定されている情報のアドレスを与えることです。 つまり、1つまたは別のコンテンツがある場所を示します。 そしてそれは通常のテキストまたはリソースのどちらかでもあります。 グラフィック情報; 画像、ビデオ、オーディオなど しかし、これらの属性は厳密に宛先に分割されています。 属性src \u003d ""はグラフィックソース、つまり彼らが嘘をつく場所でのみアドレスを与えます。 そして、属性href \u003d ""は他のページサイトや他のリソースにのみアドレスを与えます。実際、これは、サイトの別のページ上にある別のソースへのバリンスハイパーリンクです。 |
|
| クラス\u003d "" | ほとんどすべてのタグに割り当てることができる属性。 この属性の本質は、さらなる検討とCSSスタイルの使用を変更して、名前を特定のコンテンツセクションに与えることです。 |
|
| title \u003d ""、alt \u003d "" | その本質の2つの属性は、例えばいくつかのグラフィックソースを与えることです。 画像、説明。 しかしそれらのうちの2つがあるので説明は異なります。 このオブジェクトの下に隠されているものを知っているように、このオブジェクトにマウスカーソルをカーソルに合\u200b\u200bわせるときにハイライト表示される説明が書き込まれます。 原則として、リンクです。 属性ALT \u003d ""は、検索エンジンを理解して索引付け用の基本にあるオブジェクトとは何ですか。 この説明 サイトの訪問者に見えないが、検索エンジンでは明らかにそれは。 |
|
| align \u003d ""、valign \u003d "" | 猫の本質の2つの属性は、水平方向または垂直方向のサイトを等しくするためのものです。 すなわち、彼らはサイトの領域があるべきブラウザを理解するために与える この情報。 align \u003d ""属性線は、水平コンテンツの特定またはすべてを行します。 属性valign \u003d ""特定のコンテンツまたはすべてのコンテンツを垂直方向に行。 |
|
| width \u003d ""、高さ\u003d "" | その本質の2つの属性は、サイト上のいくつかの物体を伸ばすか減らすために粉砕される。 本質的に、これらの属性はたとえば特定のオブジェクトの変形を作ります。 高さと幅のテーブル、それによってそれらの寸法が変わります。 |
|
| border \u003d "" | テーブルフレーム属性 この属性を使用すると、見かけ上かつ目に見えないテーブルフレームを作成したり、フレームの太さを設定できます。 |
|
| cellpadding \u003d ""、cellSpacing \u003d "" | BORDER \u003d "属性"と同じという本質の2つの属性は、フレームがテーブル全体とその要素の行と列には割り当てられていないという違いがあります。 |
|
| bgcolor \u003d "" | カラーフレームの色が表示される属性。 |
そして「ハイパーテキストマーキング言語」として翻訳されています。 HyperTextは、ハイパーテキストリンクの形で実装されているインターネットページに関する特別なナビゲーション方法です。 これらのリンクをクリックすると、サイト構造を簡単に移動できます。 遷移は直線的ではない、すなわち あなたは常にサイトのどんなページに行き、現在表示されているリンクです。
マークアップの下では、ページの要素が授与されていることがわかります。 それらはいわゆるタグの形で実装されています。 たとえば、ページ上の特定のテキストをその中央に配置する必要があることを指定するには、センタータグを使用してマークすることができます。 特定のページのHTMLコードを見ることができます。 コンテキストメニュー。 たとえば、このコードにアクセスするには firefoxブラウザ 押す必要があります 右クリック ページ内で「ページソースコード」項目を選択します。
HTMLコードはどのように機能しますか？
HTMLコードは短いタグのセット、ページの要素はそれらに含まれています。 このコードはすべてExtension.html or.htmを含むファイルに保存されています。 ブラウザでそのようなファイルを開くと、コードがそれらによって解釈され、ページは準備完了形式の「プログラム」ウィンドウで発行されます。 HTMLマークアップ言語を知ることで、ほとんどすべての人はプロファイルを作成できます。タグは何ですか？
タグは、HTMLコード内の別々の構造です。 これは角かっこの内側に囲まれた通常のテキストです。 タグは、ほとんどすべてのページでHTMLコードで見ることができます。 自分で、ページのタグは表示されません。タグでエンコードされている特定の要素を表示します。 たとえば、ピクチャがページ上に存在する場合は、HTMLコードにIMGタグが含まれていることを意味します。HTMLの制限事項
HTMLコードがかなり高品質のハイパーテキストページを構築することを可能にするという事実にもかかわらず、その制限があります。 そのようなコードを排他的に含むページは静的、すなわち 彼らはダイナミクス、特殊効果、その他の機能を持っていません。 しかし、彼らはJavaスクリプトなどの他の言語をもたらすことができます。 モダンなサイトの圧倒的多数は、それらをより生きてインタラクティブにする追加の言語を使用して作成されます。きっとあなたはHTMLコードとしてそのような概念に直面しました。 友達から聞いた、ブラウザのメニューの中で見たが、それは何ですか？ コードのものであるものとそれが成るアイテムから何かを見つけようとしましょう。
基本情報
定義から始めましょう。 HTMLコードは、HTML言語を使用して実行されるWebページのマークアップです。
このコードはタグで構成されており、ブラウザが1ページのように見えるかどうかを確認します。 この構造は2つの部分に分かれています。ヘッド - ページの名前が規定されている文書のヘッダー、および文書そのものに関する情報、および本体は、ページパラメータが指定されている文書の本文です。
スクラッチから書かれた多かれ少なかれ分解Webページを作成するには、これらの言語、それらのパラメータ、およびコードも知られているタグを学ぶ必要があります。 hTMLカラー.
タグ
tag - HTML言語の要素。 これにより、フォント、カラー、テキストサイズ、テーブルと写真を挿入、フォーマット、ヘッダーの作成、リンク、ページをペイントすることができます。
タグは常にアンギュラブラケットに囲まれています -<>そしてそれが正確に、視聴中にページに表示されるメインテキストからそれらを区別するものです。 それらは2つの種 - ペアと孤独です。
ペアになっているタグと閉鎖からなるが、左隅のブラケットの後に後者の中に一方でストレートスランスがあります。 例えば： テキスト.
Webページに表示されている2つのタグの間にテキスト、表、写真、その他の項目があります。
シングルは1つのタグで構成され、ストレートスラッシュを含まない。 例えば：
.
タグは、HTMLの特別なコードを使用することができるように、パラメータを持つことができます。
また、ほとんどの文字については、犬、括弧、多数、多数、その他の多くのもの、またはその他以上のものを記載していることに注意してください - データコードが規定されている特別な表があります。 このコードはアンペルサントで始まり、その後、アルファベットのニーモニック指定が行くことができます。または3桁のシンボルコードのいずれかのラティスサイン。 最後に、必ずしもコンマのあるポイントを置きます。
基本タグ
私たちは考え出して、少なくともテキストを設計するときにあなた自身のWebページを作成しない場合に役立つ可能性がある基本タグをリストしようとしました。
- < body> - 参照、フィールドなどの文書の基本的なパラメータを含みます。
- < p> - 段落を表す。
- < b> - 脂肪のテキストを強調表示します。
- < i> - イタリック体。
- < u> - テキストを強調する。
- < s> - テキストを渡る。
- < sup> - 上位インデックスとしてテキストを指定します。
- < sub> - 下位インデックス。
- < font> - Font Paramert：Size、フォント、色を指定します。
- < div> - それで、あなたはあなたのテキストを揃えることができます。
- < h>- タグヘッドライン
- < a> - それを使えば、参照が設定されています。
- < table> - テーブルを文書に挿入するのに役立ち、タグが接続されている< tr> （文字列）< td> （細胞）。
シングル：
- シングル、その後にテキストを転送します。 新しいページ;
- それと、あなたはテキストに水平の特性を挿入することができます。
タグが通常新しい行から規定されていることは注目に値します。 これは、Vestovel自体だけでなく、HTMLでコードを表示する人もいます。
タグパラメータ
私たちはすでにあなたが知りたい基本的なタグを検討しました。 もちろん、私たちはすべてを列挙していませんが、この最小値でさえあなたの最初のWebページを作成するのに十分なかもしれません。
しかし、それはいくつかのタグについて少しです、あなたはまだ設定できるパラメータを探求する必要があります。 この記事ではそれらを作るだけです 短い口コミ最も頻繁に使用されることについて説明します。 HTMLコードを開くことによってそれらを見ることができます。
また、このパラメータは、ほとんどのWebマークアップコマンドで使用されているため、このパラメータが適しています。
- face - フォントの種類を定義します。
- サイズ - サイズを指定します。
- カラー - 色を指定します。
- 整列 - 整列;
- 名前 - 名前;
- hREF - このパラメータを使用すると、リンクアドレスが設定されます。
- aLT - 代替テキスト。
- 幅 - 幅。
- 高さ - 高さ;
- 背景 - 背景図
- bgcolor - 背景。
これはすべてのパラメータではありませんが、私たちは最も消費されていて既知のものだけをリストしました。
パラメータが平等の符号であり、次に引用符で囲む値がその値を規定しています。 基本的なパラメータを知るだけでなく正しく尋ねるために、特別な教科書や利益を使用するためのWebサイトやページの開発中にお勧めします。
花の表
したがって、メインタグとそのパラメータを使って、私たちが考え出して、色コードHTMLを見てみましょう。 テキスト、ページ、または同じ個々の要素の色を設定できるのは彼らの助けを借りています。
初心者ウェブマスターは、各シェードのコードを与える特別な色テーブルがあることが知られているべきです。 テーブルだけでなく、単にその名前を示す単純に指定できる基本色は16あります。 英語。 また、希望のシェードを設定して、光と暗い単語を追加することもできます。
すべての種類の検出もあります。
テーブルを使用する方が便利です。 それらには16進カラーコードが与えられます。 同時に、あなたはすぐにこの日陰を見ることができます。 各コードは格子記号から始まり、それに続く赤、緑、青の強度を特徴とする3組の符号。
このコードは、必要なタグをコピーして代替するのに十分です。
コードコードを表示する方法
Webページの作成に興味がある場合は、好きなサイトのHTMLコードを見ることに興味があります。
しかしそれをする方法は？ 2つの方法があり、かなり簡単で理解できます。 1つ目は、必要なページを開き、Ctrl + Uキーの組み合わせを押すことです。 新しいウィンドウが表示され、探索できるページのソースコードが表示されます。
2つ目の方法は、マウスの左ボタンを押して「ソースコード」を選択することです。 しかし、ホットキーの使用ははるかに簡単で便利なので、まだ最初の方法を使用することをお勧めします。
コードを読み取ると、このような「コメント」タグに規定されたコメントを表示することもできます。。 同時に、コメント自体が後に書かれています エクスクラメーション・マーク。 ブラウザでは表示されません。 そして、基本的には、その他のプログラマとWeb設計者が情報ブロックが以下のことを理解できるように、その他のコードが特定のコードが指定されていることを理解できるように書かれています。
結論
HTMLの書き込みコードは、最初に一目で見える可能性があるほど難しくありません。 特に気付かれていない場合、HTMLなどに基づく電子教科書を作成したい場合は、メインタグの研究とマークアップの原則が時間がかかりません。 あなたはあなた自身のプロジェクトの作成を開始するのに数日をいくつか持っています。
このマークアップ言語を勉強することにした場合は注意してください。 ほとんどの問題は、不実のために正確に発生します。 しかし、一般的に、ページのHTMLマークアップを勉強することは非常に興味深いです。
MonoSolidフォントによって行われた碑文はタグを使って作成されます
,
そして
。 これらのタグを使用した結果は通常同じです。固定サイズの文字と間隔を持つモノラルワイドフォントです。
鬼ごっこ
鬼ごっこ 鬼ごっこ フォーマットせずにテキストを入力するために、つまりすべてのスペース、タブ、および行のポートの保存があります。 この要素の中には、ほとんどのテキストフォーマット項目を適用できます。 注意： HTML言語では、行のギャップとタブに入る行の行は無視されます。 行のいくつかのギャップは1つのスペースとして認識されます。 要素の内側に
- プログラムコードの小さなフラグメントを挿入するために使用される開始要素コンテナ、たとえばWebドキュメントを表す チュートリアル プログラミングについて ブラウザには、そのようなモノソリッドコード（例えば、宅配便が新規）が表示されます。 EROを要素で使用する場合
例：要素の使用 そして
オリジナルのフォーマットを維持しながら、ブラウザは各遭遇スペースまたは転送文字列を複製します。
（document.getElementsByClassName）（x \u003d document.getElementsByClassName（ "pagination"）（x.length\u003e y）（x.style.visibility \u003d "hidden";）
"Pre"要素の内側では、ブラウザはそれぞれの遭遇したスペースを複製するか、元の書式設定を維持しながら文字列を転送します。
（document.getElementsByClassName）（x \u003d document.getElementsByClassName（ "pagination"）（x.length\u003e y）（x.style.visibility \u003d "hidden";）
タグ そして
鬼ごっこ
キーボードから入力されたユーザーとしてのコードフラグメント。 いくつかのブラウザはそのようなテキストを追加の背景にマークします。
鬼ごっこ
それは、制御スクリプトに入った後にコンソールウィンドウに表示されるテキストなどのコンピュータ出力を形成するために使用されます。 この要素はめったに使われていませんでした。
, ,
.
例：要素 そして
- 自分で試してみてください」
ユーザーがキーボードの場所から入力しなければならないテキスト
要素容器「KBD」。
テキストを入力してください。 これはキーボードから入力されたテキストです。
これは "SAMP"コンテナに配置されているテキストです。
鬼ごっこ
鬼ごっこ 変数の変数をさらに強調するために使用されます プログラムコード。 数学式またはプログラムパラメータで変数を定義し、通常はイタリック体で表示されます。
例：要素
- 自分で試してみてください」
運動体エネルギー：
運動体エネルギー：
wに = mv2/2
タスク
最後のタスク
このレッスンでは、Monosineフォントを使用してコンテンツを表示し、コード内の変数と暫定書式設定タグを割り当てるタグを知りました。 それらのすべては、マジティック式とプログラムコードを操作するときに重要です。
研究を繰り返して3つの簡単なタスクを実行する時が来ました。
変数
- 自分を共有する」
HTML要素を使用すると、指定された式文献yが変数として示されます。
パラボラ方程式Y \u003d NX 2
パラボラ方程式 y。 \u003d nx。 2
事前にフォーマットされたテキスト
- 自分を共有する」
HTML要素を使用して、コード要素にテキストを配置し、文字列のすべてのスペースとポートをそのまま保存しながらブラウザを表示します。
みなさん、こんにちは！
勉強し始めたら、あなたは知る必要があります 基本HTML そして私たちのサイトをより良くてより魅力的にするのを助けるでしょうCSS サーチエンジン。 今週のすべてに、サイトコードを扱うことについて教えてください。それがあなたを待っているものです。
- 。 エディタデータを使用してサイトコードを編集することを学びます。
- 。 検索ロボットがページ構造を理解するのに役立ちます。
- 。 サイトコードを正しく作成し、エラーを見つけることを学びます。
ご覧のとおり、私たちは週に多くの仕事をしますので、コンテキストアップブログの更新を購読して、まだ署名されていない場合は自分にすべてのレッスンを入手してください。
基本HTML
HTML（Hyper Text Markup Language）は、インターネット上の文書をマーキングするための言語です。 つまり、サイトのページは文書であり、ブラウザはそのような文書を表示する手段です。
HTMLタスク - 1つ以上の文書要素があるブラウザを表示します。 この言語の助けを借りて、項目はページ上に固定され、特定の場所を占めており、その後サイトの訪問者モニタに表示されます。
マークアップ言語は、ブラウザが判断するのに役立つ特別なタグで構成されています。
- 文書構造
- 1つまたは別の要素の場所。
- 要素の目的
- 接続されたサードパーティのファイル。
- そして多くの人、その他。
Iによって理解されています 検索ロボットそのため、SEOの観点から文書がどのように描かれているか、そしてどのような構造があるかに特別な注意を払う必要があります。
HTML構造
任意のHTML文書には、必ず尊重する必要がある初期構造があります。 彼女はこのように見えます：
<！ DOCTYPE。 HTML\u003e<html> <頭。> <メタ。 charset \u003d "UTF-8"\u003e<題名\u003eページのタイトル</ 題名> <メタ。 name \u003d "キーワード" content \u003d " キーワード、フレーズ、スルー、コンマ" > <メタ。 name \u003d "説明" content \u003d " ページの内容の説明、1-2オファー。" > </ 頭。> <体。\u003eページコンテンツ