みなさんこんにちわ!
今日は4年に1度しかない特別な日ですね!
どの様にお過ごしでしょうか?
1日なんか得したみたいですね!
それでは今日もパソ吉のWEB講座です・・・・・!
自分自身のビジネスで成功したい方はネットビジネスが一番です。
そして、プログラミングの基礎を学ぶことが成功への早道です。
================================================
【コンテンツ制作の応用】
テーブルやセルの大きさを指定するには、Cssのwidthプロパティ―で幅を、
heightプロパティ―で高さを指定します。
さて、
それでは早速行きましょう!
難しくはありません!
========================================================
≪幅と高さについて≫
早速ソースを見てみましょう!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>幅と高さの設定</title>
<style type="text/css">
<!--
table{margin-bottom:25px;
margin-left:20px}
td{font-size:40px}
p{margin-bottom:6px;
margin-left:30px}
.size{width:300px;
height:180px}
.w-size{width:100px}
.h-size{height:100px}
-->
</style>
</head>
<body>
<!-- 1番目の表 -->
<p>(1) 初期設定</p>
<table border="1">
<tr>
<td>春</td>
<td>夏</td>
</tr>
<tr>
<td>秋</td>
<td>冬</td>
</tr>
</table>
<!-- 2番目の表 -->
<p>(2) テーブル全体にサイズ指定</p>
<table border="1" class="size">
<tr>
<td>春</td>
<td>夏</td>
</tr>
<tr>
<td>秋</td>
<td>冬</td>
</tr>
</table>
<!-- 3番目の表 -->
<p>(3) セルにサイズ指定</p>
<table border="1">
<tr>
<td class="w-size">春</td>
<td>夏</td>
</tr>
<tr>
<td class="h-size">秋</td>
<td>冬</td>
</tr>
</table>
</body>
</html>
上記の例ですと
スタイルシートの部分にw-size,h-sizeという部分が
あります。ここでw-size,h-sizeという名前を付けた、
春と秋の部分の幅、高さが変更されます。
テーブルの設定はまだまだ、たくさんあります。
次回もテーブルのスタイルについて学びましょう。
この画面ですと解りずらいですね!
更に理解を深めるためにUstream(動画)で解説したいと思いますので
ご覧下さい。(Facebookの方で日程を告知します。)
今日の内容は、いかがだったでしょうか?
皆さんのお役にたてる内容だったでしょうか?
一言お便り頂けると嬉しいです。
「良かったよ」の一言でも良いです。
また、今後学びたい内容でも良いです。
皆さんの一言が活力になります。
下記メルアドまで!!
↓↓↓↓↓↓↓↓↓↓
今後の記事にご期待下さい!
少しでも、みなさんのお役に立てるなら嬉しいです!
最後まで読んで頂いたあなたへ感謝!!
ありがとうございます。
”ツイテル ついてる”
今日もきっと良い事!!!
【ホームページ作成がたくさんありますよサービス】
低価格でホームページを制作!
個人事業者、SOHO、中小企業様を中心に、クオリティの高い効果のあるウェブサイトを提供します!
<WEBコンサル・パソ吉>