HTML 5 SERIES #4 : Formatting

HTML 5 SERIES #4 : Formatting

Halo sobat Digitalkode, Kembali lagi sama mimin di series HTML Digitalkode 😎

Setelah sebelumnya kita kenalan dengan heading dan paragraf, sekarang kita bakal kenalan lagi nih sama yang namanya formatting, “Formatting ini apa sih?” Kalian Gaperlu mikir jauh jauh same format hardisk atau yang lainnya 😆

Formatting ini adalah cara si HTML untuk menampilkan paragraf dengan arti tertentu, seperti bold untuk membuat tulisan tebal, italic untuk membuat tulisan miring Layaknya menara pisa dan masih banyak lagi.

sebenernya ada banyak sih tipe formatting di HTML, cuma mimin kali ini cuma mau kasih tutorial formatting HTML yang paling sering dipakai saja, berikut adalah List Formatting HTML yang umum dipakai :

  • Bold
  • Italic
  • Underlines

Untuk list lebih lengkapnya dapat kalian pelajari disini https://www.w3schools.com/html/html_formatting.asp

BTW back to topic, jadi bagaimana cara membuat format tulisan seperti diatas?

untuk Bold dia mempunyai sintaksis seperti ini:

<b>halo, saia adalah Bold </b>

kemudian untuk italic :

<i>hola, Saia adalah Italic </i>

Dan terakhir, untuk garis bawah (underlines) :

<u>Halu, Saia adalah Underlines </u>

jadi untuk implementasi codenya dapat dibuat seperti berikut :

<!DOCTYPE html>
<html>
  <head>
    <title>Belajar Formatting Digitalkode</title>
  </head>
  <body>
    <h1>Selamat Datang Di Situs Digitalkode!</h1>
    <p>Tempat berbagai macam <b>tutorial</b> <i>pemograman</i> secara <u>gratis!</u></p>
  </body>
</html>  

output :

Selamat Datang Di Situs Digitalkode!

Tempat berbagai macam tutorial pemograman secara gratis!

look! si paragraf udah berubah ya, ada bold, italic dan underlines. jadi demikianlah cara untuk membuat formatting dalam HTML, Silahkan improvisasi Coding kalian dan oprek Sesuka kalian.

sekian dari mimin dan terimakasih sudah mengikuti tutorial HTML #4 kali ini!

#KeepLearning_KeepNgoding

Tags: HTML SERIES
comments powered by Disqus