忍者ブログ

ホームページ制作入門

ホームページ制作入門ブログです。

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

HTML - body - 強調(strong)

HTML - body - 強調(strong)


strongは文字を強調したい時に使うタグです。

強調すると言っても見出しとは違い、

文章中で、この部分を強調したいと思った場所で使用します。



strongタグで文字を書くと、見た目としては太字になります。


使用例)

<strong>強調された文章</strong>




上記の様に

<xxx>~</xxx>

という形式で使用するタグです。

※「強調された文章」の部分が太字になります。
PR

HTML - body - 改行(br)

HTML - body - 改行(br)

前回、前々回で、見出しと文章が書けるようになりました。

ですが、HTMLで改行して文章を書いても、ブラウザ上にはその改行は反映されません。


実は、HTMLでは、改行もタグで指定します。



改行を指定するタグは

<br />

です。



改行タグは、「ここで改行する」というのを書くだけのタグですので、
改行タグには、終了タグがありません。



今までの

<xxx>~</xxx>

という形式のタグとは異なり、改行タグは、

<xxx />

という書き方をします(最後に半角スペースと半角スラッシュ「 /」が入ります)。




タグは他にも沢山ありますが、
見出しタグ<h1>~<h6>、段落タグ<p>、改行タグ<br />を覚えると、
実は簡単なHTMLなら書けるようになっています。


サンプルのHTMLを下に記載しますので、内容を変更して、HTMLを作ってみてください。


<!DOCTYPE html>
<html lang="ja">
<head>
</head>
<body>
<h1>一番大きな見出し</h1>

<h2>二番目に大きな見出し</h2>
<p>二番目に大きな見出しの説明文</p>

<h3>三番目に大きな見出し</h3>
<p>二番目に大きな見出しの説明文
文章が長くなったときは、<br />
改行タグを使って、<br />
文章を改行する
</p>
</body>
</html>

HTML - body - 段落(p)

HTML - body - 段落(p)


見出しの次は、文章が必要ですよね。

文章には<p>タグを使用します。

<p>タグは、「段落ひとつ分」だと考えてください。


使い方は

<p>ここに文章を、一段落分書きます。</p>

という様に使用します。



ちなみに、<p>タグを使用せずに、そのままテキストを書いても、HTMLでは表示されます。

ですが、デザイン等をしていく際に便利ですので、

文章は<p>タグで囲むようにしましょう。

HTML - body - 見出しを書く(h1~h6)

HTMLで、見出しを意味するのが
<h1>から<h6>までのタグです。


使い方は通常のタグと同じで、

<h1>ここに見出しを書く</h1>

という様に使う事が出来ます。

<h1>が一番大きな見出しで、通常1ページに1つしか使用しません。
※ページのタイトルの様に使用します。



見出しタグは新聞を想像すると分かりやすいと思うのですが、
新聞で、「○○新聞」という見出し(というよりタイトル)は、通常一ヶ所です。
複数か所にあると変ですよね?

一面の大きい見出しは<h1>または<h2>あたりでしょうか。。。
もう少し小さい記事の見出しが、<h3>とかで、
更に小さい記事や、記事の中に更に見出しがある場合などは、
<h4>、<h5>、<h6>あたりになるかと思います。



<h1>が一番大きい見出しで、
次に大きいのが<h2>です。

見出しとしての大きさの順番は、単純に数字が大きいほど、見出しとしては小さくなります。

<h1> > <h2> > <h3> > <h4> > <h5> > <h6>

見出しタグは、<h6>までしか使いません。



使い方の例としては・・・
<h1>サイトタイトル</h1>
 <h2>ページタイトル</h2>
  <h3>項目の見出し</h3>
   <h4>項目内の小さい見出し</h4>
   <h4>項目内の小さい見出し</h4>
  <h3>項目の見出し</h3>
   <h4>項目内の小さい見出し</h4>
   <h4>項目内の小さい見出し</h4>
  <h3>項目の見出し</h3>
   <h4>項目内の小さい見出し</h4>
   <h4>項目内の小さい見出し</h4>
   ・・・
という様な感じに使用したりします。


※実際には、そんなに細かく決まっている訳ではありませんので、
<h2>が無いのに、<h3>を使用したりしても、さほど問題ありません。

HTML - トップページの名称について

トップページのファイル名は基本的には

index.html

にしてください



① 「index.html」というファイルを作成します。

② レンタルサーバーにアップロードします。

③ レンタルサーバーで指定されているURLにアクセスします。
※http://www.xxxxx.xxx/
という様な「/」で終わるURLです。

⇒ 「index.html」の内容が表示されます。

④ レンタルサーバーで指定されているURLの末尾に「/index.html」を付けたURLにアクセスします。

⇒ 「index.html」の内容が表示されます。
※http://www.xxxxx.xxx/index.html
という様な「/index.html」で終わるURLです。


この様に、URLやディレクトリに直接アクセスされた場合、
「index.html」を表示します。という決まりごと(?)があります。
これは、
「index.html」以外にも
「index.php」「index.cgi」・・・
などでも有効です
※サーバーによって設定が事なっています。


色々説明して、ややこしくなりましたが、

トップページは「index.html」!

これだけ覚えておいてください

カレンダー

05 2026/06 07
S M T W T F S
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30

フリーエリア

最新CM

プロフィール

HN:
No Name Ninja
性別:
非公開

バーコード

ブログ内検索

P R

忍者アナライズ