まず初めにHTML有りき

WordPressでこのサイトを書いてますが、使っているthemeに不満が有りPHPで修正をしようと思っています。

が、PHPを習う前にHTMLそのものの復習をしないといけない様です。

そこで始めたのがHTMLのお勉強!

 

① 基本形code (これが基本のキですので覚えてしまいましょう!)

<!DOCTYPE html>
<html lang=”ja”>
 <meta http-equiv=”content-type” charset=”utf-8″>
 <head>
  <title>Let’s Enjoy Python! </title>
 </head>
 <body>
 Kumasan.netへアクセスしよう
 </body>
</html>

 

これにxxx.htmlと名前を付けて文字コードセットをUTF-8で自分のPCのデスクトップにでもsaveして下さい。

これだけで、このfileをダブルクリックすればブラウザーに「kumasan.netへアクセスしよう」と表示されるはずです。

 

これらのcodeにはそれぞれの理由と役目が有りますが、まずは簡単なccodeを覚えるのが先決です。

<!DOCTYPE html>
<html lang=”ja”>

 <meta http-equiv=”content-type” charset=”utf-8″>

<html> ~ </html> codeはこの間に書く

<head>
  <title>Let’s Enjoy Python! </title>  <– ここはブラウザーの見出しになる
</head>

<body>ここに表示したい文言を書く</body>

この後に文字の大きさ、表示場所、表示方法とかが有りますが、段々出てきます。

文字下げ(indent)は無くても表示には影響しませんが、使うと見やすくなります。

codeは「サクラエディター」や「TeraPad」を使うのが分かり易いです。 freeでDL出来ますので、これで書いてUTF-8で保存してください。

 

 

続く

 

 

 

 

 

PC・HTML別館
W10 ホルダーを共有できない <-- 出来た!

W10を使用しているホームネットワーク内のPC間でholderの共有ができないことが判明。 いろいろ …

PC・HTML別館
PHPのためのXAMPP, WordPress導入

WordPress(つまりこのサイト)でもう少し自分流に変えたいなと思うことが有ります。 そういうこ …

PC・HTML別館
PC・HTML別館 目次

PC・HTML別館 ・W10 PCのholderの共有ができない <— 出来た!・ …