タブ1の内容
タブ2の内容
自治会サロン(ふれあいサロン/ふれあいランチ/サロン富士見/サロンde芙蓉ヶ丘
望洋台サロン/オレンジサロン/サロン・百合/カフェグリーン）
懇親サークル
民生委員児童委員協議会
タブ3の内容
タブ4の内容
タブ5の内容
スペース"-20px" 編集時20pxの幅あり、実行時"0px"
＜文章に枠（ワク）を付ける方法＞
↓枠線用HTMLソースコードひな型（コピー&ペーストして下さい）
|
|
＜文章に枠（ワク）を付ける方法＞
↓枠線用HTMLソースコードひな型（コピー&ペーストして下さい）
|
|
上菅田地区連合自治会
上菅田地区連合自治会
上菅田地区連合自治会
■ 上菅田地区連合自治会h1 default
■ 上菅田地区連合自治会･役員/会則h2 default
■ 上菅田地区連合自治会･役員/会則h3 default ブログタイトルはh2
■ 上菅田地区連合自治会･役員/会則h4 default
■ 上菅田地区連合自治会･役員/会則h4 style font-family 24px
■ 上菅田地区連合自治会･役員/会則h4 24px
■ 上菅田地区連合自治会･役員/会則h5 default
■ 上菅田地区連合自治会･役員/会則h6 default
■ 上菅田地区連合自治会･会則<p>line-height: 22px
□ 上菅田地区連合自治会について h2 default
□ 上菅田地区連合自治会について h2 styleでfont設定
□ 上菅田地区連合自治会 h2 fontfam important でOK
□ 上菅田地区自治会について h2 paddingなし height120% line修飾
□ 上菅田地区自治会について h2 padding 左右8px height120% line修飾L
□ 上菅田地区自治会について h3 padding 左右8px height120% line修飾L
□ 上菅田地区自治会について h4 line-height: 80%
■ 上菅田地区自治会･会則 h4 line-height: 22px
□ 上菅田地区連合自治会について h5 line-height: 120%
□ 上菅田地区連合自治会について h6 line-height: 120%
見出し
文章の中
html記述
□ お知らせ ■ 新着情報#DDF3C7//90.18.95
□ お知らせ ■ 新着情報#CDE1B9//90.18.88
□ お知らせ ■ 新着情報#cbe1b4//90.20.88
□ お知らせ ■ 新着情報#c7e1ad//90.23.88採用
□ お知らせ ■ 新着情報 fontfam
□ お知らせ ■ 新着情報#C2E0A4//90.27.88
□ 上菅田地区連合自治会#c2e0a4//90.27.88
□ お知らせ ■ 新着情報//#6fa041//91.59.63こい緑
□ お知らせ ■ 新着情報//#99cc67//90.50.80枠線緑
□ お知らせ ■ 新着情報 <h1>class="h2line" line-height:17px;padding:2px 0px 2px 0px;
□ お知らせ ■ 新着情報 <h2>line-height:90% font-size: 22px class="h2line"
□ 上菅田地区連合自治会*1 <h2>line-height:90% font-size: 22px class="h2line"
■自治会一覧*2 <h2>line-height:80% 90.23.88 font-size: 20px class="h2line"
■ 連合自治会について*3 <h4>line-height:28px
■ 連合自治会について*3 <h4>line-height:28px <span style>指定
■ 連合自治会について*3 <h4>line-height:28px fontfam
● 地区の自治会区域*p4 <p>line-height:23px #e1e1e1 90.0.88
● 地区の自治会区域*p4 < p>line-height:26px
□ お知らせ ■ 新着情報h1
□ お知らせ ■ 新着情報h1
□ お知らせ ■ 新着情報■h1
□ お知らせ ■ 新着情報■h1hit
□ お知らせ ■ 新着情報h2
□ お知らせ ■ 新着情報h2
□ お知らせ ■ 新着情報■h2
□ お知らせ ■ 新着情報■h2hit
■ かみすげた茶屋
■ かみすげた茶屋■
■ かみすげた茶屋■hit
ブログ 細字・標準・太字 !important必要
ブログ 細字・標準・太字 !important必要
ブログ 細字・標準・太字
ブログ 細字・標準・太字 !important必要
ブログ 細字・標準・太字
h1
採用形
h2
採用形
過程
以下の場合はdiv
指定
表<td>入力
Wordなど既指定
調査結果 PC画面指定 @media screen and (min-width:768px)
スマホ画面指定 @media screen and (max-width:767px)
640px幅 /* 画像をスマホのみ(sponly)で表示させる場合(=PCでは非表示)のCSS */
@media screen and (min-width: 768px){
.sponly{display:none;}}
<p> fontfam2 明朝体のフォント
<p> fontfam1 ゴシック体のフォント
p.fontfam { maltiゴシック体のフォント･･･①
p 指定なし { maltiゴシック体のフォント･･･②
≪テスト結果解説≫
下の形式①で通った。・・・・p{ の形式②でも通った
h4は①はOK ②はNG ・・・・・h1～h3も同じだろう? h2,h3,h4は①は!importantを入れてOK
<style type="text/css"> p.example1 { font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif; } p.example2 { font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif; } </style>（ " ）で囲む必要があります。font-family: 候補1,候補2,候補3;カンマ（ , ）で区切って複数の候補を記述
候補が多く長い行は改行なしが間違いない
フォントファミリ名にスペースが含まれる場合は、その名前を引用符
（ ' ）でも可
<span color="green" style="color: green;">東京D 「神スイング」稲村亜美がまさかの空振り？
<span
color="green" style="color: green;">東京D 「神スイング」稲村亜美がまさかの空振り？
<span
color="navy" style="color: navy;">西武プリンスD 美脚全開の稲村亜美、始球式で９８キロ…打たれた！
<span
color="blue" style="color: blue;">札幌D 日本ハム伝説の助っ人が稲村亜美をスカウト「メジャーでもいける」
<span
color="maroon" style="color: maroon;">ＱＶＣマリン 亜美「神スイング」、涌井に“完敗” 始球式では１００キロ超え
<span>ヤフオクD 稲村亜美、始球式で大谷と〝対決〟 直後に衝撃の！？
<span color="red" style="color: red;">神宮 稲村亜美が始球式 ノーバン、ど真ん中
<span style="color:red;">ここに色を変えたい文字・文章を入力</span>
<span style="color:blue;">ここに色を変えたい文字・文章を入力</span>
<span style="color:green;">ここに色を変えたい文字・文章を入力</span>
<span style="color:yellow;">ここに色を変えたい文字・文章を入力</span>
<span style="color:navy;">ここに色を変えたい文字・文章を入力</span>
<span style="color:purple;">ここに色を変えたい文字・文章を入力る</span>
<span style="color:maroon;">ここに色を変えたい文字・文章を入力</span>
ブログフォント試験BLOG FONT blog font
◇[百合ケ丘自治会]百合ケ丘・世代間交流フェステイバル（9/25） のご案内
ささやま丘の上ミュージアム
ブログフォント試験BLOG FONT blog font
◇[百合ケ丘自治会]百合ケ丘・世代間交流フェステイバル（9/25） のご案内
ささやま丘の上ミュージアム
img.sample1 {display: block;} .sample2 {display: inline;} HTMLソース
画像を
ブロックレベルで表示します。
見出し
見出しと段落をインラインで表示します。
<!--コメント-->…… ソース中にコメントを入れる
<!-- -->で囲まれた部分がコメントになります。 HTMLソース中にコメントを記述したり、一時的にコンテンツの一部を隠したり、タグを無効にする際に使用します。
コメントは1行でも複数行でも構いません。 始まりの<!--は続けて記述する必要がありますが、終わりの--と>の間には空白が入っても良いことになっています。 そのためコメントの途中に連続するハイフン--は入れないほうが良いでしょう。
<div class="sqblack">
AAAAAA
<div class="sqwhite2">
AAAAAA
