日々の進歩

コメントへの個別返信は休止中です。ご了承ください。

送信ボタン

<form>
<p>
<input type="submit" value="送信"><input type="reset" value="リセット">
</p>
</form>

これで「送信ボタン」と「リセットボタン」のできあがりです。


PageTop

formタグ

昔僕は<form>タグでメールフォームを
作っていました。

<form>と</form>で囲まれた範囲が
「ここからここまでが送信フォームですよ」を示すタグ。
その中に例えば以下のように記述します。

<form method="post" action="mailto:sample@example.co.jp" enctype="text/plain">
<p>お名前</p>
</form>

真剣に動作チェックしていないので、このHTML文はサンプルだと
思ってください。意味は
「sample@example.co.jpにメールを送信します」
という意味になります。

送信ボタンとか、自由記述スペースなどを
追加して僕の2004年当時のメールフォームの再現が
出来上がります。


PageTop

仮完成

「index.html」というページを作って、そして
「page1.html」「page2.html」というページも
作る。

そして<a>タグでそれぞれのページを結ぶ。

最後のページに自分のメールアドレスか
アマゾンアソシエイトへのリンクを貼る。
それでサイトは一応完成です。

以上がhtml視点で見た僕のホームページの仕組みになります。
質問があればこのタイミングで受け付けます。
ないのであれば違う連載を始めてもよいのですが
インターネット、ウェブ系の話をもう少し続けても
構いません。

PageTop

HTMLの基礎6

pタグとbrタグについて解説します。

pタグは「ひとまとまりの文章」であることを示す
タグです。<p>と</p>で囲まれた部分がそうだと
認識されます。

そしてbrタグですが、これは単に改行したいだけのときに
用いられるタグです。文章途中に<br>と記述したならば
そこを起点に文章が改行されます。

僕はこの2つのタグを混同するのが嫌なので
全部brタグだけでホームページは作りました。
「スマートフォンやタブレットの方には読みにくい。
だからbrタグはあまり使わない方がいいですよ」
という意見もあるようですが、僕は構成上
brタグしか使いません。

できるポケットHTML5&CSS3/2.1全事典

PageTop

USBメモリとOneDrive

パソコンが壊れたときに備えましょう。
僕はUSBメモリとOneDriveを使用してバックアップを
取っています。

ご存知の方もいるでしょうが解説を加えます。
USBメモリとはスティック状の記憶媒体のことで、
それをパソコンの穴(USB端子)に差し込むことで
データをそこに保存することができます。

OneDriveというのはWindowsが提供しているサービス
の一つで、インターネット上にファイルを保存できるサービス
です。Windows10なら標準搭載ですが、他のOSだと
ついていない可能性があります。

僕がHPを立ち上げた際、気にしたのが「もしパソコンが
動かなくなったらどうしよう」というものでした。
その対策として当時は「フロッピーディスク」に
自分のHTMLファイルのコピーを保存していました。

現在は上記の2つに移行しています。
ちなみに僕が現在使用しているのは、Amazonで購入した
Trancend社のUSBメモリです。

PageTop