TOP > ホームページ作成 実践編 > 文字に関するタグ一覧
文字に関するタグ一覧※10月28日更新
文字に関するメニュー一覧（クリックすれば該当箇所に飛びます）
文字を書く
文字を書く場合、使用するタグは<p>です。
使い方は以下の通りです。
<html>
<head>
<title>文字に関するタグ一覧</title>
</head>
<body><p>文字の書き方練習</p>
</body>
</html>
実際の表示は以下の通り。
文字の書き方練習
文字を改行する
文字を改行する場合、使用するタグは<br>です。
使い方は以下の通りです。
<html>
<head>
<title>文字に関するタグ一覧</title>
</head>
<body><p>文字の改行練習<br>この部分が下に改行されます<p>
</body>
</html>
実際の表示は以下の通り。
文字の改行練習
この部分が下に改行されます
文字の色を変える
文字の色を変える場合、使用するタグは<font>です。
使い方は以下の通りです。
<html>
<head>
<title>文字に関するタグ一覧</title>
</head>
<body><p><font color="#ff0000">文字の色を変える練習（赤）</font></p>
<p><font color="#0000ff">文字の色を変える練習（青）</font></p>
</body>
</html>
実際の表示は以下の通り。
文字の色を変える練習（赤）
文字の色を変える練習（黄）
文字の大きさを変える
文字の大きさを変える場合、使用するタグは<font>です。
使い方は以下の通りです。
<html>
<head>
<title>文字に関するタグ一覧</title>
</head>
<body><p><font size="-2">文字の大きさを変える（小）</font></p>
<p><font size="+2">文字の大きさを変える（大）</font></p>
</body>
</html>
実際の表示は以下の通り。
文字の色を変える練習（小）
文字の色を変える練習（大）
文字の背景に色を付ける
文字を書く場合、使用するタグは<span>です。
使い方は以下の通りです。
<html>
<head>
<title>文字に関するタグ一覧</title>
</head>
<body><p><span style="background:#ff0000;">文字の背景に色を付ける（赤）</span></p>
<p><span style="background:#ffff00;">文字の背景に色を付ける（黄）</span></p>
</body>
</html>
実際の表示は以下の通り。
文字の背景に色を付ける（赤）
文字の背景に色を付ける（黄）
文字の位置を変える（中央揃え等）
文字の位置を変える場合、使用するタグは<div>です。
使い方は以下の通りです。
<html>
<head>
<title>文字に関するタグ一覧</title>
</head>
<body><div align="left"><p>文字の位置を変える（左）</p></div>
<div align="center"><p>文字の位置を変える（中央）</p></div>
<div align="right"><p>文字の位置を変える（右）</p></div>
</body>
</html>
実際の表示は以下の通り。
文字の位置を変える
文字の位置を変える
文字の位置を変える
文字にリンクを貼る
文字にリンクを貼る場合、使用するタグは<a>です。
使い方は以下の通りです。
<html>
<head>
<title>文字に関するタグ一覧</title>
</head>
<body><p><a href="移動先のＵＲＬ">このページのトップに戻る</a></p>
</body>
</html>
実際の表示は以下の通り。
関連記事
お名前どっとコムを利用した、100ＧＢの巨大容量サーバー代をゼロで済ませる方法を掲載。
画像の貼り付け、リンクの挿入などに使うタグが書かれています。
ＨＴＭＬを全く知らない人がゼロから始める為の基礎講座です。
スポンサードリンク
