HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLの基本

ハイパーテキストとは、Webページ（HTMLドキュメント）をリンクする方法を指します。したがって、Webページで利用可能なリンクはハイパーテキストと呼ばれます。その名前が示すように、HTMLはマークアップ言語です。つまり、HTMLを使用して、表示する構造をWebブラウザに指示するタグを使用してテキストドキュメントを単に「マークアップ」します。これはハイパーテキストマークアップ言語の略で、Webページを作成するために最も広く使用されている言語です。

HTML5は、HTML 4.01、XHTML 1.0、およびXHTML1.1に代わるHTML標準の次のメジャーリビジョンです。 HTML5は、ワールドワイドウェブ上でコンテンツを構造化および表示するための標準です。新しい標準には、以前はAdobe Flash、Microsoft Silverlight、GoogleGearsなどのサードパーティのブラウザプラグインに依存していたビデオ再生やドラッグアンドドロップなどの機能が組み込まれています。

HTMLドキュメント型

HTMLドキュメントを作成するときは常に、ドキュメントに最初に配置されるのはDoctypeです。それはHTMLのバージョンについてウェブブラウザに伝えます、このページは書かれています。大文字と小文字は区別されません。

HTML5 doctype 

<!DOCTYPE html>

HTML文字エンコード

HTMLのcharset属性は、文字エンコードを指定するためにとともに使用されます。

以下は構文です-

<meta charset="char_set">

上記のchar_setは、HTMLドキュメントの文字エンコードを指定するための文字セットです。

文字エンコードを指定する例を見てみましょう-

例

<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
</head>
<body>
<h2>Example</h2>
<p>We have added demo text:<p>
<textarea rows = "4" cols = "50">
Here, we are mentioned the demo content. This is just to display an example of charset in an HTML document.
</textarea><br>
<button type = "button">Previous</button>
<button type = "button">Next</button>
</body>
</html>

出力

HTMLの基本

HTML見出し

すべてのドキュメントは見出しで始まります。見出しにはさまざまなサイズを使用できます。 HTMLには、要素

、

、

、

、

、および
を使用する6つのレベルの見出しもあります。見出しを表示している間、ブラウザはその見出しの前に1行、後に1行追加します。

HTML要素

HTML要素は開始タグによって定義されます。要素に他のコンテンツが含まれている場合、要素名の前にスラッシュが付いた終了タグで終わります

HTML属性

属性は、HTML要素の特性を定義するために使用され、要素の開始タグ内に配置されます。すべての属性は、名前と値の2つの部分で構成されています。例-

<canvas id=”newCanvas” width=”400” height=”300”>

他の例には-

が含まれます 
<img alt = ”alternate text”>

HTML5標準によれば、属性の前後に引用符を含めることは必須ではありませんが、引用符を含めることは常に良い習慣です。

HTMLフォーマット

フォーマットとは、Webページ上のテキストをHTMLでフォーマットする方法を意味します。太字、斜体、ストライク、ハイライトなどが含まれます。例を見てみましょう-

例

<!DOCTYPE html>
<html>
<body>
<h2>Tags for formatting text in HTML</h2>
<strong>Strong text</strong><br>
<b>Bold text</b><br>
<em>Emphasized text</em><br>
<i>Italic Text</i><br>
<mark>Highlighted text</mark>
</body>
</html>

出力

HTMLの基本

HTMLコメント

HTMLコメントは<！-…->タグの間に配置されます。したがって、-in <！-…->タグで配置されたコンテンツはコメントとして扱われ、ブラウザによって完全に無視されます。


  1. HTMLプレースホルダー属性

    HTMLプレースホルダー属性は、 input / textareaに表示されるテキストを表します ユーザーが何かを入力し始める前の要素。 構文 以下は構文です- <tagname placeholder=”text”></tagname> HTMLプレースホルダー属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       he

  2. HTMLテキストフォーマット

    HTMLテキストフォーマットとは、HTMLドキュメントのコンテンツをフォーマットするために特別に設計されたHTML要素を指します。 構文 以下は構文です- <tagname>content</tagname> HTMLのテキストフォーマットタグは次のとおりです。 Sr.No。 タグと説明 1 HTMLドキュメントで太字のテキストを指定します。 2 HTMLドキュメントで強調されたテキストを指定します 3 HTMLドキュメント内の斜体のテキストを指定します。 4 HTMLドキ