Chapter2-6 雛形ファイルをつくろう！実践

2018年10月12日2023年2月18日

前回からの続きです。いよいよプログラミングかと思いきやまずHTMLファイルを作ります。もう起動しているとは思いますが、Apacheを起動させておきます。

Apacheの起動

Apache:

$ apachectl start

次にphpkisoというフォルダを作ります。

まずドキュメントディレクトリに移動します。

$ cd /Library/WebServer/Documents

次にphpkisoというディレクトリを作り移動します。

$ mkdir phpkiso && cd $_

ここに作ったファイルがlocalhost/phpkisoに表示されます。次にひな型となるファイルを作っていきます。

次にVimでhina.htmlを作成します。

$ vim hina.html

するとターミナルの画面が切り替わるはずです。そこでiキーを押して編集モードに入ります。本にはHTML4.01のテンプレートが載っていますが、私はHTML5で作りました。(ちょっと自信がないです)

<!DOCTYPE html>
<head>
	<meta charset="utf-8">
	<title>PHP基礎</title>
</head>
<body>
<p>コンテンツ</p>
</body>
</html>

以上書き終えたらescでビジュアルモードに戻り、:wqで保存・終了します。

localhost/phpkiso/hina.htmlにアクセスし、「コンテンツ」という文字が表示されていれば成功です。

よかったらシェアしてね！