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

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

■改行
< br >Breakの略

---

 

■箇条書き・番号
ordered list（順序のあるリスト）
< ol >
< li>項目１< /li>
< li>項目２< /li>
< li>項目３< /li>
< /ol>

1. 項目１
2. 項目２
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段落目と２段落目は文字数が違う…自動的に改行がつく。
こんにちは。紫のバラの人です、なんていいながら今日もだらだらと過ごすのですが。今日はこんなできごとがありました。ああああああああああああああああああああああああああ猫が少なく。散歩をしても。

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

■囲み文字



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




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




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




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




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

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のところにペースト。

■入力フォーム