!!!WEBサイト作成の基礎 !!HTMLの基礎 !HTMLは「タグ」で書く HTMLの記述方法をマスターしましょう。難しいことは何もないです。 「タグ」というものがあるということと、表示したいものや使いたいものをタグで「囲む」ということがわかれば、半分はマスターしたようなものです。 *<■■■>で始まり、■■■>で閉じるという仕組みです。 *2種類のタグを適用したいときは、入れ子構造になります。 **<■■■> <●●●> テキストや画像 ●●●> ■■■> **
テキストや画像 ** *ソースファイル内のスペースや改行は基本的に無視されます。 !最低限必要な記述 *htmlタグ ** 〜 **ページの最初と最後に記述するタグです。 *headタグ ** 〜 **headタグに囲まれた部分は、ブラウザの画面上には表示されません。主にtitleタグやmetaタグ等をこの部分に記述します。 *bodyタグ ** 〜 **bodyタグに囲まれた部分が、ブラウザの画面上に表示されます。ページの内容はこの部分に記述していきます。 {{ref_text test.html}} 上記のHTMLを実際にWEBブラウザで表示すると以下のようになります。 下のファイルをブラウザで開いてください。 {{ref test.html}} !これだけは知ってないとまずいタグ *
**段落(文章中の意味のまとまり)を指定することができます。
*
**改行する。上でも書いた通り、ソースファイル上でのスペースと改行は無視されますので、改行したいポイントにこのタグを書いておく必要があります。
*
**aタグでリンクを設定できます。このタグに囲まれた内容が、リンクボタンになります。
**Google
**
*
**imgタグで、画像を表示させることができます。
**
*