English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML 基本教程

HTMLメディア

HTMLリファレンスマニュアル

HTML5 基本教程

HTML5 API

HTML5 メディア

HTML基本- 5の例

以下に5簡単な例を示し、HTMLの異なるウェブタグの用途と効果プレビューを説明します。

HTML タイトル

HTMLヘッディング(タイトル)は<h>タグで定義されています.1> - <h6>タグで定義されています.

<h1>私はタイトル1 h1</h1>
<h2>私はタイトル2 h2</h2>
<h3>私はタイトル3 h3</h3>
<h4>私はタイトル4 h4</h4>
<h5>私はタイトル5 h5</h5>
<h6>私はタイトル6 h6</h6>
テストをしてみる‹/›

HTML 段落

HTML段落はタグ<p>で定義されています.

<p>これは1番目の段落。</p>
<p>これは2番目の段落。</p>
<p>これは3番目の段落。</p>
テストをしてみる‹/›

HTMLハイパーリンク

HTMLリンクはタグ<a>で定義されています.

<a href="https://ja.oldtoolbag.com">これはリンクです</a> 
<a href="https://ja.oldtoolbag.com/html/html-tutorial.html">html基本教程のハイパーリンク</a>
テストをしてみる‹/›

ヒント:href属性でリンクのアドレスを指定します。

(このチュートリアルの後の章で属性に関する知識を学びます).

HTML イメージ

HTML画像はタグ<img>で定義されています.

<img src="/static/images/logo.png" width="258" height="39" />
テストをしてみる‹/›

注意:画像のパス、幅、高さは属性として表示されます。

HTML テーブル

HTMLテーブルはタグ<table>で定義されています.

<table border="1">
<tr>
<td>oldtoolbag.com基本教程のテーブル</td>
<td>oldtoolbag.com基本教程のテーブル</td>
<td>oldtoolbag.com基本教程のテーブル</td>
<td>oldtoolbag.com基本教程のテーブル</td>
</tr>
</table>
テストをしてみる‹/›

注意:テーブルの枠、幅、高さは属性として表示されています。