ホームページの作り方HP

ホームページの作り方を、無料で初心者のために手打ちのHTMLタグとスタイルシートで解説してます

■ 管理人へのメールの作り方

　管理人へのメールを作る方法を紹介します。
　管理人へのメールを作る方法は、一番簡単なのが、<A href="mailto:メールアドレス">のリンク利用のメール送信です。

　<A href="mailto:メールアドレス">のリンク利用のメール送信の詳細は、リンク別画面表示タグを参照してください。

　<A href="mailto:メールアドレス">のリンク利用のメール送信は、迷惑メールがよく来ることになりますので、無料のメールフォームを利用することをオススメします。

　ここでは、<A href="mailto:メールアドレス">を使用した例を示しておきます。

＜＜　ＣＳＳファイルデータ例　＞＞

＜　ファイル名＝style.css　＞

body {
font-size:13pt;
line-height:150%;
background-color:#ccffff
}
h1 {
color:red;
background-color:#ffccff;
text-align:center;
text-decoration:none
}
.name1 {
width:800px;
border-style:solid;
border-width:2px;
border-color:#339966;
text-align:left;
padding:10px;
background-color:#ffffff
}
.name2 {
padding:20px
}
.title {
background-color:#ffccff;
text-align:center;
}
.title a{
color:red;
text-decoration:none
}

＜＜　更新履歴のHTMLデータ(ファイル名：rireki.html）＞＞

＜＜　HTMLファイル（ファイル名：index.html)　＞＞
（注意：style.css、rireki.html、index.htmlのファイルが同じフォルダ内にある場合です）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>管理人へのメールの作り方</title>
<meta name="keywords" content="メール,ホームページ">
<meta name="description" content="管理人へのメールの作り方の解説">
<meta http-equiv="Content-Style-Type" content="text/css">
<META http-equiv="Content-Script-Type" content="text/javascript">
<LINK href="style.css" type="text/css" rel=stylesheet>
</head>
<body>
<div align="center">
<div class=name1>
<div class=title>
<A href="index.html"><h1>ホームページのタイトル</h1></A>
</div>
<div align="center">
<A href="mailto:abcdefg@ahoo.co.jp">管理人にメール</a><br>
<iframe src="rireki.html" width="400" height="100" marginwidth="10" marginheight="10" frameborder="1" name="更新履歴">
　このページではインラインフレームを使用しています。</iframe>
</div>
<table>
<tr>
<td valign="top">
<div class=name2>
<table bgcolor="blue" cellspacing="1" width="100" align="center">
<tr bgcolor="#ccffff" align="center"> <td>項目</td></tr>
<tr bgcolor="#ffffff" align="center"> <td><A href="index.html">リンク１</A></td></tr>
<tr bgcolor="#ffffff" align="center"> <td><A href="index.html">リンク２</A></td></tr>
</table>
</div>
</td>
<td>
<p class=name2>
さていよいよ、bodyタグ内のホームページ本文の解説に入りたいと思います。それで、まず最初にホームページの内容領域の横幅は、800px以下にするようにします。これは、ホームページ作成にあたってのほぼ鉄則みたいなものですね。
</p>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>

＜＜　ブラウザ縮小表示例　＞＞

ホームページのタイトル

管理人にメール

項目

リンク１

リンク２

さていよいよ、bodyタグ内のホームページ本文の解説に入りたいと思います。それで、まず最初にホームページの内容領域の横幅は、800px以下にするようにします。これは、ホームページ作成にあたってのほぼ鉄則みたいなものですね。

　注意：上記メールアドレスは、あきらかに架空のものです。
　したがって、決してメールをクリックしてもメールを送信しないでください。

ホームページの作り方の実践

ホームページ公開方法

レンタルサーバの選択

FFFTPによるHPのアップロード

ホームページの作り方HPTOPへ

リンク

素材リンク

HP作成リンク