|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" type="text/css">
</head>
<style type="text/css">
<!--
.oso {color:#ff0000;}
.kara {color:#0000cc;}
.choro {color:#00cc00;}
.iti {color:#990099;}
.tensi {color:#ffff00;}
.dry {color:#ff00cc;}
-->
</style>
<body>
<p><span class="oso">おそ松</span></p>
<p><span class="kara">カラ松</span></p>
<p><span class="choro">チョロ松</span></p>
<p><span class="iti">一松</span></p>
<p><span class="tensi">十四松</span></p>
<p><span class="dry">トッティ</span></p>
</body>
</html> 昨日は文字に色を付けて
それぞれを段落にしました。
今日は何をするのか決めてませんが
何か表を作ってみましょう♪
まず
表は
table要素で
テーブルの開始<table>
テーブルの終わり</table>を記述します。
次は行の要素です。
<table>〜</table>間で
開始<tr>終了</tr>を記述します。
そしてセル要素です。
<tr>〜</tr>間で
開始<td>終了</td>を記述します。
「形にしよう」
ティム・ガンっぽく言うと
「形にしよう」
彼のスーツはいつも素敵。
あっタイも可愛い。
あっまた脱線しそうだった。
では基本を貼り付けて
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" type="text/css">
</head>
<style type="text/css">
<!-- -->
</style>
<body>
</body>
</html> 記述するのは、
<body>〜</body>間です。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" type="text/css">
</head>
<style type="text/css">
<!-- -->
</style>
<body>
<table>
<table border="1" width="600">
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table> </table>
</body>
</html>
これをブラウザで表示出来るかどうか
そして次の記述でどう変化するか
ブラウザで確認する。
次は、<td>〜</td>間に数字を入力します。
<tr><td>１</td><td>２</td></tr>
<tr><td></td><td></td></tr> こちらは下の段に数字を入れてみます。
<tr><td></td><td></td></tr>
<tr><td>３</td><td>４</td></tr> wordの入力をしてて、自動でセルの大きさを変えてくれるの
ありますよね。自動調整。
あれを思い出しました。
あの機能はすばらしい。
そして最後に、1〜4まで入れて完成です。
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr> ↓こちら↓
 今夜は湯豆腐でした。ゴチでした。明日は今日説明していない枠線の太さについて頑張ります。
|
>
- コンピュータとインターネット
>
- インターネット
>
- ホームページ
こちらこそ放置するかも
あら・・久しぶりにおじゃましたら・・・
がらりとイメージの違う・・この記事のせいかな？
実はね・・前の みーたんままってタイトルは、やんわかほんのりのイメージでいいなぁって思ってたんですよ。
これからもよろぴく！（また、放置するかもしれないけど）
2016/1/14(木) 午後 10:27
あら
名前戻そうかな
こちらこそ放置するかも
2016/1/15(金) 午前 5:41