FreeServerSide FreeBSD Apache PHP HTML+CSSを使いこなそう!

HTMLとは?

HTMLの正式名称はHyper Text Markup Languageで、その頭文字をとって HTMLと呼ばれています。 もともとはコンピュータ内の大量の文書を効率よく管理するために 作られました。 文書から他の文書へジャンプしていくのは、紙の文書では とうてい不可能のため文書を越えた文書ということで、 Hyper Textと呼ばれています。 実際のHTML文書を下に記しますので、 テキストエディターで入力して「test.html」という名前で保存し、 ブラウザで表示してみてください。実際に入力してみることが 大切ですよ。

<HTML>
    <HEAD>
        <TITLE>練習</TITLE>
    </HEAD>
    <BODY>
        HTMLにこんにちは!
    </BODY>
</HTML>

どうでしょう?ブラウザに「HTMLにこんにちは!」と表示されましたか? 表示されていない方は、ファイルの拡張子が「.html」になっているか 確認してみてください。

CSS(Cascading Style Sheets)は、Webページのデザインを詳細に設定するための技術です。 HTMLからデザイン的な設定を分離する目的で開発が始まりました。簡単なCSSを下に記します。

<HTML>
    <HEAD>
        <TITLE>練習</TITLE>
        <STYLE TYPE="TEXT/CSS">
            SPAN {FONT-SIZE:30PX;}
        </STYLE>

    </HEAD>
    <BODY>
        <SPAN>HTMLにこんにちは!</SPAN>
    </BODY>
</HTML>

「test.html」に太字の部分を追加し、ブラウザで表示してみてください。 どうですか?<SPAN>で囲まれた部分が大きく表示されましたね!! この様にHTMLCSSを使うと簡単に表示を変えることができるので、 これからどんどん紹介していきます!