bodyタグ内で使用するタグと使い方

hタグ（見出しタグ）の使い方と絶対に知っておくべき注意点

WEBマーケティングを行うなら確実に知っておくべき見出しタグの役割とSEO効果を高めるための正しい設定方法、そして記事の精読率とSEO面での評価の双方を高めるための見出し作成のテクニックを解説しています。

lucy.ne.jp

h1～h6タグとは？見出しタグのSEOを意識した正しい使い方｜Webマーケティング・SEO相談はデジ研

見出しタグ中でもh1は重要です。検索順位のためにも大見出しであるh1は適切に設定する必要があります。今回は、h1の概要からSEO対策を考慮した正しい記述方法についてご紹介します。

digital-marketing.jp

見出しタグの使い方や注意点など、SEOの観点からも書かれており重要な情報が凝縮されています。

HTMLで改行するには？pタグとbrタグの使い方や注意点など徹底解説！｜SEOラボ

HTMLで改行するには、主にpタグやbrタグをマークアップします。pタグとは、Paragraphの略で「段落」を意味するHTMLタグのことで、「段落タグ」とも呼ばれます。brタグとは、テキスト文章の行を変える（改行する）ときに使うHTMLタグのことで、「改行タグ」とも呼ばれます。これらのタグを使ってHTMLで改行するこ...

seolaboratory.jp

pタグの役割や改行に使用するbrタグとの使用箇所の違いも丁寧に説明されています。

<ul>－HTML5タグリファレンス

HTML5のタグ解説

www.htmq.com

<OL>－HTMLタグリファレンス

HTMLタグ・スタイルシート・特殊文字等の早見表

www.htmq.com

list-style-type－スタイルシートリファレンス

HTMLタグ・スタイルシート・特殊文字等の早見表

www.htmq.com

リストタグと呼ばれるもので、様々な箇所で使用する事が多いので、しっかりと覚えていきましょう。

すぐ分かる！HTMLで定義リスト（dlタグ）を使う方法 | TechAcademyマガジン

HTML初心者向けに、定義リスト【dlタグ】の使い方について解説した記事です。dlタグは、何か(dt)に対してその内容(dd)がセットになっているリスト を意味します。サンプルコードを見ながらdlタグの使い方を覚えましょう。

magazine.techacademy.jp

定義タグって何？ってなるけど意外と使用箇所は多いので、どのような箇所で使用するかをしっかりと把握していきましょう！

【HTML】tableによる表の作り方・コンプリートガイド

HTMLのテーブル（表）の作り方をまとめました。table、tr、td、thなどのタグの使い方から、CSSでデザインを調整するサンプル、レスポンシブ対応の方法まで、くわしく解説しています。

catnose.me

tableタグには、関連するタグが複数あるので、まとめて説明してあるこちらの説明がとてもわかりやすいです。

【HTML入門】formタグを使ってフォームを作る方法を1から解説 | 侍エンジニアブログ

この記事では「 【HTML入門】formタグを使ってフォームを作る方法を1から解説 」といった内容について、誰でも理解できるように解説します。この記事を読めば、あなたの悩みが解決するだけじゃなく、新たな気付きも発見できることでしょう。お悩みの方はぜひご一読ください。

www.sejuku.net

「お問い合わせフォーム」はWebサイトやLPで設置されることが多いので必ず身に付けていきましょう。

引用タグ（blockquote）の正しい使い方について｜キーワードファインダー

引用タグについて正しく理解した上で使用していますか？この引用は豊富なオリジナルコンテンツがあるということが前提で、引用箇所が主になってしまっては、いくらblockquoteタグを使用しているからといっても良い結果にはなりません。正しく使用方法を理解した上で適宜使用することが大切です。

keywordfinder.jp

引用タグと呼ばれるもの。

【HTML】preタグってどう使うの？概要・使用例を分かりやすく解説！ | ポテパンスタイル

HTMLでコーディングをしているとき、たまにpreタグを目にすることはないでしょうか。頻繁に使用されるタグではないため「使い方がよくわかっていない」という方も多いのです。今回は、知っておくと意外と便利なpreタグの概要や使用例などについて分

style.potepan.com

htmlで入力したままを表示できるタグ。

hrタグ：テーマの区切りを表す | HTMLリファレンス

HTMLのhrタグは段落レベルのテーマの区切りを表します。ただ線を引きたい場合にはサンプルコードのようにCSSで行います。

catnose.me

水平の横線を引くためのタグです。

ページが見つかりません。｜SEOラボ

SEOラボでのブログのページが見つかりません

seolaboratory.jp

改行タグです。

imgタグの使い方がHTML初心者でもわかる！3つのよくある疑問も解消しよう！｜Udemy メディア

HTMLのimgタグをHTML初心者でもわかるように画像を使って解説します。imgタグの基本説明に加えて、画像サイズを指定する方法・alt属性とは何なのか？・画像を中央寄せにする方法までimgタグの使い方をくわしく解説します。本記事でimgタグの基本はもう完璧です。

udemy.benesse.co.jp

img src=タグは画像を表示するhtmlタグです。srcには画像のURL、alt属性に画像の説明文、widthに横幅、heightに高さ、そしてborderに境界線を指定をします。

www.homepage-tukurikata.com

画像を設置するためのタグです。

HTMLのaタグとは？基本的な使い方やよく使われる属性を解説 | 侍エンジニアブログ

この記事では「 HTMLのaタグとは？基本的な使い方やよく使われる属性を解説 」といった内容について、誰でも理解できるように解説します。この記事を読めば、あなたの悩みが解決するだけじゃなく、新たな気付きも発見できることでしょう。お悩みの方はぜひご一読ください。

www.sejuku.net

リンクのhtmlタグ

リンクのhtmlタグの書き方やアンカーテキストとSEO対策の関係についてご紹介しています。

www.homepage-tukurikata.com

リンクを設置するためのタグです。

の使い方とtype属性の一覧をサンプル付きで紹介

HMTL5のinputタグの基本的な書き方とtype属性の全種類のコードとサンプルをセットにしてわかりやすく紹介！CSSを使用してinputをデザインする手順も解説しています。 inputを使用する場面 inputはお問...

webliker.info

ブロック要素のformタグの中で使用するタグ。type属性が様々あり、しっかりと使用方法を覚えていきましょう。

HTMLのselect/optionタグでセレクトボックスを作る方法

HTMLのselectタグとoptionタグを使うと、セレクトボックス（プルダウンメニュー）を作成できます。このページでは基本的な使い方や、CSSでデザインを変更する方法を解説します。

catnose.me

こちらもformタグで使用するタグ。

【HTML入門】textareaタグの基本的な使い方を徹底解説！　byウェブカツ - Qiita

フォームを作る時、お問い合わせ内容などユーザーにテキストを入力してもらいたい時によく使うのがtextarea。だが、同じテキストを入力できる****との使い分けに悩んだ方もいるのではないだろうか。…

qiita.com

こちらもformタグの中で使用するタグ。input type=”text”との違いを理解して使い分けるようにしましょう。

HTMLタグ/テキスト・フォントタグ/ソースコードを示す - TAG index

www.tagindex.com

コードをそのまま表示するためのタグ。

supタグ、subタグの意味と使い方

supタグ（sup要素）は上付きテキスト、subタグ（sub要素）は下付きテキストを表します。HTML5におけるsup/sub要素の意味と使い方、使用できる属性、サンプルコード、使用例について解説します。

dekiru.net

上付き、下付きタグ。

https://www.modis.jp/staffing/insight/column_99/

www.modis.jp

コーディングをわかりやすく、見やすくするためにも適度にコメントアウトを記述する事は大切ですので、しっかり覚えていきましょう。