PcSchool.Club

パソコンを分かりやすく解説することを目指す無料のスキルアップサイトです

岐阜のパソコン教室「パソコンスクール・テルン」

ホームページの基本構造を学んでみましょう ① | HTML講座

2021年5月28日

ホームページを自分で作ってみたいという考えている方はたくさんいらっしゃるかと思います。
今回はホームページの基本構造を勉強してみようと思います。

無料ソフトのメモ帳ソフトを使い、入力します。
notepadと入力しメモ帳を起動します。

ホームページの基本構造を学びます。メモ帳と起動します

他にもメモ帳ソフトを起動する方法はあります。
この方法はワードやエクセルを起動する方法と同じようにできます。
スタート画面の左下にある①スタート ボタンより
②画面を上に上がっていき 「 W 」を選択し、
③メモ帳 を選びます。
ホームページの基本構造を学びます。メモ帳と起動します

******************************************************************

 

さらにメモ帳が起動したら、下記のように入力します。
これがホームページの基本構造となります。

ホームページの基本構造を学びます。メモ帳と起動します

 

●<title></title>の間にホームページのタイトルバーに表示される題名(タイトル名)を表示します。
今回はわたしのホームページを入力します。

●<body></body>の間にホームページに表示する内容を以下のように記述します。

●<br>は改行しますという意味です

ホームページの基本構造を学びます。メモ帳と起動します

**************************************************************************************************

上記のように入力ができたら保存してみましょう。自分のメモリ(USBメモリ)に保存してみましょう

ホームページの基本構造を学びます。メモ帳と起動します

 

さらにUSBメモリを選択し、ファイル名:html1.htm と付け、保存してください。
保存の際、必ず半角で入力しましょう。
ホームページの基本構造を学びます。メモ帳と起動します

 

保存が出来たら確認してみます。ホームページのタイトル項目は以下の場所に表示されます。
さらにホームページに表示される内容は、大きく赤枠で囲まれた部分に表示されます。
ホームページの基本構造を学びます。メモ帳と起動します

 

保存したけれど、上記のように表示が出来ていないという方は、入力ミスをされているかと思います。
何度見直してもうまく表示できない方は、再度入力を一からされることをお勧めします。

 

**********************************************************************************

ホームページの基本構造を学びます。メモ帳と起動します