HTML入門まとめ
HTML入門(10)
よく使うHTMLタグの紹介も終わったので、今回は復習もかねて、簡単なページを作ることにします。
「おれ様は、ばっちりだからもういいんだぜぇ」という人もいらっしゃるかもしれませんが、今回作成したページは、CSS入門でも使う予定なので作成しておいて欲しいのね。
お話は、次の順番で進みます。
よく使うHTMLタグのまとめ
HTML入門の復習をしておきましょう。
1:最低限必要なHTMLタグ 4つ
覚えているかしら。最低限必要になるHTMLタグです。
<html> | HTML文だから、<html>タグで囲みます。 |
|---|---|
<head> | そのページの情報を記載します。 |
<title> | そのページのタイトルを記載します。 |
<body> | <body>タグ内に、伝えたい内容を記載します。 |
忘れてしまった人は、記事「HTML入門 はじめました」をご覧ください。
2:よく使うHTMLタグ 8つ
よく使うであろうHTMLタグです。ちょっと自信がないタグがあるときは、下記タグをクリックして、過去の記事へ飛びましょう。
見出しタグです。<h1>〜<h6>まであります。 | |
文章を書くためのタグです。<p>〜</p>で、ひと段落を囲みます。 | |
画像を表示させるタグです。href属性、alt属性は必須です。 | |
リンクを張るときのタグです。 | |
表を作るときのタグです。<tr>、<th>、<td>もお忘れなく。 | |
箇条書きを書くときのタグです。それぞれの項目は、<li>〜</li>で囲みます。 | |
ブロックレベルでグループ化するためのタグです。 | |
インラインでグループ化するためのタグです。 |
3:たまに使うHTMLタグ 3つ
頻繁には使わないけれど、たまには使うので覚えておくと良いHTMLタグです。(この記事のあとで、紹介して行く予定です)
強制的に改行するタグです。 | |
文字を強調させるためのタグです。ワンランク下には、<em>タグがあります。 | |
引用文を使うときのタグです。 |
集中して「よく使うHTMLタグ 8つ」を覚えてもらいたいので分けて書くことにしました。
Webサイトを紹介するページの作成
HTML入門の総決算として、Webサイトを紹介するページを作成してみましょう。最低限、次の情報を盛り込んで、HTMLコードを作成してみてください。
- ページにタイトルを付ける。
- 見出しを入れる。
- 表を作って、Webサイト情報を書く。
- Webサイト名からリンクを張る。
- Webサイトの要旨を書く。
- Webサイトのキャプチャ画像を入れる。
- 箇条書きで特徴を書く。
正解があるわけではないので、お好きなように作成してください。ただ、デザインやレイアウトは、CSSにて行います。もっさりしたままにしておいてください。
キャプチャ画像の作り方が分からない人は、記事「プリントスクリーンの方法」を参考にしてください。
次回予告
次回は、改行するタグ(<br>タグ)について書きます。
関連記事
HTMLに関連する記事を、ご紹介します。
1:カスタマイズ前
2:HTML入門
- HTML入門 はじめました
- HTMLを表示させてみよう
- 見出しを付ける 【<h>タグ】
- 文章を書く 【<p>タグ】
- 画像を使う 【<img>タグ】
- リンクさせる 【<a>タグ】
- 表を作る 【<table>タグ】
- 箇条書き 【<ul>タグ】
- グループ化 【<div>タグ】
- HTML入門まとめ(この記事です)
3:もう少しHTML
作成日:2008/03/30 更新日:2008/03/30
« 「グループ化 【<div>タグ】」|「改行する 【<br>タグ】」 »
コメントありがとうございます。
コメントの投稿
トラックバック
http://kumacrow.blog111.fc2.com/tb.php/250-d688d61e
