htmlで画像を設置する方法をご紹介。画像を用いる事でユーザーのイメージを伝えやすくなりますし、画像1つあるかないかでページのアクセス数が変わる程、イメージは大切なものになっています。
TAG マークアップ
リンクの_blankを使う時に同時設定する「rel=”noopener”」ってなに?
_blankに「rel=”noopener”」が付いているソースを見かける様になりましたが、これはセキュリティの為に必要なタグとなります。
aタグ(ハイパーリンク)を指定してリンクを貼りましょう
<a>タグはハイパーリンクを指定する際に使用するタグです。今回は別のページへリンクを貼る方法をご紹介致します。
divを使ってブロック要素にしてグループ化しましょう!
divで囲む事によってブロック要素にする事ができます。囲った部分はグループ化され、divにCSSを設定する事でグループに一斉に指定する事ができます。
header、footer、h要素などを使った基本HTMLコーディングのおさらい
HTMLコーディングの基本となるheader、footer、h要素などを使って基本コードを書いてみましょう。
main要素を使ってメインになるコンテンツを示そう!
main要素はページ内の主要部分を示すタグでheader、footer、navなどは含まずコーディングしましょう。
articleとsectionを入れてクローラーに構造を理解してもらおう
articleとはそれ自体が独立して成り立つ内容、sectionは1つのかたまりを表すために使用します。
グループやセクションの最後にfooterタグをつけよう!
headerタグはグループの最初(イントロダクション)の頭になる部分を表す要素です。サイト内は必須の要素となります。
ページの最初にheaderタグを使ってヘッダーをつけよう
headerタグはグループの最初(イントロダクション)の頭になる部分を表す要素です。サイト内は必須の要素となります。
hタグを使って見出しで文章構造を正しくマークアップしよう!
「hタグを使って見出しで文章構造を正しくマークアップしよう!」と言われても・・・。見出し?文章構造?正しいマー…