Skip to main content

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

TL; DR

HTML(HyperText Markup Language)は、 Webページの作成に使用される言語です。一部のページはHTMLで直接書き込むことができますが、他のページは、ブラウザで読み取ることができるHTML出力も生成するWebページを作成するためにページビルダーまたは他のツールを使用する場合があります。

HTMLはどういう意味ですか?

HTMLはHyperTextMarkupLanguageの略で、Webページの作成に使用される言語です。マークアップを使用して要素を定義およびスタイル設定します。たとえば、フォント、色、位置、リンクなどを定義できます。ほとんどのWebサイトビルダーはHTMLで直接書き込みませんが、Webブラウザーで読み取られて解釈される最終的な出力はHTML形式です。このため、任意のWebページを右クリックして[ページソースの表示]を選択すると、結果のウィンドウの最初の行は<!doctypehtml>になります。

HTMLページの構造は何ですか?

構造は異なる場合がありますが、HTMLで見つける必要のある要素のいくつかは次のとおりです(イタリック体の説明付き)。どこかを右クリックして「ページソースの表示」を選択することにより、任意のWebページでこれを確認します。

<!DOCTYPE html>-これは、これが読み取り可能なHTMLファイルであることをWebブラウザに示します。

<html lang="en">-これはウェブページが書かれている言語を示しています

<head>-これは、一般的なコードが配置されるヘッドセクションの始まりを示します

<title>ページのタイトル</title>-これは、ブラウザタブに表示されるページのタイトルを示すメタタグです。

<meta name = "description" content = "..." />-これは、検索エンジンの場合、ページの内容を説明するために使用されます

<meta name = "viewport" content = "width = device-width、initial-scale = 1、minimum-scale = 1、user-scalable = 0" />-これは、Webページの表示方法を指示するコマンドです。さまざまな画面サイズ

<meta name = "robots" content = "index、follow" />-これは、ページをクロールするボットに、ページにインデックスを付けて検索エンジンの結果に追加できることを通知します

<link rel = "stylesheet" type = "text /css" href = "/css /style /style.css">-これにより、HTMLがCSSファイルに接続され、テキストのより詳細なスタイルが配置されます。

<script src = "/js /random.js" type = "text /javascript"> </script>-これは、Webページでアクションを実行するために使用されるJavaScriptファイルに接続します

<link rel = "canonical" href = "https://yourpage.com" />-類似したコンテンツのページがある場合、またはページが複数のURLにある場合、これはクローラーにどのURLを取り込むかを示します権限目的のアカウント

</head>-これでヘッドセクションが閉じます

<body>-これにより、実際のページコンテンツが配置される本文セクションが開きます

<div class = "container">-これにより、containerというセクションが開きます。このセクションは通常、コンテンツのフレームを作成します。

<a href="https://yoursiteshomepage.com"> <img class = "navbar-brand-logo-normal" src = "/images /logo.svg" alt ="VisitorAnalyticsロゴ"height= "52" width = "180"> </a>-これは、ホームページにリンクするロゴ画像を配置する1つの方法です。

<div class =” first-text”>これらは実際にウェブサイトに表示される最初の単語です</div>-接続されたCSSファイルでスタイルを設定できるテキスト

..。

</body>