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

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

ホームページ作成ｈｔｍｌTop お気に入りに追加

リンクを貼る

リンクの貼り方は、相対パスと絶対パスがあります。

自分のホームページのほかのページに移動するには相対パスを他のホームページに移動するには絶対パスを使います。

自分のホームページ内にリンクを貼る

自分のホームページ内を移動するには、相対パスでリンクをはります。

相対パスとは、基準となるファイルから見て任意のファイルの場所を指定します。

例えば下のサンプルindex.htmlを保存しているフォルダｍｙpaegにsab.htmlがある場合、index.htmからsab.htmにリンクを貼りたい場は,<ahref="sub.html">～のようにファイル名のみの記入でファイルの場所を指定することが出来ます。

同じフォルダ内にリンクを貼る

aタグで囲んだ文字列にリンクを設定します。リンク先のURLにhref属性をつけて指定します。

liタグで囲んだ化粧品サンプルにリンクを設定します。

別のフォルダにリンクを貼る

リンク元より下の階層にあるフォルダにリンクを貼るには

フォルダBにあるsab.htmlにリンクを設定します。

リンク元より上の階層にあるフォルダにリンクを貼るには

リンク元より同じ階層にあるフォルダにリンクを貼るには

メモ帳に書くサンプル

<html>

<head>省略

<body>

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

<ul>
<li><a href="sub.html">英語</a></li>
<li>中国語語</li>
<li>韓国語</li>
<li>フランス語</li>
</ul>

<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>

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