⇒戻る

HTML
基本・文字・背景
リンク・画像
テーブル
フレーム
フォーム関連

CSS
背景・リンク他
HTMLメモ―基本―

<html>
<head>
<title>トップ</title>
</head>
<body>
マイホームページ
</body>
</html>

ブラウザで表示される部分は、<body>と</body>の間に書かれた情報。
<title>と</title>の間に書かれた情報は、ブラウザのタイトルバーに表示。


HTMLメモ―文字・背景関連―

1、文字の装飾・その1
■太字
<b> </b> → 太字
■斜体
<i> </i> → 斜体
■下線
<u> </u> → 下線
■取り消し線
<s> </s> → 取り消し線

特定の文章に色をつけたい時
<font color="色指定"> </font>

色指定の仕方は2種類。1つは、色の名前を英語で打つもの(黒ならblack、白ならwhiteといった具合)。もう1つは、アルファベットと数字を6桁組み合わせて指定するもの。
指定する際使えるのは、0〜9までの数字とa〜fまでのアルファベット。#000000なら黒になり、#ffffffなら白、全て同じ記号だとグレー(fに近付くにつれて薄いグレーになる)。

特定の文章でなく、ページ全体の文字色を指定したい時は、<body>タグの中に属性を入れる。
<body text="色指定">

2、文字の大きさ
特定の文字の大きさ(=フォントサイズ)を変えたい時
<font size="数値"> </font>

フォントサイズ1
フォントサイズ2
フォントサイズ3
フォントサイズ4

フォントサイズ5

フォントサイズ6

フォントサイズ7

特定の文章でなく、ページ全体のフォントサイズを指定したい時は、<body>のすぐ下に
<basefont size="数値">

3、その他文字・文章関連

■改行
改行したい場所に<br>
■上付き文字
<sup> </sup> → Linda3(『3』がタグで囲った部分)
■下付き文字
<sub> </sub> → Linda3(『3』がタグで囲った部分)
■ルビをふる(注:古いブラウザ及びNNでは無効。IE5以上ならOK。winは不明)
<ruby>高和<rt>たかわ</ruby> → 高和たかわ

■文章を寄せる
<div align="●"> </div>

●の部分はright(右寄せ)、center(中央寄せ)、left(左寄せ)のいずれか。
右寄せ

中央寄せ

左寄せ


divの部分がpでも似たような効果になるが、pは段落を意味する。

中央寄せ
<center> </center>

■水平線
<hr>
□ size="数値" 線の太さ
□ width="数値" 線の長さ。ピクセル指定かパーセント指定
□ color="色指定" 線の色
□ align="●" 線の位置。right、center、left
□ noshadeを入れると影がなくなる

<hr width=200 size=3> →

<hr width=200 size=3 noshade> →

■特殊な文字
è:&egrave;
é:&eacute;
ï:&iuml;
ô:&ocirc;

4、背景
背景色指定は<body>タグに
bgcolor="色指定"

背景に画像を使いたい時は<body>タグに、
background="画像のファイル名"