スタイルシートでデザインは

こんばんは、こうちゃんです。

こちらのブログで、
HTMLタグでかなり文字修飾できる方法などを解説はしておりますが、
近年のコーディングの流れでは、
タグなど、ソースコードを書く方は、あくまで設計のみに専念、
デザインはすべてスタイルシートに任せよう、という、
コーディングとデザインの分離が進んでいます。
ですので、必要最低限の、
領域ごとを分けるspanやdivの概念などは必ず知っておく必要がありますが、
文字飾りなどのhtmlタグはほとんど使われなくなってきている傾向があります。

それでもコーディングにおいて、各種htmlタグの知識が必要なことは間違いありませんので、
引き続きこちらで色々なhtmlタグの解説はしていこうと思います。

こうちゃん

<a>アンカータグ

こんばんは、こうちゃんです。

こちら、定番中の定番で、サイト内で多々必要となり使われるタグ、
<a> アンカータグ
です。

アンカーは、リンクをつける際に必須と言ってよいタグで、
JavaScript等を使ってももちろんサイトからリンクは貼れますが、ほとんどの場合はこのアンカータグを使います。

<a href="サイトURL">サイト名</a>

とすれば外部サイトなどにリンクを張れますし、

<a href="相対パス（ファイル名）">ページ名</a>

とすれば、サイト内でページ移動をすることになります。

なお、設定できるオプションとして、

<a href="サイトURL" target="_blank">サイト名</a>

として、アンカータグ内に、

target属性を入れれば、開く先のウインドウ等を制御でき、

target="_blank" とすれば、新しいウインドウでリンク先を開きます。

※なお、最近では、ブラウザ側の制御で、リンク先はすべて新しいタブにしたり、逆に新しいウインドウは開かせなかったり、厳密にアンカータグの指定通りに動くとは限りません

また、

<a href="mailto:メールアドレス">メールはこちら</a>

として、hrefの先にmailto:としてメールアドレスを書くと、リンクを押すと、

OS指定のメールソフトが立ち上がり、

そのアドレス宛の新規メール作成画面が開くようになります。

サイト制作においては各ページに必ずと言っていいほど書くタグですので、
ぜひ覚えておきましょう。

こうちゃん

<b>太文字

<b>タグで囲まれたテキスト（<b>～</b>の間の文字）は太字（Bold）になります。


<b>は非推奨要素ではありませんが、フォントの見栄えに関する指定には、
できるだけスタイルシートを利用した方がよいです。

※近年のhtml形式の変化で、サイトの構造と見栄えは分離することが推奨されているため

スタイルシートでは、<span style="font-weight: bold">～</span> などと記述します。


また、強調することが目的の場合は<strong>タグの使用が推奨されています。


例示
この記事で、ここは太字になります。