Kerak Telor HTML: HTML Basics

HTML Basics
Untuk selanjutnya kita bakalan belajar element-element apa aja yang ada pada HTML.

--------------------------------
Paragraf
--------------------------------
Saat kita menulis di Ms.Word , terus ingin membuat paragraf baru atau baris baru kan kita menekan ENTER kan ya? :D
Nah di dalam HTML kita dapat menggunakan beberapa tag untuk membuat baris baru atau paragraf baru.

----------------
1. Tag <p>
----------------
Fungsinya untuk membuat paragraf. Browser secara otomatis akan menambahkan sebuah baris kosong sebelum dan sesudah paragraf.
Contoh:

<html>
<head>
  <title>Contoh Paragraf</title>
</head>
<body>
  <p>Ini paragraf pertama. Pendek aja ndak usah panjang-panjang.</p>
  <p>Lalu ini paragraf kedua.</p>
</body>
</html>

----------------
2. Tag <br/>
----------------
Tag ini namanya Single Line Break . Nah gunannya untuk menambahkan satu baris teks baru tanpa membuat paragraf baru. Bingung ya?
Ya intinya ini tag gunanya untuk menggantikan tombol ENTER di keyboard . Soalnya saat kita tekan ENTER saat ngoding, kodenya memang sudah turun ke bawah, tapi tidak akan ada pengaruhnya saat ditampilkan di web browser.

Tag ini bisa ditulis <br/> atau begini saja <br> . Owh iya, tag ini merupakan element html kosong. Jadi cukup ditulis tag pembuka saja tanpa tag penutup.

Contoh:

<html>
<head>
  <title>Contoh Paragraf</title>
</head>
<body>
  <p>Ini paragraf pertama. Pendek aja ndak usah panjang-panjang.</p>
  <p>Lalu ini paragraf kedua.</p>
  <p>Saat kita menulis lalu gunakan single line break untuk membuat <br/> tulisan ini turun ke bawah.</p>
</body>
</html>

Hasilnya akan tampil seperti pada Gambar saat dibuka dengan Web browser

Kerak telor ala Ido Alit