htmlの基本的タグについて

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

htmlの基本的タグについて

こんにちは。
シーサイドレーベルweb担当の飯野です。

前回までのメルマガでは
head要素内要素のご説明を
させて頂きました。

今回は、body要素内で使う
基本的なタグをご紹介して
いきたいと思います。

<p>テキスト</p>

段落を表すタグです。
pタグに囲まれた文章内が一つの段落として
表示されます。

基本的には、文章を打ち込むときには
Pタグを使うようにしましょう。

<h1>テキスト</h1>

見出しタグです。
見出しタグについては以前のメルマガ
htmlの見出しタグについて」で詳しく説明させて頂いたので
良かったらこちらも合わせてご覧下さい。

<table></table>

表組みを表現できるタグです。
テーブルの表示方法は色々あるので
機会があったら今後詳しく取り上げたいと
思います。

<ul></ul>

箇条書きを表す時に使うタグです。
こちらも使い方によって、
色々表示方法があります。

<br />

改行タグです。
他のタグは開始タグと終了タグのセットで
使うのですが、改行タグはこれひとつで
大丈夫です。
ちなみにbrの後に半角スペースとスラッシュが
入ってるのは、XHTMLの場合のルールです。
他のhtmlのバージョンのルールだと
<br>だけでOKだったりします。

<hr />

罫線タグです。
こちらもこのタグ単体で使います。

<img src=”画像ファイル名” />

画像を表示させる為のタグです。
XHTMLのルールの場合、画像ファイル名の他に
幅、高さ、altタグなどが必要です。

例)

この様な感じで記述します。

<a>テキスト</a>

リンクタグになります。
リンクタグは開始タグと終了タグのセットで
使います。

クリックした時に、新しいタブで
リンク先のページを表示させたい場合は
下記のように記述します。

こうすることで、新しいタブで表示させる事が出来ます。

今回は最低限覚えて欲しい
body要素内で使うhtmlタグをご紹介させて頂きました。
実際にご自身のhtmlファイルに記述してみて
どのように表示されるのか確認してみて下さいね。

基本的なタグなので、今後使う機会がたくさんあると思います。
しっかり覚えるようにしましょう。

では、また来週お会いしましょう。

mt

起業初年度1000万円、その後ゆるやかに年商3000万円までを目標に起業に向けて一歩を踏み出したい方向けの起業専門メルマガです。最新のノウハウを始め、セミナーや限定サービスのご案内をご希望の方は今すぐ下記フォームより、メインで使っているメールアドレスをご登録下さい。家族との時間を大切にしながら自由自在に収入を増やせる起業家になる方法を余すことなくお伝えいたします。

メールアドレス(必須)

コミュニティ