プログラミング奮闘記録

プラグラマーへ奮闘。PHP・Cakephp・JavaScript・isoアプリのコード勉強ブログです。その他の言語やツールなども使用します。

HTML 基本その4

昨日は、HTMLの書き方についてでしたが、

今回は、少し深い内容になっていきます。

 

つまり、bodyのWEBサイトの見える部分です。普段みなさんが見ているところになります。

 

昨日の内容を変更していきましょう!

昨日はこれで完成でした。

<!DOCTYPE html>

<html lang="ja">

<head>

<meta charset="UTF-8">

<title>プログラミング</title> 

</head>

<body>

内容内容内容内容内容内容

</body>

</html>

 

今回はbodyの中を作っていきます。

 

<body>から~~~~</body>までにさまざまなことを書いていきます。

たとえば、ただ文字だけを表示したい場合は、

<p>テスト</p>

と記述すると表示されます。

 

さらに見出し(文字を大きく表示して強調したい場合)を書きたい場合は、

<h1>と記述するとできます。

 

 

<!DOCTYPE html>

<html lang="ja">

<head>

<meta charset="UTF-8">

<title>プログラミング</title> 

</head>

<body>

<h1>見出し</h1>

<p>文字文字文字</p>

<table>
<tr>
<th>金額</th>
<th>内容</th>
</tr>
<tr>
<td>100円</td>
<td>鉛筆</td>
</tr>
</table>

</body>

</html>

 

みたいな感じになります。

必ず最後にはスラッシュを入れてくださいね。

 

<th>は、表の見出しになります。

<td>は、表の内容になります。

 

このように多くのタグがあります。

タグ=pとかbodyとかtitleとかのことです。

 

すべてを説明することはできませんので、

てか、私もすべてを把握していません。。。w

 

詳しくは、こちらを参考にしてさまざまな記述をしてみてください。

www.htmq.com