締切済み

HTMLの書き方

2014/02/27 18:10

ＨＴＭＬ初心者です。このサイトみたいに、左側に余白を入れるにはどうすればいいんでしょうか？ http://www.asahi-net.or.jp/~mf4n-nmr/web_style.html

jack1110000
お礼率0% (0/3)

Windows 7
回答数3
ありがとう数0

みんなの回答 （3）
専門家の回答

みんなの回答

yukiyayako
ベストアンサー率30% (12/39)

2014/02/27 20:36 回答No.3

htmlソースとは別の　base.cssファイルを見ました？そこを見るとわかりますよ。ソース内のbase.cssをクリックすると見られます。ソースはブラウザにもよりますが、＜表示＞や＜ツール＞といったタグ内の＜ソース＞や＜ソースを表示＞などから見られます。

ログインすると、全ての回答が全文表示されます。

aozakana_dha
ベストアンサー率45% (76/168)

2014/02/27 20:12 回答No.2

そのページですと、スタイルシート(base.css)の中の p {margin-left: 90px; margin-right: 90px; } の記述により<p>タグで書いた部分の左右に90ピクセルの余白が入るようになっています。同様に<h2>や<h3>のタグにも margin-left で左側の余白がそれぞれ50ピクセル、70ピクセルに設定されていますね。

ログインすると、全ての回答が全文表示されます。

Satan94
ベストアンサー率66% (33/50)

2014/02/27 20:09 回答No.1

htmlではなくcssファイルのほうで div.side {margin-left: 90px; margin-right: 90px; } と指定しているようです。 cssではなくhtml内で記述する場合は <head> 　　<style type="text/css"> 　　　　div.side {margin-left: 90px; margin-right: 90px; } 　　</style> 　　<title>タイトル</title> </head> <body> 　　<div.side> 　　　　左右に余白を入れたい文章　　</div.side> となります。左側のみに余白を入れたい場合はmargin-right: 90px;を削除してください。この例では90ピクセルですが値は自由に変更できます。

ログインすると、全ての回答が全文表示されます。