HTMLを使用してホームページ内の文書を作成する

トップページ＞ HTMLを使用してホームページ内の文書を作成する

HTMLを使用してホームページ内の文書を作成する

別の項目で書いたとおり、実際にホームページ制作のコーディングを行っていくときには頻繁に使用するタグとそれ程使用しないタグというものがでてきます。
ここでは、ホームページ制作をしていく中で頻繁に使用するタグについて少し紹介していきたいと思います。

まずホームページを制作始めるときには、そのホームページがヘッダー・、コンテンツ、ナビ、フッターなどで分けられていることを理解しなければなりません。
そして、コーディングを始める際にはまずこれらを部分ごとに<div>タグで囲んで指定していきます。<div>とはホームページ制作の中で頻繁に使用されるタグの1つです。このタグ自体には意味がないため、汎用的なブロック要素としてスタイルシートを適用したりする際に使用することができます。

<div>と同じくそれ自体に意味がないタグとして<span>というものがあります。このタグも<div>と同じくスタイルシートを適用する時などに頻繁に使用します。
この<div>と<span>の違いとしてはブロック要素であるかインライン要素であるかといったことがあります。<div>はブロック要素となるため、使用した際に前後が改行されることになります。対して、<span>はインライン要素となるため使用しても改行が入ることがありません。この違いを理解してホームページ制作に取り入れていくようにしましょう。
<div><span>の他にホームページ制作でよく使用するタグとして<p>というタグがあります。これは段落を指定するためのタグで、段落と段落の間はブラウザによっては1行空白をあけて表示をされます。
また、段落などのなかで文章を改行させて表示させたい場合には<br />タグを使用します。このタグには終了タグが無いので、<br />のみ記述すれば改行を指定することが可能です。

ホームページ内にはリンクを使用することが多くあります。リンクを作成する場合には<a>というタグを使用します。またその際、タグ内にtarget=などで属性を指定することでリンクをクリックした時に新しいタブや新しいブラウザでリンク先を表示させるといった指定などもすることができます。

これらの他に、画像を使用する際の<img>タグ、リストを作成するための<ul>や<li>といったタグなどを上手く組み合わせて、<div>で指定した各ブロック内に記述をしていくことができればホームページを制作するためのある程度のHTMLの記述をすることは可能かもしれません。

ホームページ制作会社　一覧

ホームページ制作東京: ホームページ制作会社のフューチャーは、東京都の品川区でホームページ制作を格安で行っております。お打ち合わせは、東京、千葉、神奈川、埼玉まで無料でお伺い致します。
WEBディレクター: ホームページ制作会社の現役ＷＥＢディレクターがためにＷＥＢ制作、ディレクションについて語ります。
ホームページ制作会社の営業日記: ホームページ制作会社の営業人がホームページ制作の現場をリアルに伝えます。
ホームページ制作基礎知識: ホームページ制作会社の窓口である事務員がＷＥＢの基礎知識を書いています。
ＷＥＢコーダー: ホームページ制作会社に必ず必要なプロのＷＥＢコーダーが惜しげもなく、テクニックを公開しています
ＷＥＢコンサルタント: ホームページ制作の受注をとるためには、ＷＥＢコンサルタントがお客様のご要望を正確に吸い上げる必要があります。
そんな体験談でしたらこちらを参考下さい。

HTMLを使用してホームページ内の文書を作成する