どんとこい!PC情報

はじめてのhtml入門

 

罫線のつけ方

罫線をブラウザに表示しましょう!!

?罫線って??
ページの中に横線を引くタグで、ページの端から端までひかれます。
内容がたくさんある時にはとても便利ですね。
罫線を引くと自動的に改行が入ります。

hr 好きなところにつければどこにだって罫線が引くことができます。

メモ帳
↑エディタの画面
ブラウザ画面
↑ブラウザの画面
罫線が引かれました。簡単でしょ!!

実際に罫線をつけてみましょう!

目のアイコン
先ほど作ったソースに付け足してみてください。

<html>
<head>
<title>松本 花子</title>
</head>
<body bgcolor="#ffffcc">
<font size="6" color="#ff6600">
<p>松本花子</p>
</font>
誕生日:平成16年4月1日</br>
出身地:長野県</br>
</font face="MS 明朝">
<p>私の趣味は映画鑑賞です!</p>
<hr>
</font>
</body>
</html>


罫線の種類

実はひとくちに罫線といっても、形や長さ、位置など様々なオプションから選べます。
<hr>
基本の罫線。くぼんだ様な線が引けます。
<hr noshade>
くぼみのない普通の線
<hr size="■">
線の太さを指定(nには数値が入る)
<hr width="■%">
横幅に対する割合分の線を引く
<hr width="■">
■にの数値分の長さの線を引く

次はいよいよ画像を貼り付けるやり方!

コメントの投稿


画像の中に見える文字を入力してください。

トラックバックURL

http://www.isl.ne.jp/cgi-bin/mt/mt-tb.cgi/1160

サイト内検索

twitterTwitter

最新ブログ記事

2014年05月07日

BeagleBoardを使ってみる

BaegleBoardでLinuxをブートする

2011年10月12日

WindowsXPの見た目をWindows7風に変更

カレンダー表示をカスタマイズする

2011年09月14日

WindowsXPの見た目をWindows7風に変更

ウィンドウを半透明化する

2011年09月14日

WindowsXPの見た目をWindows7風に変更

Windows7風にカスタマイズ

2011年05月11日

WindowsXPの見た目をWindows7風に変更

使用ソフト概要説明

アクセスランキング

人気のコンテンツをご紹介!

1位

どんとこいPC情報

CD/DVDの仕組み CD編

3位

どんとこいPC情報

CD/DVDの仕組み DVD

4位

どんとこいPC情報

CD/DVDの仕組み DVD±R

ISL 情報戦略研究所

pagetopこのページの先頭へ戻る