All Typography and Writing Formats in this Blog

Mukhamad Azis T.
Okt 8, 2023
Volutpat Sagittis Pulvinar
Image caption example
Writting format:
<div class="feature-image full-width">
  <table
    align="center"
    cellpadding="0"
    cellspacing="0"
    class="tr-caption-container"
    style="margin-left: auto; margin-right: auto;"
  >
    <tbody>
      <tr>
        <td style="text-align: center;">
          <img
            alt="Image Caption example"
            border="0"
            class="loaded"
            data-original-height="400"
            data-original-width="600"
            data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4uAb92eszyWE1scv231NFH3Apv8pAyVLJ9bZP_SR29vu6GMorPg0LYwgAoDd_HWjWTRjk6obuhfAVcH0We74Kv_giG3-iEUiRdwwclb6iA7_wXfRuvBCRVtnAD7PnAWEnLzaswdrMtDa58dBytcQ_DwZsMSS-GJssyEA9JUsHVHciwDcTXUOE043vuOkE/s16000/Typhography.jpg"
            lazyload="true"
            loading="lazy"
            src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4uAb92eszyWE1scv231NFH3Apv8pAyVLJ9bZP_SR29vu6GMorPg0LYwgAoDd_HWjWTRjk6obuhfAVcH0We74Kv_giG3-iEUiRdwwclb6iA7_wXfRuvBCRVtnAD7PnAWEnLzaswdrMtDa58dBytcQ_DwZsMSS-GJssyEA9JUsHVHciwDcTXUOE043vuOkE/s16000/Typhography.jpg"
          />
        </td>
      </tr>
      <tr>
        <td class="tr-caption" style="text-align: center;">
          <span style="font-size: medium;">Image caption example<br /></span>
        </td>
      </tr>
    </tbody>
  </table>
</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. We can also make a code format like this. Ab his oratores, ab his imperatores ac rerum publicarum principes extiterunt. Collatio igitur ista te nihil iuvat. Duo Reges: constructio interrete.

Quamquam ab iis philosophiam et omnes ingenuas disciplinas habemus; Hoc positum in Phaedro a Platone probavit Epicurus sensitque in omni disputatione id fieri oportere. We can also make a hyperlink like this. Quod totum contra est. We can also make a hyperlink like this. Quod non faceret, si in voluptate summum bonum poneret.

Name Equations
Einstein's Relativity \begin{equation} e = mc^2 \end{equation}
Newton's Second Law \begin{equation} \mathbf{F} = m \cdot \mathbf{a} \end{equation}
Schrödinger's Equation \begin{equation} i \hbar \frac{\partial \Psi}{\partial t} = -\frac{\hbar^2}{2m} \nabla^2 \Psi + V \Psi \end{equation}
Writting format:
    <div class="table-responsive">
      <table class="table table-bordered jt-border-light text-reset">
        <thead class="table-dark">
          <tr>
            <th scope="col" style="text-align: center;">Name</th>
            <th scope="col" style="text-align: center;">Equations</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td style="vertical-align: middle;">Einstein's Relativity</td>
            <td>
            \begin{equation} e = mc^2 \end{equation}
            </td>
          </tr>
          <tr>
            <td style="vertical-align: middle;">Newton's Second Law</td>
            <td>
            \begin{equation} \mathbf{F} = m \cdot \mathbf{a} \end{equation}
            </td>
          </tr>
          <tr>
            <td style="vertical-align: middle;">Schrödinger's Equation</td>
            <td>
            \begin{equation} i \hbar \frac{\partial \Psi}{\partial t} = -\frac{\hbar^2}{2m} \nabla^2 \Psi + V \Psi \end{equation}
            </td>
          </tr>
        </tbody>
      </table>
    </div>
Quoniam, inquiunt, omne peccatum inbecillitatis et inconstantiae est, haec autem vitia in omnibus stultis aeque magna sunt, necesse est paria esse peccata.
-Someone Famous

 
Writting format:
<div>
  <span face="system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" style="background-color: white; color: #686868; text-align: justify;">
     <blockquote>
     Quoniam, inquiunt, omne peccatum inbecillitatis et inconstantiae est, haec
     autem vitia in omnibus stultis aeque magna sunt, necesse est paria esse peccata. 
     <br />
     <i> -Someone Famous </i>
     </blockquote>
   </span>
</div>

Quid, si etiam iucunda memoria est praeteritorum malorum? Ergo ita: non posse honeste vivi, nisi honeste vivatur? Qui est in parvis malis. Quamquam in hac divisione rem ipsam prorsus probo, elegantiam desidero. Quis suae urbis conservatorem Codrum, quis Erechthei filias non maxime laudat? Si mala non sunt, iacet omnis ratio Peripateticorum. Nosti, credo, illud: Nemo pius est, qui pietatem-; Uterque enim summo bono fruitur, id est voluptate.

  • Sed non alienum est, quo facilius vis verbi intellegatur, rationem huius verbi faciendi Zenonis exponere.
  • Unum est sine dolore esse, alterum cum voluptate.
  • Aeque enim contingit omnibus fidibus, ut incontentae sint.
  • Cenasti in vita numquam bene, cum omnia in ista Consumis squilla atque acupensere cum decimano.
  • Et ego: Piso, inquam, si est quisquam, qui acute in causis videre soleat quae res agatur.
  • Si enim ad populum me vocas, eum.
Writting format:
    <ul>
      <li style="text-align: justify;">Sed non alienum est, quo facilius vis verbi intellegatur, rationem huius verbi faciendi Zenonis exponere.</li>
      <li style="text-align: justify;">Unum est sine dolore esse, alterum cum voluptate.</li>
      <li style="text-align: justify;">Aeque enim contingit omnibus fidibus, ut incontentae sint.</li>
      <li style="text-align: justify;">Cenasti in vita numquam bene, cum omnia in ista Consumis squilla atque acupensere cum decimano.</li>
      <li style="text-align: justify;">Et ego: Piso, inquam, si est quisquam, qui acute in causis videre soleat quae res agatur.</li>
      <li style="text-align: justify;">Si enim ad populum me vocas, eum.</li>
    </ul>

Quid, si etiam iucunda memoria est praeteritorum malorum? Ergo ita: non posse honeste vivi, nisi honeste vivatur? Qui est in parvis malis. Quamquam in hac divisione rem ipsam prorsus probo, elegantiam desidero. Quis suae urbis conservatorem Codrum, quis Erechthei filias non maxime laudat? Si mala non sunt, iacet omnis ratio Peripateticorum. Nosti, credo, illud: Nemo pius est, qui pietatem-; Uterque enim summo bono fruitur, id est voluptate.

  1. Sit enim idem caecus, debilis.
  2. Quae cum praeponunt, ut sit aliqua rerum selectio, naturam videntur sequi;
  3. Aeque enim contingit omnibus fidibus, ut incontentae sint.
  4. Et harum quidem rerum facilis est et expedita distinctio.
Writting format:
    <ol>
      <li style="text-align: justify;">Sit enim idem caecus, debilis.</li>
      <li style="text-align: justify;">Quae cum praeponunt, ut sit aliqua rerum selectio, naturam videntur sequi;</li>
      <li style="text-align: justify;">Aeque enim contingit omnibus fidibus, ut incontentae sint.</li>
      <li style="text-align: justify;">Et harum quidem rerum facilis est et expedita distinctio.</li>
    </ol>

Button

Style 1:
Click Here 
<a class="btn jt-btn-primary mb-2 me-2" href="#">Click Here</a>
Style 2:
Download Here 
<a class="btn jt-btn-primary mb-2 me-2" href="#"><svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-download"/></svg> Download Here</a>
Style 3:
Click Here 
<a class="btn btn-sm jt-btn-primary mb-2 me-2" href="#">Click Here</a>
Style 4:
Click Here 
<a class="btn rounded-pill jt-btn-primary mb-2 me-2" href="#">Click Here</a>
Style 5:
Click Here 
<a class="btn btn-lg jt-btn-primary mb-2 me-2" href="#">Click Here</a>
Style 6:
Click Here 
<a class="btn jt-btn-outline-primary mb-2 me-2" href="#">Click Here</a>

Lazy load youtube video

Writting format:
    
    <iframe
      class="lazyload"
      title="Youtube"
      width="400"
      height="300"
      allowfullscreen
      allow="accelerometer;autoplay;encrypted-media;gyroscope;picture-in-picture"
      data-style="background: url(https://img.youtube.com/vi/Uz970DggW7E/hqdefault.jpg) 50% 50% / cover no-repeat;"
      data-src="https://www.youtube.com/embed/e-P5IFTqB98">
    </iframe>

A well-known quote, contained in a blockquote element.

Someone famous in Source Title
Mukhamad Azis T.

Mukhamad Azis T.

The Scientist

Previous Post
No Comment
Add Comment
comment url