[HTML PART 3] Text Formating,Heading,Lines & Coment

belajar-HTML-text-formating-heading-comment

Exploit Tekloggers-Setelah Selesai membuat progam pertama html kalian langkah selanjutnya mari kita dalama text formating seperti huruf tebal,garis miring,garis bawah,text besar,dan-lain.Seperti biasa biar lebih enjoy silahkan klik play lagu dibawah ini ^-^.

Sebelum berlanjut ke topik saya akan kasih cara membuat dokumen html sederhana di notepad(bagi yang belum mempunyai software text-edtor) dan cara melihat hasil html yang kita buat,jadi biar saya gak susah lagi ngasih hasil pada setiap tutorial yang saya buat.

Text Formating

Dalam HTML banyak sekali jenis jenis teks seperti yang saya jelaskan diatas tadi untuk membuat seperti biasa anda perlu membuat satu baris penuh dokumen html dan penambahan di elemen <p>.Contohnya seperti ini:

<html>
   <head>
      <title>first page</title>
   </head>
   <body>
      <p>This is regular text </p>
      <p><b> bold text </b></p>
      <p><big> big text </big></p>
      <p><i> italic text </i></p>
      <p><small> small text </small></p>
      <p><strong> strong text </strong></p>
      <p><sub> subscripted text </sub></p>
      <p><sup> superscripted text </sup></p>
      <p><ins> inserted text </ins></p>
      <p><del> deleted text </del></p>
   </body>
</html>

maka hasilnya:

Heading

Heading Adalah jenis Teks berdasarkan kategori <h1>untuk heading teks besar,h2 su heading teks sedang,dan h3 seterusnya ukuran akan semakin kecil jika heading bertambah.untuk membuat garis horizontal kita gunakan tag <hr/> hr seperti <br> tidak memiliki tag penutup.

 <html>
   <head>
      <title>Tekloggers</title>
   </head>
   <body>
      <h1>Judul 1</h1>
      <h2>Judul 1</h2>
      <h3>Judul 1</h3>
      <h4>Judul 1</h4>
      <h5>Judul 1</h5>
      <h6>Judul 1</h6>
      <p>ini paragraf </p>
      <hr />
      <p>ini paragraf </p>
   </body>
</html>

maka hasilnya:

Coment

Elemen coment tidak akan keluar dalam browser ketika anda melakukan pratinjaunya tapi fungsi coment sebagai penanda para progammer untuk menandai kodenya atau bisa juga sebagai catatan mereka di code.

Penambahan coment diawali dengan kode  .Contoh dalam HTML

<html>
   <head>
      <title>Tekloggers</title>
   </head>
   <body>
      <!--PROGAM PERTAMA HTML kU -->
      <p>ini paragraf </p>
      <hr />
      <p>ini paragraf </p>
   </body>
</html>

Sekian Tutorial HTML PART 3 ,silahkan lanjut ke tutorial berikutnya ^-^ .