Internet-technologies-html
提供:Dev Guides
HTML
前書き
*HTML* は* Hyper Text Markup Languageの略です。*これは、Webページの外観とコンテンツを定義するために使用されるフォーマット言語です。 Webページ上のテキスト、グラフィックス、オーディオ、ビデオを整理することができます。
キーポイント:
- ハイパーテキストという言葉は、リンクとして機能するテキストを指します。
- マークアップという言葉は、テキストの構造を定義するために使用される記号を指します。 マークアップシンボルは、ブラウザにテキストの表示方法を指示し、多くの場合タグと呼ばれます。
- 言語という言葉は、他の言語に似た構文を指します。
'_HTMLは* CERN。の *Tim Berners-Lee によって作成されました_
HTMLバージョン
次の表に、HTMLのさまざまなバージョンを示します。
Version | Year |
---|---|
HTML 1.0 | 1991 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.0 | 1999 |
XHTML | 2000 |
HTML5 | 2012 |
HTMLタグ
- タグ*は、WebブラウザにWebページ上のテキスト、オーディオ、グラフィックスまたはビデオの表示方法を指示するコマンドです。
キーポイント:
- タグは、山括弧のペアで示されます。
- より小さい(<)文字で始まり、より大きい(>)文字で終わります。
- タグ名は山括弧の間に指定されます。
- ほとんどのタグは通常、開始タグと終了タグのペアで発生します。
- 開始タグは単純にタグ名を山括弧で囲んだもので、終了タグはスラッシュ(/)を含めて指定されます。
- 一部のタグは空です。 終了タグはありません。
- タグは大文字と小文字を区別しません。
- 開始タグ名と終了タグ名は同じでなければなりません。 たとえば、<b> hello </i>は両方とも異なるため無効です。
- タグに山括弧(<>)を指定しない場合、ブラウザはタグ名を単純なテキストとして扱います。 *タグには、タグに関する追加情報をブラウザに提供する属性を含めることもできます。
基本的なタグ
次の表は、基本的なWebページを定義する基本的なHTMLタグを示しています。
Tag | Description |
---|---|
<html> </html> | Specifies the document as a web page. |
<head> </head> | Specifies the descriptive information about the web documents. |
<title> </title> | Specifies the title of the web page. |
<body> </body> | Specifies the body of a web document. |
次のコードは、基本的なタグの使用方法を示しています。
<html>
<head> Heading goes here…</head>
<title> Title goes here…</title>
<body> Body goes here…</body>
</html>
タグのフォーマット
次の表は、テキストのフォーマットに使用されるHTMLタグを示しています。
Tag | Description |
---|---|
<b> </b> | Specifies the text as bold. Eg.* this is bold text * |
<em> </em> | It is a phrase text. It specifies the emphasized text. Eg. Emphasized text |
<strong> </strong> | It is a phrase tag. It specifies an important text. Eg.* this is strong text* |
<i> </i> | The content of italic tag is displayed in italic. Eg. Italic text |
<sub> </sub> | Specifies the subscripted text. Eg. X1 |
<sup> </sup> | Defines the superscripted text. Eg. X2 |
<ins> </ins> | Specifies the inserted text. Eg. The price of pen is now 2015. |
<del> </del> | Specifies the deleted text. Eg. The price of pen is now 2015. |
<mark> </mark> | Specifies the marked text. Eg. It is raining |
テーブルタグ
次の表では、一般的に使用されるテーブルタグについて説明します。
Tag | Description |
---|---|
<table> </table> | Specifies a table. |
<tr> </tr> | Specifies a row in the table. |
<th> </th> | Specifies header cell in the table. |
<td> </td> | Specifies the data in an cell of the table. |
<caption> </caption> | Specifies the table caption. |
<colgroup> </colgroup> | Specifies a group of columns in a table for formatting. |
リストタグ
次の表に、一般的に使用されるリストタグを示します。
Tag | Description |
---|---|
<ul> </ul> | Specifies an unordered list. |
<ol> </ol> | Specifies an ordered list. |
<li> </li> | Specifies a list item. |
<dl> </dl> | Specifies a description list. |
<dt> </dt> | Specifies the term in a description list. |
<dd> </dd> | Specifies description of term in a description list. |
フレーム
- フレーム*により、ブラウザのウィンドウを複数の長方形の領域に分割できます。 各リージョンには個別のhtml Webページが含まれており、それぞれが独立して動作します。
'_ブラウザー全体のフレームのセットは、フレームセットと呼ばれます。 ブラウザーウィンドウに、ブラウザーウィンドウをフレームに分割する方法と、それぞれがロードする必要があるWebページを指示します。_
次の表に、フレームの作成に使用されるさまざまなタグを示します。
Tag | Description |
---|---|
<frameset> </frameset> | It is replacement of the <body> tag. It doesn’t contain the tags that are normally used in <body> element; instead it contains the <frame> element used to add each frame. |
<frame> </frame> | Specifies the content of different frames in a web page. |
<base> </base> | It is used to set the default target frame in any page that contains links whose contents are displayed in another frame. |
フォーム
- フォーム*は値の入力に使用されます。 これらの値は、処理のためにサーバーに送信されます。 フォームは、テキストフィールド、チェックボックス、ラジオボタン、リスト、送信ボタンなどの入力要素を使用します。 データを入力します。
次の表は、フォームの作成時に一般的に使用されるタグを示しています。
Tag | Description |
---|---|
<form> </form> | It is used to create HTML form. |
<input> </input> | Specifies the input field. |
<textarea> </textarea> | Specifies a text area control that allows to enter multi-line text. |
<label> </label> | Specifies the label for an input element. |