基本的なタグ
(13語+3)
◆下記のタグや属性名をクリックすると、
杜甫々さんの 「とほほのWWW入門」の
HTMLリファレンス
にリンクします。
タ グ
主 な 機 能
関連属性 等
<a>
ジャンプ先の目印や、リンク先にジャンプする時等に使用
使用例
href
name
target
<b>
<b>〜</b>で囲まれた文字を太字にする
使用例
<strong>
<body>
文書の本文を<body>〜</body>で囲まれた部分に記述
基礎知識
<html>
<br>
このタグ位置で改行
使用例
<pre>
<center>
<center>〜</center>で囲まれた部分を、画面中央に表示
例1
例2
<font>
<font>〜</font>で囲んだ文字のフォント、大きさ、色を指定
使用例
size
color
point-size
<head>
ヘッダ部を<head>〜</head>で囲み、文書に関して指定
基礎知識
<html>
<meta>
<hr>
横線を引く
使用例
color
size width
<html>
HTML 文書であることを<html>〜</html>で囲んで指定
基礎知識
<head>
<body>
<img>
属性src="〜" で指定した画像ファイル
〜
を表示
使用例
src alt height width
<meta>
ブラウザや検索エンジンにページの情報を渡します
使用例
(文字コード)
name
http-equiv content
<table>
<tr>
、
<th>
、
<td>
と組合せて
テーブルを作成します
align
<title>
HTML文書のタイトルをヘッダ部に記述。ブラウザのツールバー、 履歴(お気に入り)メニュー、検索エンジン等で表示。
使用例
なるべく書くように!
<!-- 〜 -->
HTMLソースの中にコメント等を記述するときに使います
これはタグではありません
=
url
リンク先や画像のURLを指定、<a href="〜"> や <img src="〜">
これはタグではありません
&xxx;
タグ用記号の記述方法
<
→ <
>
→ >
&
→ &
"
→ "
空白
→ 等
このページ全体は上のタグだけで書かれています
如何ですか? これで充分やれそうですね
こんなテーブルもできます
列A
列B
列C
行1
A1
B1
C1-C2
行2
A2
B2
行3
A3
B3-C3
下記の文字をクリックすると指定先に
ジャンプします
◆
画像を表示する方法
◆
<table>タグを使う
◆
リンクするには<a>タグを使う
下図をクリックすると
拡大表示します
Topページ
>
HP作りTop
>
HPの仕組
/
net回線
/
HP準備
/
HPを作る
/
ファイル転送
/
基本的HP
/ 基本タグ/
作成フロー
‖
HTMLの初歩
‖