コンピューター, ソフトウェア
HTMLページを作成する方法:ステップバイステップのインストラクション、および推奨事項技術
あなたは、HTMLページを作成する方法はないでしょうか? これを行うには、数時間を費やす必要があり、あなたが知っている HTMLの基本を。 そして、5分であなたの最初のページ缶を作成します。
HTMLはハイパーテキストマークアップ言語の略です。 翻訳、それは「ハイパーテキストマークアップ言語」を意味します。 そのHTMLを理解することが重要である - それは、プログラミング言語、つまりマークアップサイトではありません。
すべての近代的なブラウザでは、それを認識することができます。 その後、彼らは事前に作者が意図したように、ユーザーのための便利な方法で情報を表示します。
この言語は特別なタグを使用しています。 各タグは機能を持っています。 それらの多く。 理想的には、あなたはすべてを学ぶ必要があります。 しかし、初心者の基本的な知識のために十分です。
HTMLの基本
あなたはHTMLページを作成する前に、あなたはそれが何であるかを知っておく必要があります。 要素タグ:この言語では、二つの概念があります。
要素が始まり、開閉タグを使用して閉じた場所を指定します。 それはこのようになります。
<開始タグ>コンテンツタグ閉鎖>
あなたが見ることができるように、開閉タグが「/」によってのみ異なります。
すべてのHTMLドキュメントには、これらの要素の集合です。 文書の構造のための一定の要件があります。 すべてのページのコンテンツには、二つのタグと html>の間でなければなりません。 あなたがコードを書くときは、すぐに開閉タグを置くためにそれに習慣を取ります。
また、言語のHTML構造は、独自の階層を持っていることを覚えておいてください。 それ以外の場合は、ネスティングと呼ばれています。 HTMLタグは、 他のすべては、その中にあるため、最も重要です。
HTMLでは、2つのつの子要素があります。
- <ヘッド> ... head>の。
- .. ボディ>。
HEADセクションでは、各種サービス情報を指定します。 この情報はブラウザに表示されません。 例えば、開発者のために、ガイドライン、すべてのプログラム、ロボットおよび多くのため。
最も重要なことは - 何のコンテンツがありません。
ドキュメントのBODYセクションには、ユーザーに表示される内容を指定します。
それはそれは、10のサブ項目ができてすぐに、パブリックおよびプライベートタグを作成することを学びます。 また、利便性のために、ネストされたタグがインデント行います。 例えば、このような。
<ヘッド>
head>の
<身体>
BODY>
HTML>
「内部」 - だから、等しい重要タグが同じレベルにあった、と子ということにします。 そんなに簡単に読んで、コードの特定の部分を検索します。 そうしないと、混乱することができます。 しかし、スペースを節約するためには、頭と体は、パディングなしに行うことができますタグ。 だから、何もインデントを持っていたすべての人に来ます。 他のすべてが分離することが望ましいです。
上の簡単なHTMLページを作成する方法
エディタのいくつかの種類を必要とするコードを記述します。 それらの多く。 人気のメモ帳++およびAdobe Dreamweaverのです。 また、ノートブックを使用することができます。
ここではどのようなメモ帳++エディタです。
それは非常にユーザーフレンドリーなエディタです、それは無料です。 上記のAdobe Dreamweaverが支払われます。 書くために設計されたエディタとは異なり、 HTMLコードを パッドから-その特別なタグで強調表示されます。 それが点灯しない場合は、それはあなたが書かれていることを意味間違っています。
光の言語と一致するためには、設定で指定する必要があります。
メモ帳でHTMLページを作成する方法を見てみましょう。 それは、技術的な部分を終了してからちょうどタグの研究に移動されます。
ノートHTMLでWebページを作成する方法
まず、ノートブックを開きます。
そして、次のスクリーンショットに指定されていること、それに入力します。
彼の手だけではなく、コピーの読み書きに慣れます。 あなたの手を書くとき、あなたはより良い全体のタグデータベースを覚えます。
次に、「ファイルを保存」し、ファイル名を指定しますが、拡張子.htmlをしてメニューをクリックしてください。
ファイルには、お使いのブラウザで開くと、その結果を楽しむことができます。 今、あなたは、ノートブック、HTMLでWebページを作成する方法を明確にする必要があります。
世界コンソーシアムW3C
開発とインターネットのためのすべての標準を実装W3C、などの組織があります。 すべてのブラウザでは、これらの規則に従ってページのこれらの基準やプロセスレイアウト(複数可)の対象となっています。
HTML開発者の公式ウェブサイトでは、その使用に関するすべてのタグやルールを持つテーブルを見つけることができます。 この記事では、最も基本的なを見てください。
あなたは正しいかもしれないものを考えることができますか? すべてのこれらのタグは、勧告を持っています。 それらのいくつか:
- オプションのタグ。
- 禁断の。
- ブランクタグ。
- 時代遅れ
- 失われました。
HTMLのタグ
あなたはHTMLページを作成する前に、HEADのサービスであることをそれを理解する必要があります。
HEADは、地域では必須およびオプションタグの両方があります。 必須タグは、ヘッダを指します。 それは、<タイトル>タイトル TITLE>で表されます。 彼は文書全体に割り当てられます。 そして、あなたがGoogleの検索エンジンの検索結果に何を参照してください - タグのタイトルを。
私たちは、BODYセクションに回します。 ブラウザに表示されている要素はありますが、非表示があります。 たとえば、コメントがユーザーに表示されません。 あなたはチームで働くなら、彼らはノートや他の従業員のためのヒントのために使用することができます。
彼らは、と指定<! -コメント- >
<! - と - >このように考え、プログラムすべてのことは、間にあります。 あなたが別のタグのコメントにコメントタグを置くことはできませんのでご注意ください。 そのため、すぐに開くよう<! - 、上の行くすべてのこと、それは表示されません。 > - ハンドラが終了タグは表示されませんなどの情報があれば表示されません。
そのような筐体の一例:
<! - <あなたが最初のコメントを付けて! -第二のコメント-最初のコメントの>続き- >
ブラウザは、以下の結果になります
最初のコメントの継続- >
しかし、の<一枚! -は、最初はコメントする<! -第二のコメントを- >表示されません。 第2の開口タグ<! - 無視され、プレーンテキストとして見られていました。
テキストの見出し
タイトルは、タイトルタグを使用して、HEADセクションだけではなく指定します。 ヘッダのコンテキストで必ずしも指定する必要があります。 唯一以来、ユーザーが見ています。
見出しは、レベルがさまざまです。 したがって、テキスト内の階層。 本の中で同等のボリューム、章、段落。
それはちょうど6レベルです。 主な見出しは、
タイトル H1>指定されています。 ページのH1タグ内のテキスト、およびタイトルの促進という点では同じである必要があります。 また、美的観点からh1は、一つだけが存在すべきです。 しかし、これはブラウザが、その後のH1を処理しないことを意味するものではありません。 彼らは、あなたが望むすべてを行うことができますが、これは望ましいことではありません。
小見出しのためにH2からH6にタグを使用します。 第一、第二、第三、第四、第五および第六レベルのタイトルと呼ばれる - これらはそうです。 だから、ネストされたデータとカテゴリへの分割を作成します。
それはこのようになります。
段落
コード内のメインテキストは、タグ
... P>を登録する必要があります。 彼は言葉「段落」から来ました。 各段落は1つの山ですべてを彫る
タグを埋め、そしてべきではありません。 通常の改行は処理されません。 すべてが単一の行に表示します。 転送のために使用する必要があります
タグを。
タグの転送が閉じていないことに注意してください。 彼は、単一のです。
例の詩に考えてみましょう。
異なるタグは、その「名前」に加えて、属性があります。 例えば、段落タグは、ALIGNで示される属性「アライメント」を有しています。 これは、左、右、中央に設定することができます。 すなわち、左または右または中央のアラインメントです。
リンクを使用
あなたはおそらく既に考えた:リンクをHTMLページを作成する方法? それについて複雑なものは何もありません。 リンクのHTMLページを作成することは非常に簡単です。 この目的のために特別なタグaはあります。 それは必要な属性を持っています。 適切なリンクは次のようになります。
あなたはアドレスとテキストを指定しない場合、このリンクは、ユーザーに無用または非表示になります。
結論
そこタグの多くがあり、それぞれが独自の属性セットがあります。 この情報を読んだ後、あなたは、WebページのHTMLを作成する方法を理解する必要があります。
この分野での知識を拡大するためには、より多くの本を読むと、サイトW3C上に配置されているHTML、上の公式参照タグを使用する必要があります。 あなたは言語の作者の、定期的に更新されたディレクトリを使用しない場合は、この分野の専門家になるためには難しいでしょう。
Similar articles
Trending Now