Search Bloguru posts

こんにちは。紫のバラの人です。

https://en.bloguru.com/love

TEST よく使うやつ

thread
■線を引く
実線、太さ1ピクセル、プラム色 → < hr style="border: 1px solid plum;" >


■改行
< br >Breakの略


■フォントサイズを5にする
< p >< font size="5">フォントサイズ5の場合< /font >< /p >

フォントサイズ5の場合




■太文字にする

< b >bで太文字< /b >
で太文字

< strong > strongで太文字 < /strong >
strongで太文字

b=見た目を太くすることだけが目的。
strong=重要だと強調するタグ。ほかのところより重要とみなす。
SEO対策に有効だが、使いすぎると下げられる。

※bで書いてもstrongに変換されるサイトも。



■フォントサイズを7にして太文字にする。
< p>< strong>< font size="7">フォントサイズ7で太文字の場合< /font>< /strong></p >

フォントサイズ7で太文字の場合


「フォントー強調-サイズ」ーの順



■箇条書き・中黒
unordered list(順序がないリスト)
< ul >
< li>項目1< /li>
< li>項目2< /li>
< li>項目3< /li>
< /ul>
  • 項目1
  • 項目2
  • 項目3
 


■箇条書き・番号
ordered list(順序のあるリスト)
< ol >
< li>項目1< /li>
< li>項目2< /li>
< li>項目3< /li>
< /ol>
  1. 項目1
  2. 項目2
  3. 項目3




■特殊記号のコード

「 < 」など、記号はhtml上ではコードの一部とみなされてしまう。
記号を書くときは文字表記をする。
;の前は十先にはスペースを詰める。
&lt ; "<"
&gt ; ">"
&nbsp ; " "(空白)
&yen ; "¥"
&bull ; "•"
&rarr ; "→"


■文字の配置(水平)

< p style="text-align: left" > 左寄せ< /p >

左寄せで書いた


< p style="text-align: center" >中央寄せ< /p >

中央寄せで書いた


< p style="text-align: right" > 右寄せ< /p >

右寄せで書いた



■アンダーラインを引く

< u >普通のライン< /u >
普通のライン

< span style="border-bottom: solid 5px red;" >太めの赤ライン</span >
太めの赤ライン


■リンクを張る(別サイトへ)。アンカーエイチレフ

< a href="ジャンプ先URL">ジャンプもとに記載する文字</a >
詳しくはこちら

■囲み文字

枠…点線、plum背景、白文字ffffff

< div style="padding: 10px; margin-bottom: 10px; border: 1px dotted plum; background-color: plum; color: #ffffff;"> タイトル </div >

タイトル



 
■段落をつける
< br>…改行するタグ。段落をつけるのではない。
閲覧するデバイスによってガタガタになってしまう。

< p>…文章全体を段落で区切るタグ。
1段落目と2段落目は文字数が違う…自動的に改行がつく。
こんにちは。紫のバラの人です、なんていいながら今日もだらだらと過ごすのですが。今日はこんなできごとがありました。ああああああああああああああああああああああああああ猫が少なく。散歩をしても。

< P>こんにちは。紫のバラの人です< /P> < P>なんていいながら今日もだらだらと過ごすのですが。今日はこんなできごとがありましたあああああああああああああああああああああああああ< /p> < P>猫が少なく。散歩をしても< /P>

こんにちは。紫のバラの人です

なんていいながら今日もだらだらと過ごすのですが。今日はこんなできごとがありました。ああああああああああああああああああああああああああ

猫が少なく。散歩をしても








■囲み文字



枠線だ。線の太さ3。
< div style="border: 3px solid;">枠線だ。線の太さ3< /div>
枠線だ。線の太さ3




枠線だ。線の太さ3。背景plum色。
< div style="border: 3px solid; background-color:plum ;">枠線だ。太さ3。背景plum色。< /div>
枠線だ。太さ3。背景plum色




枠線だ。線の太さ3。背景plum色。枠線もplum色
< div style="border: 3px solid plum; background-color:plum ;">枠線だ。太さ3。背景plum色。< /div>
枠線だ。太さ3。背景plum色。




枠線だ。線の太さ3。背景plum色。枠線もplum色。文字の上下左右の余白を20p
< div style="border: 3px solid plum; background-color:plum; padding: 20px 20px 20px 20px;">枠線だ。太さ3。背景plum色。< /div>
枠線だ。太さ3。背景plum色。




枠線だ。線の太さ3。背景plum色。枠線もplum色。文字の上下左右の余白を20p。文字は白
< div style="border: 3px solid plum; color: #ffffff; background-color:plum; padding: 20px 20px 20px 20px;">枠線だ。太さ3。背景plum色。< /div>
枠線だ。太さ3。背景plum色。

background-color:plum ;
■画像を表示(GoogleDriveから)

Driveに画像をアップ。共有しリンクを取得。
< img src="https://drive.google.com/file/d/1aidFPM2PnJKjWr4wrqGN7KlkPaNlZHNC/view?usp=sharing" >
この、「d/のあと~/」までがID。これをコピー。
< IMG SRC="https://drive.google.com/uc?id=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"/ >
この=idのところにペースト。



■入力フォーム



■上下線
 
 
 
 
borderで上下だけに線を引く
 
 
 
borderで上下だけに線を引く

People Who Wowed This Post

🌹こどもたちへ、若い人たちへ🌹将来何になるんか。文系と理系どっちがいいんか。

thread
中学3年生で進路を決めるとき。
大学受験で大学を絞るとき。
 
先生や親は必ずこう尋ねます。
 
「将来何になりたいんか?」
「文系と理系どっちがいいんか?」
「もう決めとかんと」
「まだ決めてないんか」
 
「何になりたいんだ?」と尋ねられたら、
「***」になりたい、って答えないといけないような気がします。
 
「文系と理系どっちだ?」と尋ねられたら、
「**系」って選択して答えないといけないような気がします。
 
つまり、AかBか、どちらにするのか、ということを選ばないといけない、という気がします。
 
その答えを受けて、まわりの大人たちは「この学生はそう考えているんだな」って判断して、その資料を探してくれたり、情報をくれたりします。
 
だけど、ここで大切なことがあります。
 
それは、もしも「まだ決めていない」「わからない」っていう場合は、あやふやに回答してしまっちゃだめだよ、っていうことです。
 
そもそも、15歳とか18歳とかいいう歳で、将来どうしたいか、みんなが明確に決めているのでしょうか。
 
もちろん、決めている人もいるでしょう。でも、決めていない人のほうが絶対多いと思います。大学生になって、22歳で就職先を決めるのだって、その時点でも明確ではない人が多いです。
 
進学とか就職は、その人の将来を決めることです。あやふやな気持ちで、進路を決めるのはよくありません。
 
「決めてない」「わからない」っていうのなら、その自分の気持ちを、きちんと大人に伝えることが大事です。
 
ですので、進路指導の時に、
「将来何になりたいんか?」
「文系と理系どっちがいいんか?」
なんて尋ねられて、もしもまだ決まっていないんだったら、堂々と胸を張って、「まだ決まっていません」「どうしたらいいかわかりません」ということを伝えましょう。
 
そうすれば、親切な大人たちは、「じゃあどうしたらいいか」、をリードしてくれます。もしも、「早く決めなさい」っとだけ叱る人がいたら、その人とは別の人に相談しましょう。
 
 
こどもたちへ、若い人たちへ
 
 
 
 
 

People Who Wowed This Post

🌹占い師占い

thread
鏡リュウジ
2024年
牡羊座
愛をはぐくめる。金運上昇いいものを厳選。首のどのケア、うがいはちみつ。思い込みを捨て字乳に取り組めば成果大。
 
 
若村朱夏
2024年
人間関係。会話で口論注意、気持ちを汲む。専門性のため勉強を。
サンキャッチャー、ハンドクリーム
 
△ゲッターズ飯田
2023/12月 
自信を持った行動、自己アピール、前に出る→良い流れ。
 
×しい鶏子
2023/12/30
思い出し気持ちを整理
 
#占い

People Who Wowed This Post

  • If you are a bloguru member, please login.
    Login
  • If you are not a bloguru member, you may request a free account here:
    Request Account
Happy
Sad
Surprise