無料お金儲け得するサイト総合topへ サイトマップ

ホームページ作成講座(html)

ホームページ（ＨＴＭＬ）の作り方をわかりやすく解説しています。
ホームページを作るのは、実はそれほどむつかいものではなく、基本的なＨＴＭＬタグさえ理解すれば誰でも簡単にホームページが作れます。
ぜひあなたも、ホームページ作りにチャレンジしてください。

表の大きさを変える

ホームページ上に商品データなどの表を作ります。

セルの余白を設定する。

表の見栄えをよくするために、セル内の余白を設定します。

テーブルタグにcellpadding="○"属性で○の部分に任意の数字で指定する。

<table　bordor＝"2" cellpadding="10">
<tr><td>ACC<td><td>通学</td><td>200,000</td></tr>
<tr><td>NOMA<td><td>教材</td><td>50,000</td></tr>
</table>

ACC 通学 200,000
NOMA 教材 50,000

セルの幅を変える

セルの幅は、セル内の内容によって自動的に決まりますが、width="○”属性を使うことで希望の長さを指定できます。

1行目にwidth属性を指定すると2行目以降を指定しなくても1行目にあわせて表示されます。

<table　bordor＝"2">
<tr><td width="100">ACC</td><td width="100">通学</td><td width="100">200,000<td></tr>
<tr><td>NOMA<td><td>教材</td><td>50,000<td></tr>
</table>

ACC 通学 200,000
NOMA 教材 50,000

セルの高さを変える。

セルの高さを変えるにはheight＝"○"属性で指定します。

<table border="2">
<tr><td　height="50">ACC</td>通学<td></td><td>200,000</td></tr>
<tr><td　height="50">NOMA</td><td>教材</td><td>50,000</td></tr>
</table>

ACC 通学200,000
NOMA教材 50,000

メモ帳に書くサンプル

<html>

<head>省略

<body>

<h1>外国語の学習</h1>

<ul>
<li>英語</li>
<li>中国語語</li>
<li>韓国語</li>
<li>フランス語</li>
</ul>

<h2>英会話</h2>

<p>英語はおもにアメリカ・イギリス・・・・・・・・</p>

<h3>英会話学習のポイント</h3>

<p><strong>効率</strong>よく<em>英会話</em>を覚えるには・・・・・<br/>

本物の英語・・・・・・・・・・・・・・</p>

<h3>英会話スクールの紹介</h3>

<table border="2"cellpadding="10">
<caption>英会話スクール一覧</caption>
<tr><th>スクール名</th><th>学習方法</th><th>金額</th></tr>
<tr><td width="90">ACC</td><td width="90">通学</td><td width="90">200,000</td></tr>
<tr><td>NOMA<td><td>教材</td><td>50,000<td></tr>
</table>
　　　　　　本物の英語・・・・・・・・・・・・・・</p>

<h2>中国語</h2>

<h3>中国語学習のポイント</h3>

<body>

<html>

外国語サイトのサンプルを表示する