ポリプロピレン

PHPを1からお勉強するブログ

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

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

Apacheの起動

Apache:

$ sudo apachectl start

次にひな型となるファイルを作っていきます。

テンプレート作成

まずドキュメントディレクトリに移動します。ここに作ったファイルがlocalhostに表示されます。

$ cd /Library/WebServer/Documents

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

$ sudo vim hina.html

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

<!doctype html>
<html class="no-js" lang="">
<head>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>PHP基礎</title>
</head>
<body>
	<p>コンテンツ</p>
</body>
</html>

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

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