ハイパーテキストマークアップ言語(HTML).

7118 ワード

導入
HTMLとはハイパーテキストマークアップ言語(HTML)は、WebページやWebアプリケーションを作成するための言語です.HyperTextは、ドキュメントがユーザーを別の部分または別のページの別の部分にクリックするリンクを含むことができることを意味します.マークアップ言語は、コンピュータがどのようにテキストが提示されて、処理されるかについて制御するために互いに話す方法に言及します.
HTMLは最初にティムバーナーリー、ロバートCailliau、および他の1989年から始まって作成されました.
HTMLのタグや属性を使用してWebアプリケーション上のコンテンツの種類を記述する
タグはHTML要素の開始をマークします、そして、彼らは通常後方と前方の角ブラケットを持ちます.
一方、属性には追加情報が含まれます.彼らはオープニングタグの形を取ります、そして、追加の情報は内部に置かれます.

HTMLを学ぶ理由
HTMLは元々研究者間の科学情報の共有を容易にするために、文書の構造を定義する意図をもって作成された.
HTMLは、Web開発者のための重要なリソースです今日、それは広く、言語で別の利用可能なタグの助けを借りてWebページをフォーマットするために使用されます.
HTMLを学ぶ利点
ウェブサイトの作成
ウェブデザイナーになる
ウェブを理解する

HTMLのアプリケーション.
上記のHTMLの定義から、我々は自信を持ってそれをウェブの言語として参照することができます.HTMLを使用して実現することができます.
  • Webページの開発-ウェブ上で今日見られるほとんどのWebページはHTMLで作成されました.
  • インターネットナビゲーション- HTMLは、1つのページから別のナビゲーションに使用され、インターネットナビゲーションで大きく使用されているタグを提供します.
  • 応答性のユーザーインターフェイス- HTMLページは最近、すべてのプラットフォーム、モバイル、タブ、デスクトップ、またはラップトップの応答設計のために動作します.

  • HTMLを書くためのツール
    HTMLはマイクロソフトWordのようなワープロを使用して書くことはできません.下記は今日使用しているHTMLエディタのいくつかです
  • 崇高なテキスト3
  • メモ帳+
  • コモドエディット

  • 最初のHTMLページを書く
    `
    基本的なHTMLページ構造を構築するには、次のタグを使用します

  • -このタグは、あなたが使う言語を指定する
    ページを書く.この場合、
    言語はHTML 5です.

  • HTMLタグ-このタグは、ここから我々の信号です
    HTMLコードで書きます.

  • ヘッドタグ-これは、ページのすべてのメタデータの場所です
    行きます.
    ものは、主に検索エンジンと他のものを意味しました
    コンピュータプログラム.

  • body tag -ページの内容がどこにあるのか.
    `
  • < !DOCTYPE html >
    < html >
       < head >
          <title> This is document title</title>
       </head>  
       <body>
       </body>  
    </html>
    
    ヘッドタグの内部には、ブラウザのウィンドウの上部に表示されるページの名前が含まれるタイトルタグがあります.
    コンテンツの追加
    ドキュメントの本文セクションのHTMLドキュメントにコンテンツを追加します.我々は、インターネット上の人間に目に見えるコンテンツを作成するために体の中に他のタグと属性の使用を組み合わせる.
    HTMLページへの見出しの追加
    我々は、下記に示すように見出しを見出しに我々のHTML文書に加えるために、見出しの異なるレベルを使います.

    これは見出し1です

    これは見出し2

    これは見出し3です

    これは見出し4です

    これは見出し5です

    これは見出し6です
    HTMLにテキストを追加する
    HTMLページにテキストを追加する<p> タグ.我々は、オープニングの間にすべてのテキストを配置します<p> 閉鎖</p> タグ.このタグは新しい段落の作成に使用されます.
    例えば、
    <!DOCTYPE html>
    <html>
       <head>
          <title>This is our first html document</title>
       </head>  
       <body>
          <h1>This is a heading</h1>
          <p>Hello World!</p>
       </body>  
    </html>
    
    HTMLページへのリンクの追加
    アンカーを使用してページにリンクを追加する<a> タグ.
    アンカータグは、我々がリンクしているページへのアドレスを含む属性を使用します.
    属性の最初の部分には、リンクがクリックされると開くページが含まれます.
    番目の部分は、ページのビューアーに表示されるテキストを示します.
    <!DOCTYPE html>
    <html>
       <head>
          <title>This is our first html document</title>
       </head>  
       <body>
          <h1>This is a heading</h1>
          <p>Hello World!</p>
          <p><a href="https://shop.techsolsoftwares.com/blog/">Learn More On Our Blog</a></p>
      </body>   
    </html>
    
    我々のHTMLページにイメージを加えること.
    画像の場所を指す属性要素を持つイメージタグを使用して、HTMLページに画像を追加します.
    我々のHTMLページのアイテムのリストを作成すること
    リストの3種類のHTMLページに作成することができます1 Ordered Lists – We use <ol> to define an ordered list. Inside the <ol> we create the list using <li> tag.例えば、
    <ol> 
            -<li>An item </li>
            - <li>Another item </li>
            -<li>Another goes here </li> 
    </ol>
    
    2 Unordered List - We use an unordered list tag to define an unordered list.
    <ul> 
           - <li>An item </li>
           - <li>Another item </li>
           - <li>Another goes here </li> 
    </ul>
    
    3 Definition List- We can include a definition list in our html page using <dl>. Inside the <dl> we will include the definition term <dt> and the definition <dd>.例えば、
    <dl>
    <dt>Item</dt>
    <dd>The definition goes here</dd>
    </dl>
    

    まとめ
    本稿では、HTMLを定義し、なぜそれが学習とその応用にとって重要かを論じた.また、ダイビングを始める前に、いくつかの基本的な構文を始めました.