HTML、CSS コンテンツの展開と折りたたみ 

ブログのサイドバーのコンテンツが増えてきたり、記事内に長い解説を付けると見た目がゴチャゴチャする。そんな時は、コンテンツの折りたたみと展開の機能をつける。◆使用例順序なしリストの展開と折りたたみができるようにしてみた。クリックで下のリストを展開と折りたたみを交互に行う内容1内容2内容3問題なさそうなので下にサンプルコードと解説を記載( ・∀・)サンプルコード<div style="max-width: 230px;" onclick="obj...
Read More

HTML、CSS <span>タグで文章内の文字を見やすく強調 

文章内の文字を強調したいときの多くは、<strong>タグを使用することで事は足ります。しかし、「今回は特にこの部分に注目を向けて欲しいよ!」って時には少し物足りない。強調以外に「大」や「中」に文字サイズを変更するのもありだが、そうすると見出しと被るのでみづらくなる。そういう時は、<span>という意味を持たないタグを使用する。◆使用例実際に同じ文章内の<span>に強調をかけてみる。●<strong>の使用例...
Read More

HTML、CSS <ul><ol><li>でリストを作る 

文章内にリストを作る時は<ul><ol><li>タグを使用する。順序のあるリストを作るには<ol>を、順序のないリストを作るには<ul>を使用する。また<li>はリスト内容を書き込むのに使用する。◆順序のあるリストサンプルコード<ol> <li>内容1</li> <li>内容2</li> <li>内容3</li></ol>↓こんな感じで表示される。内容1内容2内容3ちなみにリストの「番号」を変更したい場合はlist-style-t...
Read More

HTMLとCSSの備忘録 

ブログ内のテンプレート(HTMLやCSS)をいじっていたり、記事内でタグを使用する際に『どうやって使用したっけ?』となることが多いので、直ぐに見たりできるようメモという意味で記事を残すことにしました。また、同じようなことで困っている方のお役に立てれば幸いです。ブログに興味はあるけど実際にやるのは・・・と迷っている方、一緒にブログ初めませんか(^▽^)無料で大容量!始めるのも簡単でいつ止めてもOKなので、練習には...
Read More