なきちこんにちは、かなきち(@kanakichi0801)ですこの記事で紹介する4つのタグを覚えればホームページは作れます。idは使わないようにしよう。aタグターゲットブランクとは?imgタグaltとは?hタグまとめこの記事を読むと最低限覚えるべきHTMLタグとその使い方がわかるよ!divタグとは?divタグ(ディブタグ)とは特に意味の無いタグです。役割をあげるなら要素をひとかたまりにするという役割があります。divタグを多様化しても、タグ自体に影響力が無いので検索順位への影響はありません。[divタグの使用例]<div>divタグで囲まれた文章は特に意味を持ちません</div>意味のないタグなら覚えることないじゃん!と思うかも知れませんが、意味が無いことがこのタグのメリットです。タグに意味があるからこそ使って良い場所、悪い場所の制約があります。divタグには制約がないので、ほぼどこでも使えるというわけです。SEO対策(検索エンジン最適化)にdivタグを使うことは推奨しませんが、最初のうちはdivタグを使ってでもサイトを多く作ることが近道だと思います。同じタグが並ぶと区別ができないので、区別する方法を説明していきます。同じ種類のタグには、classをつけようclass(クラス)とは、[名前]と覚えましょう。同じタグを区別するためにclassをつけます。class="box__red">赤色の箱です</div>class名には、[日本語]、[全角英数字・記号]、[半角カタカナ]は使用出来ません。推奨されているルールは、以下になります。接続にはアンダースコア(_)を2つを使います。classや画像の名前の付け方にも使えるので覚えるようにしましょう。ルールを作ることで他の人がコードを触りやすく更新しやすいコードになります。種類は必ず書くようにしましょう。class="nav__active">たいとる</li><li>たいとる</li><li>たいとる</li><li>たいとる</li></ul>idは使わないようにしよう。classの説明と一緒にidの説明がよく書いてあることがありますが、HTMLで基本的にidは使わないようにしましょう。してもの場合は使用してもいいという記事もありますが、どうしてもの状態にならないようにコーディングをしましょう。先ほどの命名規則の時と同じで、idを使わないことで、他の人がコードを触りやすく更新しやすいコードになります。aタグ以下の記事で使用したaタグです。blog.mimipen.netURL(リンク)を貼る目的で使用します。単純に他のタグで代用ができないので、このタグは覚えましょう。href="[URL(リンク)を記述する]">こちら</a>を押してくださいターゲットブランクとは?別のサイトに飛ばしたいときは、aタグにターゲットブランク(target="_blank")を追記します。この記述を追加すると別のタブが開き、指定したページに飛ぶことができます。ルールとして同一サイトにはターゲットブランクを使わず、別サイトに飛ばす際にターゲットブランクを使います。書き方は以下になります。target="_blank">クリックしてください</a>imgタグ以下の記事で使用したimgタグです。blog.mimipen.net画像を設置するために使用するタグです。画像を表示する方法は他にもありますが、最初はimgタグを使って画像を表示しましょう。imgタグのaltは必ず書きましょう。altとは?imgタグのaltには、適切な画像の説明を入れましょう。画像の適切な説明がわからない場合は空でも大丈夫ですが、alt=""は必ず残しましょう。src="mimipen.jpg">hタグページの見出しを指します。h1がもっとも重要な見出しです。h1タグにはページのタイトルを記述することが多く、検索の結果にも影響する部分なので最低1つはこのタグを入れましょう。順番になるように意識してコーディングしていきましょう。<p>だみーてきすとだみーてきすと</p></div>まとめ今回は最低限覚えるべきタグ4つとそれに付属する知識を説明させていただきました。万能タグのdivタグ。リンクを貼る時ために使うaタグ。画像設置に使うimgタグ。最後に、見出しのhタグ。この4つのタグを覚えればもうサイトは作れます。次回からはこのタグを使って、ホームページを早速作っていきます。練習用の簡単なデザインデータも無料で支給するので一緒に少しづつ作っていきましょう!参考書がわりにこのブログを見ていただだけたら幸いです。最後までご覧いただきありがとうございます。今回は、CSS初心者...2019-07-29marginとpaddingの違いをアボカドを使ってイラスト付きで解説!【CSS初心者入門】こんにちは、かなきち(@kanakichi0801)です。こんにちは、かずん(@kazoonLab)です。かなきちスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。