ゲーム日記 -22ページ目

[HTML・CSS] 行の行間を広くする

●行の行間を広くする


---------------------------------
＜html＞
＜head＞
＜title＞資料館＜/title＞
＜style type="text/css"＞＜!--

body{
	color:#666666;
}
h2{
	font-size:16px;
	color:#00ccaa;
}
p{
	line-height:140px;
}
--＞＜/style＞
＜/head＞
＜body＞
＜h1＞駅のDATA＜/h1＞

＜h2＞青森駅（あおもりえき）＜/h2＞
＜p＞
青森県青森市柳川一丁目にある東日本旅客鉄道（JR東日本）の駅。
奥羽本線と東北本線の終点で、北海道方面へ向かう津軽線（津軽海峡線）の起点である。
＜/p＞
＜h2＞秋田駅（あきたえき）＜/h2＞
＜p＞
秋田県秋田市中通七丁目にある、東日本旅客鉄道（JR東日本）の駅である。
＜/p＞
＜h2＞盛岡駅（もりおかえき）＜/h2＞
＜p＞
岩手県盛岡市盛岡駅前通にある、
東日本旅客鉄道（JR東日本）・IGRいわて銀河鉄道の駅である。
＜/p＞
＜h2＞新潟駅（にいがたえき）＜/h2＞
＜p＞
新潟県新潟市中央区花園一丁目にある、東日本旅客鉄道（JR東日本）の駅。
上越新幹線の終点であり、本州日本海側の鉄道網の拠点駅でもある。
鉄道以外の公共交通機関も含めた新潟都市圏のターミナルの1つである。
現在、駅舎周辺では在来線の連続立体交差化と、それに伴う周辺整備事業が進められている
＜/p＞
＜h2＞山形駅（やまがたえき）＜h2＞
＜p＞
山形県山形市香澄町一丁目にある、東日本旅客鉄道（JR東日本）の駅である。
＜/p＞
＜h2＞仙台駅（せんだいえき）＜/h2＞
＜p＞
宮城県仙台市青葉区中央一丁目と宮城野区榴岡一丁目に跨る
東日本旅客鉄道（JR東日本）・仙台市地下鉄の駅である。
＜/p＞
＜/body＞
＜/html＞
---------------------------------

できるポケット仕事使って覚えるHTML&CSSの基本がマスターできる本改訂版 Internet Explorer7/6対応 (できるポケット)/佐藤和人

￥924
Amazon.co.jp

HTML&スタイルシートレッスンブック/エビスコム

￥2,415
Amazon.co.jp

[HTML・CSS] 文章中心のコンテンツを作る

●文章中心のコンテンツを作る


---------------------------------
＜html＞
＜head＞
＜title＞資料館＜/title＞
＜style type="text/css"＞＜!--

body{
	color:#666666;
}
h2{
	font-size:16px;
	color:#00ccaa;
}
--＞＜/style＞
＜/head＞
＜body＞
＜h1＞駅のDATA＜/h1＞

＜h2＞青森駅（あおもりえき）＜/h2＞
＜p＞
青森県青森市柳川一丁目にある東日本旅客鉄道（JR東日本）の駅。
奥羽本線と東北本線の終点で、北海道方面へ向かう津軽線（津軽海峡線）の起点である。
＜/p＞
＜h2＞秋田駅（あきたえき）＜/h2＞
＜p＞
秋田県秋田市中通七丁目にある、東日本旅客鉄道（JR東日本）の駅である。
＜/p＞
＜h2＞盛岡駅（もりおかえき）＜/h2＞
＜p＞
岩手県盛岡市盛岡駅前通にある、
東日本旅客鉄道（JR東日本）・IGRいわて銀河鉄道の駅である。
＜/p＞
＜h2＞新潟駅（にいがたえき）＜/h2＞
＜p＞
新潟県新潟市中央区花園一丁目にある、東日本旅客鉄道（JR東日本）の駅。
上越新幹線の終点であり、本州日本海側の鉄道網の拠点駅でもある。
鉄道以外の公共交通機関も含めた新潟都市圏のターミナルの1つである。
現在、駅舎周辺では在来線の連続立体交差化と、それに伴う周辺整備事業が進められている
＜/p＞
＜h2＞山形駅（やまがたえき）＜h2＞
＜p＞
山形県山形市香澄町一丁目にある、東日本旅客鉄道（JR東日本）の駅である。
＜/p＞
＜h2＞仙台駅（せんだいえき）＜/h2＞
＜p＞
宮城県仙台市青葉区中央一丁目と宮城野区榴岡一丁目に跨る
東日本旅客鉄道（JR東日本）・仙台市地下鉄の駅である。
＜/p＞
＜/body＞
＜/html＞
---------------------------------

改訂第6版 HTML&スタイルシートポケットリファレンス (POCKET REFERENCE)/シーズ

￥1,764
Amazon.co.jp

速習Webデザイン改訂新版 HTML & スタイルシート/栗原明則

￥2,604
Amazon.co.jp

[HTML・CSS] 文章を左揃えにする

●文章を左揃えにする


---------------------------------
＜html＞
＜head＞
＜title＞ホームページのタイトル＜/title＞
＜style type="text/css"＞＜!--

body{
	color:#666666;
}
h1{
	font-size:40px;
	font-family:"ＭＳ Ｐゴシック", Osaka;
	color:#336633;
}
span.green{
	color:#339900;
}
span.name{
	color:#339900;
	font-weight:bold;
}
p{
	width:360px;
	text-align:left;
}

--＞＜/style＞
＜/head＞
＜body＞
＜div align="center"＞
＜h1＞ホームページの見出し＜/h1＞
＜p＞＜span class="name"＞見出し＜/span＞のときと同じように、今度は、＜span class="green"＞文章＜/span＞を書く場所を用意します。＜/p＞
＜p＞＜span class="green"＞文章＜/span＞は、＜p＞～＜/p＞の中に書くことになっています。＜/p＞
＜div＞Copyright(c) HTML Master＜/div＞
＜/div＞
＜/body＞
＜/html＞
---------------------------------

できる大事典 HTML & CSS/佐藤和人

￥2,730
Amazon.co.jp

はじめてのホームページHTML入門 (BASIC MASTER SERIES)/荒石正二

￥1,449
Amazon.co.jp