初めてのHTML -基本的なタグ<p>- @TWクラブ【BloodyRosary】製作



そもそも、どんなサイトを作りたいんよ???


そう、サイトを作りたい!と言っても、イメージという抽象的なものだけでは
サイトは作れない。

いや、イメージは大事だが、それを具現化するために何が必要なのか、
それが必要である。


HTML言語を覚える前に、まずはそれ(目的)を固めること。
それが固まって初めて、このページに利用価値が現れるというものだ。


日記を書くのか、撮った写真を載せるのか、
絵を描くのか、掲示板を置いてみんなで書くのか、
小説を書くのか、攻略サイトにでもするのか、
リンク集を作るのか、ゲームを作って置くのか……。



さぁ、目的はできたか、んじゃーてきとーにタグの説明行くおー(ゆるっ!?

<p>

ていうかなぜ最初のサンプルになかったのかが不思議なくらい、基本的なタグ。
この『<p> </p>』で囲まれたところに、
ふつーの文章を書く。 見出しじゃないよ。

たとえば↓のような感じ。

--- 見出しだお ---

このサイトはなんでもないサイトだお

↓ 中身はこんな感じ
<h1>--- 見出しだお ---</h1>
<p>このサイトはなんでもないサイトだお</p>

ちなみにh1とかpは勝手に改行してくれるので、
<br>はいらないっす。



さらにちなみに、<p>がなくても
文章は表示します。

でもやったほうがいい。なんのタグにも囲まれてない文章なんて、
気持ち悪い。寒気がする。めまい、吐き気がする。



これを例に、前作ったtest.htmlを改良してみよう。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja-JP">
<head>

<link rel="stylesheet" href="default.css" type="text/css">
<link rel="prev" href="index.html">
<link rev="made" href="mailto:mai_tukamoto@infoseek.jp">

<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">

<title>ようこそ、このサイトへ</title>
</head>
<body>

<h1>今日の一言</h1><br>

<p>
ぶっちゃけ眠い。21時には眠いわ。<br>
本当は20時には寝たいけどな(爆ステ<br>
</p>

</body>
</html>
変わったのは、title のところと h1 のところと p のところ。
↓ こんな感じで表示されるはず。
01


これだけでもう、文章だけの簡単なサイトが作れちゃう☆





次へ(基本的なタグ<img>)


前へ(HTML文の説明2(肝心な中身部分))


目次へ



別館TOPに戻る
ブログに戻る

BloodyRosary
Presents by 【BloodyRosary】
Copyrights (C) NEXON Corporation and NEXON Co., Ltd.
All Rights Reserved.