HTML Editor
Table
| Tiêu đề A | Tiêu đề B |
|---|---|
| Nội dung A1 | Nội dung B1 |
| Nội dung A2 | Nội dung B2 |
<div class="separator" style="clear: both; text-align: center;">
<table>
<tbody></tbody>
<thead>
<tr>
<th>Tiêu đề A</th>
<th>Tiêu đề B</th>
</tr>
</thead>
<tbody>
<tr>
<td>Nội dung A1</td>
<td>Nội dung B1</td>
</tr>
<tr>
<td class="tg-0pky">Nội dung A2</td>
<td class="tg-0pky">Nội dung B2</td>
</tr>
</tbody>
</table>
</div>
| First cell | Second column | Upper corner |
| Bottom row | Middle bottom | Right corner |
<table border="1" style="box-shadow: rgb(0, 0, 0) 3px 3px 10px; margin: auto;">
<tbody>
<tr style="border-top: 2px solid rgb(85, 85, 85);">
<td style="border: 2px dashed rgb(85, 85, 85);">First cell</td>
<td>Second column</td>
<td>Upper corner</td>
</tr>
<tr style="background-color: rgba(0, 0, 0, 0.1);">
<td>Bottom row</td>
<td>Middle bottom</td>
<td>Right corner</td>
</tr>
</tbody>
</table>
Insert Code
<pre><code>Dòng code 1
Dòng code 2
Dòng code 3</code></pre>
Nếu bạn chèn html code thì cần encode để hiển thị đúng: HTML Encode
Block Quote
Trích dẫn 1
Trích dẫn 2
Trích dẫn 3
Insert Button
<a href="https://link cần chèn" rel="nofollow" target="_blank">
<span style="background-color: #4485b8; border-radius: 5px; color: white;
display: inline-block; font-weight: bold; padding: 2px 8px;">Tên nút</span></a>
Insert SVG
<img
alt="contact"
height="20"
src="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath fill='%234485b8' d='M400 480H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48h352c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48zm-204.686-98.059l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.248-16.379-6.249-22.628 0L184 302.745l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.25 16.379 6.25 22.628.001z'/%3e%3c/svg%3e"
width="20"
/>
SVG Repo - Free SVG Vectors and Icons
Bootstrap Icons · Official open source SVG icon library for Bootstrap (getbootstrap.com)
Free icon - Free vector icons - Free SVG, PSD, PNG, EPS, Ai & Icon Font (freeicons.io)
Insert Thumbnail
<div class="separator" style="clear: both; text-align: center;">
<a
style="display: none; margin-left: 1em; margin-right: 1em;"
><img
alt=""
data-original-height="630"
data-original-width="1200"
height="168"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPmh_wC695qt6OHCahqqsecY3NtkMLB9cx8diGciaKnRWCEVDgSYWiNdeKPA7wJSo5NZQtkHxKmAW_CXeHM46dJobpiaNHhZGAmPPVGO2oZKwGot9nmZNtR8loOHCq3Ob0VI_GyV-Ce8o/"
width="320"
/></a>
</div>
Note
Nội dung ghi chú
lang="html"><div class="note">Nội dung ghi chú</div>
Insert Google Sheets table
<iframe frameborder="0" width="100%" height="400" marginheight="0" marginwidth="0"
src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQdCs7nMw8NYWjkBNiEJrR_YWOrS2q0olOC1T8eSCZnweeHqho0H1GWMfmVR48J8Q/pubhtml?gid=855932756
&range=A2:Q18&single=true&widget=false&chrome=false"></iframe>
QR Code Generator
Insert Audio
<figure >
<figcaption>Listen to the the audio file</figcaption>
<audio controls
src="https://drive.google.com/uc?export=download&id=1blUyIowvHpBEAGuPwqJTBnYP0IxkSZl4" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</figure>
<style>figure {margin: 0;} </style>
Tags:
Blogger
