どこから覚えればいいんだろう?と思ったら参考にしてください。
(本当は100種類以上あります。知りたい方はページ下部のリンクご参考ください。)
- よく使うタグ
- div
- section
- p
- ul li
- ol li
- dl dt dd
- span
- br
- figure img
- a
- 使うかもしれないタグ
- sup
- sub
- small
- strong
- 迷ったらdiv(section or div どっち???となった時の話)
- 出来るだけIDにスタイル指定 しない
- 出来るだけタグに直接スタイル指定 しない
- スタイル指定は出来るだけクラスにする
- 入れ子しすぎない(コピペなどでも必要なものだけ抜粋する)
- 最初はだいたいコピペで閉じタグの過不足で失敗するので注意
例)
<div class="sample">
<div>
<ul>
<li>アイウエオ</li>
<li>アイウエオ</li>
<li>アイウエオ</li>
<li>アイウエオ</li>
</ul>
</div>
</div>
htmlの基本構造
<!DOCTYPE html>
<!--
html5 の宣言文です。現在の主流です。
まだ古いものも残っていますがひとまず古いものは気にしないでください。
(ただし、宣言文によって書き方が多少異なるのでお仕事の際はちゃんと確認しましょう)
参考 → https://www.webdlab.com/html/document-doctype/
-->
<html lang="ja">〜<html>
<!--
htmlタグとlang属性です。languageの略。jaならjapanese,enならenglish。
-->
<head>〜</head>
<!--
titleやkeywordなどのページの基本情報やcssやjsを読み込む記述を書くところ。
-->
<body>〜</body>
<!--
ページに表示させるコンテンツを記述するところ。
-->
基本構造の組み方
<!DOCTYPE html>
<html lang="ja">
<head>
〜
</head>
<body>
〜
</body>
<html>
参考サイト
未経験から7日間でコーダーとして現場投入させるまでのカリキュラムを忘れないようにメモっとく
↓タグ辞典的なサイト x3 ※お好みで好きなものをみてください。
HTML5リファレンス
TAG index
HTML5 タグリファレンス