カウンター 忍者ブログ

ぴらにんのぶろぐ

こんにちは!HTMLとJavascriptを勉強中です! Twitterやってます!→@piranin1006

html書いてみる。第一回

さあさっそく書いていきませう。とりあえずファイルから作らないかんとですな。


適当にテキストドキュメントを置いて、拡張子を.htmlに変えます。

そして、「プログラムから開く」からの「メモ帳」を指定して、色々書くってわけですな。
これだけでめんどくさい楽しいですね。
で、とりあえず骨組みだけ書いたのがこれ。



 <html> </html>で囲って、その中に、<head><body>がありますね。
<head>には、ツールバーの位置のものに対して記述し、
<body>には、本文を入れる感じかな?

 分厚くなるのは<body>ですね。
中身をいくらか書いたのがこれ。

これをしっかりブラウザで見るとこんなん。

それぞれ色で同じ内容になりまっそい。

 <tltle>で、ページのタイトルに文字を入れることができます。
とりあえず、「ぴらにんのほおむぺえじ(はぁと)」と入れてますが、
後でまともなのに戻すと思います。

 <p>は、段落をつくることができます
多分僕はこれから使わないと思います。
理由はまた次回(絶対に言うとは言っていない)。

 さすがにこれではしょぼすぎて、これをHPとしてアップしたくなかったので、
もう少し追加したのがこれ。



 <body bgcolor>で背景色を指定できますね。
今回は、#ffffab、つまり、Red(255),Green(255),Blue(171),
薄い黄色を背景に指定しました。しょぼさ倍増ですね。はい。

 <h1>で見出しとして設定できるみたいです。
うまいこと使えば、プログラムが読みやすくなるかもですね。

 <hr>は区切り線を作ることができます。
今回は<hr width="80%">と入れてあり、画面の横幅80%に引くようにしてます。
なんで80%にしたんでしょうね。見づらくてたまらんとですね。



 とまぁ、こんな感じで、少しずつHPっぽくしていこうと思います。
なお、こっちがある程度完成しないと、JavaScriptには触れられないので、
「Javascriptが見たくて来たんじゃワレェ」って人は、
Twitterでフォローして頂けると、更新する度につぶやかれるので、
そちらをお勧めします。ではまた~。


あ、そうだ。近々ブログ村に参加しようと思うので、
できればポチッとしていってください!!
にほんブログ村 IT技術ブログへ にほんブログ村 専門生日記ブログへ

拍手[0回]

PR