あなたはブロガーですか?次に、いくつかのHTMLコードを知ることから利益を得ます

について混乱 HTMLコード? あなただけではありません.


認めます私がウェブ用に書き始めたとき、私はジルチについて知っていました HTMLコード. そして私はそれを再び認めます。まだよくわかりません.

ただし、HTMLの知識が少しあれば、ウェブ向けに書くときに、物事をかなり簡単にできることがわかりました。.

ハイパーテキストマークアップ言語を学ぶ

確かに、ウェブサイトの構築方法はわかりませんが、小さなコンポーネントを調整する方法や、HTMLコードを必要とする編集システムに直面したときは–よくあることです–知っていますテキストを正しくフォーマットするのに十分.

その混乱を取り除き、HTMLコーディングについて少し学びたいですか?始めましょう.

HTMLコードとは?

周りを見たことがありますが、HTMLの意味不明なことの意味がわからないでしょう。.

それは ハイパーテキストマークアップ言語. HTML ドキュメントのフォーマットに使用される標準化されたシステムです。使用されるコード(マークアップタグと呼ばれる)は、フォント、テキストサイズ、色、ハイパーリンク、段落などをフォーマットできます.

WebブラウザーはHTMLを読み取り、タグを使用してコンテンツの表示方法を決定します。タグの例は、次のような太字のテキストを作成するものです。

これは太字のテキストです.

ページでは、次のようになります。

これは太字のテキストです.

長年にわたって多くのバージョンのHTMLがありましたが、2014年10月の時点で、HTML5はWebの標準化されたマークアップ言語です.

ブロガーにとって知っておくべき理由

ブロガーとしてHTMLを知らなくても、フォーマットをHTML言語に変換するプログラムを使用するなど、代わりに少し不正を行わずに済むかもしれませんが、いくつかの基本的なタグを知っていると、ブログを書くのに役立ちます。.

個人的に便利だと思った状況をいくつか紹介します。

  • ゲストブログを作成するとき、一部のサイトでは、著者の経歴をHTML形式で記述したいと考えています。多少の知識があれば、必要に応じてリンクや斜体を追加できます.
  •  見落としがあった場合は、ページのHTMLを見て、問題の原因を確認できます.
  •  オンラインネットワーキングでは、HTMLタグを使用してブログ投稿のコメントとフォーラムのコメントをフォーマットできます。.
  •  HTMLについて十分に理解していれば、CSSについて少し学び始め、デザイナーを雇うことなくWebサイトに小さな調整を加えることができます。.

ブロガーが使用する一般的なコード

深く掘り下げる前に、HTMLタグは山括弧で囲まれたキーワードであることを理解してください。これらのタグはペアで提供され、開始タグと終了タグの間のテキストが影響を受けます。終了タグは開始タグと同じように記述されますが、タグ名の前にスラッシュを使用します.

紛らわしいですか?いくつか例を挙げれば簡単です。ブロガーとして知っておくべき一般的なHTMLタグをいくつか見てみましょう.

骨格タグ

最初に骨格タグがあります。これらは必ずしも使用する必要はありませんが、知っておくと役立ちます。これらのタグはドキュメントの基礎となるため、「骨格タグ」という用語が使用されます。それらはWebページによって読み込まれますが、視覚的な要素には変換されません.

それでも知っておくと良いでしょう。たとえば、Webサイトの「ヘッド」セクションにコードを貼り付けるように要求するプログラムを使用したことがありますか。 HTMLの知識が少しあれば、それを見つけることができます。だからここにあなたが知っておくべきいくつかの骨格タグがあります:

  • このセクションでは、HTMLドキュメントについて説明します.
  •  このセクションでは、ドキュメントに関する情報を提供します.
  •   これはドキュメントのタイトルを提供します.
  •   ビジュアルページ要素について説明します。ブロガーが必要に応じてHTMLを微調整するのは、ページの本文セクションです。上記のタグの残りは、ドキュメントの本文内にあります.
  •  

    このタグは段落を説明します.

ページテキストは開始タグと終了タグで囲まれていることに注意してください。次に例を示します。

これは段落テキストです.

見出しタグ

見出しタグは、ドキュメントの階層を示すために使用されます。ブログのフォーマットで見出しをすでに使用している可能性がありますが、見出し1〜6の違いは、テキストのサイズとフォントの太さだけではありません。また、Webブラウザや検索エンジンボットに階層感を伝えます。.

見出し1は、ブログ投稿のタイトルなど、ドキュメントのメインの見出しに使用する必要があります。見出し2は、主な副見出しなどの副次的な情報である必要があります。サブサブヘッダーには見出し3を使用し、以降は見出し6まで使用します。これらのタグは次のようになります。

これがどのように翻訳されるかの例です:

これは見出し5です

これは見出し5です

インラインテキストタグ

インラインテキストタグは、次のようなブロックレベルのタグ内でテキストをフォーマットするために使用するタグです。

そして

. 一般的に使用される例を以下に示します.
  • これは強調されたテキストを定義し、ほとんどのブラウザは斜体にします.
  •   これは、ほとんどのブラウザが太字である、強く強調されたテキストを定義します.
  •   これは見積もりをフォーマットします.
  •   これは、削除されたテキストを示します。これは、次のように取り消し線として翻訳されることがよくあります.

タグのリスト

お気づきのとおり、私はこのブログ投稿全体でいくつかの箇条書きリストを使用しました。しかし、どうやってそれをしたのですか?知っておくべきタグは次のとおりです。

  • これはリスト要素を定義します.
  •  
      このタグは、箇条書きとして表示される順序付けられていないリストを囲みます。.
    •  
        このタグは番号付きで表示される順序付きリストを囲みます.

    順序付きリストのHTMLコードは次のようになります。

    1. リスト項目1
    2. リスト項目2
    3. リスト項目3

    ページに表示される方法は次のとおりです。

    1. リスト項目1
    2.  リスト項目2
    3.  リスト項目3

    画像とリンクのタグ

    分割する前に、画像とリンクを挿入する方法を簡単に見てみましょう。タグを使用すると、コードを表示して情報を入力する方が簡単な場合があります。

    リンク

    あなたのアンカーテキスト

    URLを囲む引用符は削除しないでください。引用符の間にURLを挿入するだけです。アンカーテキストは、ページに表示されるテキストです.

    例を見てみましょう。以前のHosting Kingdomの記事にリンクしたい場合、コードは次のようになります。

    あなたはあなたのウェブホストを通してドメインを登録するべきですか?

    リンクはページに次のように表示されます。

    あなたはあなたのウェブホストを通してドメインを登録するべきですか?

    画像

    画像のコードは次のようになります。

    これは非コンテナタグであるため、終了タグはありませんが、src属性が必要です。このタグには、代替テキストやサイズ定義などの追加機能を追加できます。これは次のようになります。

    ”YOUR

    繰り返しますが、引用符を削除していないことを確認してください.

    注意: 同じものに使用できる異なるコードが表示される場合があります。たとえば、 , , そして タグは太字のテキストに使用されますが、ブラウザによって表示が異なる場合があります.

    HTMLは見た目ほど複雑である必要はありません。 HTMLを練習してHTMLをよりよく理解するには、次のようなインタラクティブサイトを使用してください。 コードアカデミー, コメント欄でどうなるか教えてください.

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map