HTMLで書く:基本的なHTMLの概念

あなたが考えるかもしれないより簡単です

優れたCMSを使用すると、Webサイトに記事を簡単に投稿できます。 しかしあなたは何を正確に投稿していますか? いくつかの段落のテキスト。 そのテキストが正しくフォーマットされていないと、素敵な記事があなたのウェブサイトで壊れて見えるでしょう。

良いニュース:HTMLで書くことを学ぶなら、あなたの記事はすばらしく見えます。 いくつかの基本的なコンセプトで、あなたはすぐにHTMLで書くつもりです。

HTML:ウェブブラウザの言語

"HTML"は "HyperText Markup Language"の略です。 基本的に、それはあなたのテキストマークアップするための言語なので、 太字や他のサイトへのリンクのような派手なことをすることができます。

HTMLはブラウザの基本言語です。 私たちはインターネット(PHP、Perl、Rubyなど)に多くのプログラミング言語を使用していますが、最終的にはHTMLを吐き出しています。 (まあ、またはJavaScriptですが、これを単純にしておきましょう)

あなたのブラウザはHTMLを受け取り、かなりのWebページにします。

HTMLで書くことを学ぶと、ブラウザに何をするかを正確に知ることができます。

HTMLは通常のテキストをマーク

HTMLはマークアップ言語なので、ほとんどの "HTML"は単なるテキストです。 例えば、これは完全に良いHTMLです:

こんにちは。 私はHTMLです。 エキサイティング。 うん 素晴らしい。

しかし、待って、あなたは言う。 それはコンピュータ言語のようには見えません! それは英語のように見えます!

はい。 今あなたは大きな秘密を知っています。 HTML(適切に使用される場合)は読み取り可能なテキストです。

ワープロ体験から学ぶ

もちろん、私たちはプレーンテキスト以上のものを求めています。 私たちは、例えばイタリック体が必要です。

ワープロプログラム(Microsoft Wordや無料のLibreOfficeなど)でイタリック体を取得する方法はすでに知っています。 小さなIボタン押します。

あなたが入力したものはすべてイタリック体です。 あなたはページのためにタイプすることができます。 この重点祭をどうやって止めますか? Iボタンをもう一度押します。 今あなたのフォントは正常に戻ります。

イタリック体の中に戻ってテキストを追加すると、イタリック体になります。 開始点、イタリックをオンにした終点、終了した終点の間には、 イタリック体のゾーンがあります。

残念ながら、これらのエンドポイントは見えません。

目に見えないエンドポイントは多くの痛みを引き起こす可能性があります。 イタリック体をオフにするのは簡単ですが、カーソルを使っていくつかの段階を踏んで、イタリック体になっているのを見つけてください。 あなたはもう一度それらをオフにしようとするが、何とかあなたは再び移動したので、それらをオフに切り替えると、本当にそれらトグルする...それは混乱です。

HTMLは"タグ"を使用します。

HTMLもエンドポイントを使用します。 違いは、HTMLでは、これらのエンドポイントが見えることです。 それらをタグといいますタグと呼ばれます

先の例を飾りたいとしましょう。 あなたは "Exciting"という単語をイタリック体にしたいと思っています。 面白いと入力します。 このような:

こんにちは。 私はHTMLです。 興味深い うん 素晴らしい。

それをテキストエディタに保存し、HTMLをコピーしてCMSの「新しい記事」ボックスに貼り付けます。 ブラウザがページを表示すると、次のようになります。

こんにちは。 私はHTMLです。 エキサイティング 。 うん 素晴らしい。

ワープロとは異なり、入力時にイタリック体は表示されません。 タグを入力します。 ブラウザはタグを読み取り、目に見えなくし、指示に従います。

これらのタグをすべて見るのは面倒かもしれませんが、適切なテキストエディタを使うとこれをはるかに簡単にすることができます。

タグを開く/閉じる

タグとタグをもう一度見てください。 は、 Iボタンを最初にクリックしたときと同じように、イタリック体をオン にします。 は、2回目のクリックのようにイタリック体をオフにします。

ボタンをクリックする代わりに、小さなタグを入力します。 イタリック体を開始する開始タグ、終了させるタグ。

タグの違いに注意してください。 終了には/、スラッシュがあります。 HTMLのすべての終了タグにはスラッシュが付きます。

タグを忘れないでください

タグを閉じることはかなり重要です。 このような終了を忘れるとどうなりますか?

こんにちは。 私はHTMLです。 エキサイティング。 うん 素晴らしい。

それはがイタリック体をオフにするのを忘れてしまったようです。 あなたはこれを得るでしょう:

こんにちは。 私はHTMLです。 エキサイティング。 うん 素晴らしい。

単一の欠落したタグは、記事全体、またはページの残りの部分をイタリック体の川に変えることができます。

これはおそらく、あなたが作ることができる最も簡単で初心者のミスです。 しかし、修正するのは簡単です。 終了タグをポップするだけです。

今すぐいくつかのタグを学ぶ

おめでとう! あなたは基本的なHTMLを理解している!

通常のテキストは開始タグと終了タグでマークアップされています。 それはかなりです。

基本的なHTMLタグを学びましょう。 (最初にまともなテキストエディタを取得したい場合があります)。