emulsion ใใผใใงใฏใใใใฉใซใใฎใใถใคใณใงใใซในใฟใ HTMLใใญใใฏ็ญใงใHTMLใ่จ่ฟฐใใๅ ดๅใงใใใใญใใฏใไฝฟใฃใๆใจใฎ่กจ็คบใฎๅทฎใๅบๆฅใใ ใๅฐใใใใใใใช่จญๅฎใ่กใฃใฆใใพใใ
ๆณจๆ็น
HTMLใ่จ่ฟฐใใๅ ดๅใใซในใฟใ HTMLใใญใใฏใไฝฟ็จใใพใใใใซในใฟใ HTMLใใญใใฏๅ ใงใฏใใใญใใฏใฟใฐใฏไฝฟ็จใงใใพใใใ(WordPress 6.4.1)
ใซในใฟใ HTMLใซ่จ่ฟฐใใใ<!-- wp:site-title /-->
ย ใฎใใใชใใญใใฏใฟใฐใฏใ1ๅใฏไฟๅญใใใพใใใๆฌกใซ็ทจ้็ป้ขใ้ใใๆใซใฏใๅ้คใใใพใ
ไปฅไธใฏใHTMLใณใผใใฃใณใฐใใๅ ดๅใจใใใญใใฏใง่จ่ฟฐใใๅ ดๅใฎ่กจ็คบไพใงใใ
LINK
http://www.tenman.info/wp3/raindrops/2015/10/05/raindrops1-327ใใฉใคใใซใชใใพใใ/
้ฃ็ถใใๅ่งๆๅญๅใฎๅ ดๅใงใใใชใผใใผใใญใผใใพใใ
ABBR
HTMLใจใฏใใใผใฏใขใใ่จ่ชใฎ1ใคใงใใ ใใผใฏใขใใใจใฏใๆ็ซ ใฎๆงๆใๅฝนๅฒใ็คบใใใจใๆๅณใใพใใ
ๆฎต่ฝใใญใใฏใงใHTML็ทจ้abbr
่ฆ็ด ใ่ฟฝๅ ใใใใฎใงใใๅ้กใชใ่กจ็คบใงใใพใใ
ใใญใใฏใจใใฃใฟใงใฏใตใใผใใใใฆใใชใ่ฆ็ด
ADDRESS
ใใญใใฏใจใใฃใฟใงใฏใตใใผใใใใฆใใชใ่ฆ็ด
custom html block
<address><a href="https://example.com">example.com</a></address>
example.com
BLOCKQUOTE
blockquote block
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
cite
BLOCKQUOTEใใใใใABCใใใใใabc ใใใ
custom html block
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<cite>cite</cite>
</blockquote>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
cite
DIV
group block
THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
custom html block
<div>
<h3>THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
dl datalist
ใใญใใฏใจใใฃใฟใงใฏใตใใผใใใใฆใใชใ่ฆ็ด
custom html block
<dl>
<dt>THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG</dt>
<dd>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</dd></dl>
- THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
heading
heading block
H1ย ย ย ย ย ใใใใใABCใใใใใabc ใใใ
H2ย ย ย ย ย ใใใใใABCใใใใใabc ใใใ
H3ย ย ย ย ย ใใใใใABCใใใใใabc ใใใ
H4ย ย ย ย ย ใใใใใABCใใใใใabc ใใใ
H5ย ย ย ย ย ใใใใใABCใใใใใabc ใใใ
H6ย ย ย ย ย ใใใใใABCใใใใใabc ใใใ
h1-h6
H1ย ย ย ย ย ใใใใใABCใใใใใabc ใใใ
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
H2ย ย ย ย ย ใใใใใABCใใใใใabc ใใใ
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
H3ย ย ย ย ย ใใใใใABCใใใใใabc ใใใ
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
H4ย ย ย ย ย ใใใใใABCใใใใใabc ใใใ
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
H5ย ย ย ย ย ใใใใใABCใใใใใabc ใใใ
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
H6ย ย ย ย ย ใใใใใABCใใใใใabc ใใใ
image
image block
custom html block
<img src="https://www.tenman.info/wp3/emulsion/files/2023/06/image-23-1024x576.jpg" alt="" class="wp-image-101621"/>
gallery
gallery block
embed video
IFRAME
ใใญใใฏใจใใฃใฟใงใฏใตใใผใใใใฆใใชใ่ฆ็ด .
custom html block
<iframe
id="inlineFrameExample"
title="Inline Frame Example"
width="300"
height="200"
src="https://www.openstreetmap.org/export/embed.html?bbox=-0.004017949104309083%2C51.47612752641776%2C0.00030577182769775396%2C51.478569861898606&layer=mapnik"
>
</iframe>
OL
list block
- OL
- ใใใใใ
- ABCใช
- ใใใใ
- abc
- ใใใ
- UL
- ใใใใใ
- ABCใช
- ใใใใ
- abc
- ใใใ
P
PใใใใใABCใใใใใabc ใใใ
ใใก
HR
hr block
custom html block
<hr />
PRE
preformatted block
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
custom html block
<pre>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</pre>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
ruby
ใใญใใฏใจใใฃใฟใงใฏใตใใผใใใใฆใใชใ่ฆ็ด
<p><ruby><rb>ๆๆฅ </rb><rt>(Ashita)</rt></ruby>ใฏๆดใใ</p>
ๆๆฅ ใฏๆดใใ
TABLE
table block
OL | ใใใใใ | ABCใช | ใใใใ | abc | ใใใ |
custom html block
<table border="1">
<tr><td>OL</td><td>ใใใใใ</td><td>ABCใช</td><td>ใใใใ</td><td>abc</td><td>ใใใ</td></tr>
</table>
OL | ใใใใใ | ABCใช | ใใใใ | abc | ใใใ |
TABLE THEAD TH TBODY TFOOT TR TD
table block
OL | ใใใใใ | ABCใช | ใใใใ | abc | ใใใ |
---|---|---|---|---|---|
OL | ใใใใใ | ABCใช | ใใใใ | abc | ใใใ |
OL | ใใใใใ | ABCใช | ใใใใ | abc | ใใใ |
OL | ใใใใใ | ABCใช | ใใใใ | abc | ใใใ |
custom html block
<table border="1">
<thead>
<tr>
<th>OL</th>
<th>ใใใใใ</th>
<th>ABCใช</th>
<th>ใใใใ</th>
<th>abc</th>
<th>ใใใ</th>
</tr>
</thead>
<tbody>
<tr>
<td>OL</td>
<td>ใใใใใ</td>
<td>ABCใช</td>
<td>ใใใใ</td>
<td>abc</td>
<td>ใใใ</td>
</tr>
<tr>
<td>OL</td>
<td>ใใใใใ</td>
<td>ABCใช</td>
<td>ใใใใ</td>
<td>abc</td>
<td>ใใใ</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>OL</td>
<td>ใใใใใ</td>
<td>ABCใช</td>
<td>ใใใใ</td>
<td>abc</td>
<td>ใใใ</td>
</tr>
</tfoot>
</table>
OL | ใใใใใ | ABCใช | ใใใใ | abc | ใใใ |
---|---|---|---|---|---|
OL | ใใใใใ | ABCใช | ใใใใ | abc | ใใใ |
OL | ใใใใใ | ABCใช | ใใใใ | abc | ใใใ |
OL | ใใใใใ | ABCใช | ใใใใ | abc | ใใใ |
TABLE TR TD COLGROUP
ใใญใใฏใจใใฃใฟใงใฏใตใใผใใใใฆใใชใ่ฆ็ด
custom html block
<table border="1">
<caption>
Superheros and sidekicks
</caption>
<colgroup>
<col />
<col span="2" class="batman" />
<col span="2" class="flash" />
</colgroup>
<tr>
<td>ย </td>
<th scope="col">Batman</th>
<th scope="col">Robin</th>
<th scope="col">The Flash</th>
<th scope="col">Kid Flash</th>
</tr>
<tr>
<th scope="row">Skill</th>
<td>Smarts</td>
<td>Dex, acrobat</td>
<td>Super speed</td>
<td>Super speed</td>
</tr>
</table>
ย | Batman | Robin | The Flash | Kid Flash |
---|---|---|---|---|
Skill | Smarts | Dex, acrobat | Super speed | Super speed |
https://stackoverflow.com/questions/51456383/apply-text-color-to-html-column
colorใฏใ้ฉ็จใใใชใใ
TABLE TR TD CAPTION
table block
ย | Batman | Robin | The Flash | Kid Flash |
---|---|---|---|---|
Skill | Smarts | Dex, acrobat | Super speed | Super speed |
custom html block
<table border="1">
<caption>
Superheros and sidekicks
</caption>
<tr>
<td>ย </td>
<th scope="col">Batman</th>
<th scope="col">Robin</th>
<th scope="col">The Flash</th>
<th scope="col">Kid Flash</th>
</tr>
<tr>
<th scope="row">Skill</th>
<td>Smarts</td>
<td>Dex, acrobat</td>
<td>Super speed</td>
<td>Super speed</td>
</tr>
</table>
ย | Batman | Robin | The Flash | Kid Flash |
---|---|---|---|---|
Skill | Smarts | Dex, acrobat | Super speed | Super speed |
CODE
ใณใผใใใญใใฏใไฝฟ็จใใพใใใ
<?php echo 'hello world' ?>
ใคใณใฉใคใณใฎใณใผใ
my_function()
ใไฝฟ็จใใพใใ
custom html block
<pre><code> <?php echo 'hello world' ?></code></pre>
<?php echo 'hello world' ?>
PRE
PREใใใใใABCใใใใใabc ใใใ
block editerใฎใกใใฅใผใงไฝฟ็จใใใใคใณใฉใคใณ่ฆ็ด
code
my_function()
ใไฝฟ็จใใพใใ
STRONG
bold menu
STRONGใใใใใABCใใใใใabc ใใใ
mark
highlight menu
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
EM
ๆไฝใใกใใฅใผ
EMใใใใใABCใใใใใabc ใใใ
ใใใใใใใใใใใใใใใใช
KBD
ใญใผใใผใๅ ฅๅใใกใใฅใผ
<p><kbd>A</kbd></p>
A
k
ใใใใใใใใใใใช
S
ๆๆถใ็ท menu
SใใใใใABCใใใใใabc ใใใ
SUB
10 2
SUP
10 2
ใฏใฉใใทใใฏใจใใฃใฟใฎใกใใฅใผใงไฝฟ็จใใใใคใณใฉใคใณใฟใฐ
del
classic menu
The XMP element contains preformatted text in which markup other than an end tag is treated as literal text.
delใใกdivใใใใใใใใใใใใใใใใใใใใใใใใ
ins
classic menu
span
classic menuใๆๅญ่ฒ
paragraph block
red text
custom html block
<p><span style="color:red">red</span> text</p>
red text
ใใฎไป html็ทจ้ใงๆฟๅ ฅๅฏ่ฝใชใคใณใฉใคใณ่ฆ็ด
B
ใใใใใABCใใใใใabc ใใใ
ใใใใใใใใใใใใใใใใใใใใใใใใใSTRONG
I
IใใใใใABCใใใใใabc ใใใ
CITE
CITEใใใใใABCใใใใใabc ใใใ
html ็ทจ้ใง่ฟฝๅ
ใใใใใใใใใใใใใใใใใใ
VAR
VARใใใใใABCใใใใใabc ใใใ
ใใใใใใใใใใใใใใใใช
TT
TTใใใใใABCใใใใใabc ใใใ
ใใใใใใใใใใใใใใใใใใใใใใใใใCODEใชSAMPใชKBDใช
SAMP
SAMPใใใใใABCใใใใใabc ใใใ
ใใใใ
BIG
BIGใใใใใABCใใใใใabc ใใใ
SMALL
SMALLใใใใใABCใใใใใabc ใใใ
STRIKE
STRIKEใใใใใABCใใใใใabc ใใใ
sใใกdivใใใใใใใใใใใใใใใใใใใใใใใใ
form่ฆ็ด
FORM
ใใญใใฏใจใใฃใฟใงใฏใตใใผใใใใฆใใชใ่ฆ็ด
custom html block
FORM disabled
ใใญใใฏใจใใฃใฟใงใฏใตใใผใใใใฆใใชใ่ฆ็ด
custom html block
datalist
ใใญใใฏใจใใฃใฟใงใฏใตใใผใใใใฆใใชใ่ฆ็ด
custom html block
form radio
ใใญใใฏใจใใฃใฟใงใฏใตใใผใใใใฆใใชใ่ฆ็ด
custom html block
checkbox
ใใญใใฏใจใใฃใฟใงใฏใตใใผใใใใฆใใชใ่ฆ็ด
custom html block
select
Tใใญใใฏใจใใฃใฟใงใฏใตใใผใใใใฆใใชใ่ฆ็ด
custom html block
legend
ใใใใ FORM ใใใใใ ABC ใใใ abc ใใใ
required
disabled
readonly
SELECT NAME=โSAMPLE1โณ SIZE=โ7โณ MULTIPLE