配色デザイン本が全国の書店で発売中!

WordPress

【HTML】見出しタグ（hタグ）の使い方を分かりやすく解説!

今回は、Webサイトで見出しを作りたい時に使うhタグについて分かりやすく解説していきます!

3年生HTMLWEBデザイン総まとめ

【WEBデザイン】CSSで作る綺麗なグラデーションアイデア25選!

今回は、素敵な印象になるグラデーションの配色アイデア25選をご紹介します!

3年生CSSHTMLWEBデザイン総まとめ

Adobeアフィリエイトプログラムに問い合わせする方法

今回はAdobeアフィリエイトへの問い合わせ方法について分かりやすく解説していきます!

3年生WEBデザインWordPress総まとめ

【WordPress】ブログにInstagramを連携させる方法

今回は、WordPressのプラグインである「Smash Balloon Instagram Feed」を使ってブログにInstagramを連携させる方法を解説します!

3年生cocoonWEBデザインWordPress総まとめ

【シンプル・おしゃれ・スタイリッシュ】おすすめのCocoonのスキン4選!!

今回はcocoonのスキンをおすすめのスキンをご紹介していこうと思います!

3年生cocoonWEBデザインWordPress総まとめ

【WordPressテーマ】Cocoon使ってみた感想・メリット・デメリット

今回は、WordPressのテーマ「cocoon」を使ってみた感想・メリット・デメリットをご紹介します!

3年生cocoonWEBデザインWordPress総まとめ

見出し（hタグ）


<h1>見出し（優先度①）</h1>
<h2>見出し（優先度②）</h2>
<h3>見出し（優先度③）</h3>
<h4>見出し（優先度④）</h4>
<h5>見出し（優先度⑤）</h5>
<h6>見出し（優先度⑥）</h6>

箇条書き（ul・ol・liタグ）

数字ありリスト


<ol>
<li>りんご</li>
<li>ごりら</li>
<li>らっぱ</li>
</ol>

数字なしリスト


<ul>
<li>りんご</li>
<li>ごりら</li>
<li>らっぱ</li>
</ul>

丸（数字）を消す。
CSSでul（またはol）に対して「list-style:none;」を指定


ul{
	list-style: none;/*ドットを消す*/
}

画像（imgタグ）


<img src="画像がある場所（相対パスまたは絶対パスで指定）" alt="画像の説明">

リンクタグ（aタグ）


<a href="リンク先">このテキストがリンクになる</a>


<!--別タブで開く-->
<a href="リンク先" target="_blank">このテキストがリンクになる</a>