Htmlタグ辞典+css

▼基本となる html タグや CSS を紹介しています。

 

 

 

quetion

 

素材メニュー

 ◆html

<!DOCTYPE>  
<html>  

 ◆色見本

 ◆Head系

 ◆Body系

 ◆文字系

 ◆見出し・段落

 ◆画像系

 ◆リンク系

 ◆テーブル系

 ◆フォーム系

 ◆フレーム系

 

 

当サイトはロリポップを利用しています。
高機能ながら安価な料金で利用できるのでお勧めです。

↓↓↓ ↓↓↓

 

 

ドメインを取るならここ!
69円~独自ドメインが取れます。

↓↓↓ ↓↓↓

PHPを学ぼう! | htmlタグ辞典+css | パワーポイントで作るYouTube動画!





◆テーブル系 - 表と回り込ませたテキストの間隔を指定する

【ソース】

<table vspace="縦間隔" hspace="横間隔">~</table>

 

【説 明】

vspace属性は表の上下を間隔を、hspaceの属性では表の左右の間隔を設定します。
古いブラウザでは表示できないものがあります。

 

【サンプル】

▼以下のソースを表示します

<table border="1" align="left" vspace="20" hspace="20">
<tr align="center">
<th align="center" width="60">売上</th>
<th width="60">A支店</th>
<th width="60">>B支店</th>
<th width="60">C支店</th>
<th width="60">D支店</th>
</tr>
<tr>
<td align="center" width="60">1月</td>
<td width="60" align="right">100</td>
<td width="60" align="right">300</td>
<td width="60" align="right">120</td>
<td width="60" align="right">400</td>
</tr>
<tr>
<td align="center" width="60">2月</td>
<td width="60" align="right">460</td>
<td width="60" align="right">200</td>
<td width="60" align="right">300</td>
<td width="60" align="right">320</td>
</tr>
<tr>
<td align="center" width="60">3月</td>
<td width="60" align="right">340</td>
<td width="60" align="right">160</td>
<td width="60" align="right">200</td>
<td width="60" align="right">180</td>
</tr>
</table>
<p style="font-size:10pt; margin:0">
リーマンショック後の景気は、不安定で世界で様々な影響を及ぼしています。<br />
日本も例外ではなく東日本の大震災の影響もあり本来なら復興需要で 景気も上向くはずが、福島の原発の震災で電力が不安定になり、 これが関西や九州にも影響し電気が日本全体で電力不足が問題となった。<br />
追い討ちをけるように個人向け商用の電気料金の値上げがされ、工場などでは大きな電力を 利用する企業にとっては死活問題になりつつある。 長年続けた自民党政権からの原子力事業の付けが今では景気底上げの足かせとなる結果となっている。
</p>

 

【表 示】

売上 A支店 B支店 C支店 D支店
1月 100 300 120 400
2月 460 200 300 320
3月 340 160 200 180
リーマンショック後の景気は不安定で世界で様々な影響を及ぼしています。
日本も例外ではなく東日本の大震災の影響もあり本来なら復興需要で 景気も上向くはずが、福島の原発の震災で電力が不安定になり、 これが関西や九州にも影響し電気が日本全体で電力不足が問題となった。
追い討ちをけるように個人向け商用の電気料金の値上げがされ、工場などでは大きな電力を 利用する企業にとっては死活問題になりつつある。 長年続けた自民党政権からの原子力事業の付けが今では景気底上げの足かせとなる結果となっている。

 

※ブラウザによっては、正しく表示されない場合があります。

 

  

  

 


 

 

 

 

 

サイトキャラクター

 


 

 

CSSについて

 ◆CSSについて

 ◆CSSの適用

 ◆テンプレート

縦段組み  

 

制作ヒント

 ◆制作のヒント

 

htmlタグとCSSを理解すれば思い通りのホームページが作れるよ!

↓↓↓ ↓↓↓

スラスラわかるHTML&CSSのきほん 第2版

 

 

やっぱりホームページはソフトで作りたい!
そんなあなたにお勧めのホームページビルダー。

↓↓↓ ↓↓↓

ホームページ・ビルダー21 スタンダード 通常版

【関連サイト・リンク】

PHPを学ぼう! htmlタグ辞典+css おサルさんでもわかる? ホームページ作り! パワーポイントでYouTube動画を作る! 準備中 準備中 準備中

▲UP

Copyright (C) Ooedo21.com 2019. All Rights Reserved.