初めてのHTML -基本的なタグ<p>- @TWクラブ【BloodyRosary】製作
そもそも、どんなサイトを作りたいんよ???
そう、サイトを作りたい!と言っても、イメージという抽象的なものだけでは
サイトは作れない。
いや、イメージは大事だが、それを具現化するために何が必要なのか、
それが必要である。
HTML言語を覚える前に、まずはそれ(目的)を固めること。
それが固まって初めて、このページに利用価値が現れるというものだ。
日記を書くのか、撮った写真を載せるのか、
絵を描くのか、掲示板を置いてみんなで書くのか、
小説を書くのか、攻略サイトにでもするのか、
リンク集を作るのか、ゲームを作って置くのか……。
さぁ、目的はできたか、んじゃーてきとーにタグの説明行くおー(ゆるっ!?
ていうかなぜ最初のサンプルになかったのかが不思議なくらい、基本的なタグ。
この『<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 のところ。
↓ こんな感じで表示されるはず。
これだけでもう、文章だけの簡単なサイトが作れちゃう☆
次へ(基本的なタグ<img>)
前へ(HTML文の説明2(肝心な中身部分))
目次へ
別館TOPに戻る
ブログに戻る

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