HTML Basic Tags
Heading Tags
Disetiap diawali dengan sebuah heading, kamu bias menggunakan ukuran heading yang berbeda untuk document yang sedang kamu tulis saat ini, yang menggunakan elemen seberti berukut, <h1>, <h2> ,<h3>, <h4>, <h5>, <h6> sementara untuk menampilkan setiap heading yang anda tulis, Browser akan menampilkan heading satu baris terlebih dahulu lalu baru baris berikut nya.
Contoh
<!DOCTYPE html>
<html>
<head>
<title>Heading Example</title>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>
Berikut adalah hasil yang ditampilkan :
Tag Paragraph
Tag <p> menawarkan cara untuk membuat struktur tulisan anda menjadi paragraph yang berbeda, setiap paragraph yang anda buat harus berada antara pembuka <p> dan penutup </p> berikut kami akan memperlihatkan contohnya
Contoh
<!DOCTYPE html>
<html>
<head>
<title>Contoh Paragraph </title>
</head>
<body>
<p>Ini adalah paragraph pertama dari text.</p>
<p> Ini adalah paragraph kedua dari text.</p>
<p> Ini adalah paragraph ketiga dari text.</p>
</body>
</html>
Berikut adalah hasil yang ditampilkan
Ini adalah paragraph pertama dari text.
Ini adalah paragraph kedua dari text.
Ini adalah paragraph ketiga dari text.
Baris Baru
Kapan saja kau menggu nakan tag <br /> setiap kamu menambahkan tag tersebut pada sebuah kata atau kalimat maka kamu akan mengakhiri baris tersebut, tag ini biasanya disebut elemen pemisah, kapan pun kamu menggunakan nya kamu tidak harus melakukan pembuka atau penutup tag atau meletakkan diantara penutup dan pembuka, kamu hanya harus meletakkan tag <br /> di akhir kalimat/kata yang kamu tuliskan.
Tag <br /> memiliki spasi diantara karakter br dan
sebelum slash atau garis miring, jika
kamu menghilangkan spasi ini maka browser lama akan mengalami masalah untuk
membara baris baru tersebut, sedangkan jika kamu tidak meletakkan slahs setelah
karakter br dan hanya menggunakan <br> maka ini tidak akan berfungsi
dalam XHTML.
Contoh
Hasilnya seperti berikut.
Hello
Saat ini saya sedang belajar HTML.
Terimakasih untuk penulis
Nizar
Dan hasil nya seperti berikut :
text ini tidak berada di tengah.
Maka hasil yang akan diperlihatkan adalah :
Kamu tidak harus meletak kan <hr /> dianta pembuka dan penutu sekira nya kamu perlu meletakkan <hr /> maka letakkan saja, <hr /> memiliki spasi sebelu slash jika kamu menghapus spasi tersebut maka browser lama akan mengalami masalah saat membaca haltersebut, ketika kamu tidak meletakkan shlas / setelah hr atau kamu hanya menggunakan seperti ni <hr> maka ini tidak akan berlaku pada XHTML.
Note : Kami membuat tutorial ini secara bertahap dan diharapkan agar pembaca tetap pada jalur dan ter arah klik disini untuk tutorial bagian selanjutnya.
<!DOCTYPE html>
<html>
<head>
<title>Contoh Baris Baru</title>
</head>
<body>
<p>Hello<br />
Saat ini saya sedang belajar HTML.<br />
Terimakasih untuk penulis<br />
Nizar</p>
</body>
</html>
Hasilnya seperti berikut.
Hello
Saat ini saya sedang belajar HTML.
Terimakasih untuk penulis
Nizar
Membuat konten berada ditengah
Kamu bias menggunakan tag <center> untuk meletakkan konten pada bagian tengah baik pada halaman atau dalam table
Contoh
<!DOCTYPE html>
<html>
<head>
<title>Centring Content Example</title>
</head>
<body>
<p>text ini tidak berada di tengah.</p>
<center>
<p>text ini berada ditengah.</p>
</center>
</body>
</html>Dan hasil nya seperti berikut :
text ini tidak berada di tengah.
text ini berada ditengah
Garis Horizontal
Kamu bias menggunakan Garis Horizontal setelah akhir dari document tag karakter <hr> untuk meletakkan sebuah garis pada posisi saat ini di dokumen dari sebelah kanan dengan akhir yg sesuai.
Untuk contoh kami meletakkan gari diantara paragraph berikut contoh kasus dari <hr>
Contoh
<!DOCTYPE html>
<html>
<head>
<title>Horizontal Line Example</title>
</head>
<body>
<p>ini paragraph pertama yang berada diatas</p>
<hr />
<p>ini paragraph kedua yang berada dibawah</p>
</body>
</html>
Maka hasil yang akan diperlihatkan adalah :
Kamu tidak harus meletak kan <hr /> dianta pembuka dan penutu sekira nya kamu perlu meletakkan <hr /> maka letakkan saja, <hr /> memiliki spasi sebelu slash jika kamu menghapus spasi tersebut maka browser lama akan mengalami masalah saat membaca haltersebut, ketika kamu tidak meletakkan shlas / setelah hr atau kamu hanya menggunakan seperti ni <hr> maka ini tidak akan berlaku pada XHTML.
Note : Kami membuat tutorial ini secara bertahap dan diharapkan agar pembaca tetap pada jalur dan ter arah klik disini untuk tutorial bagian selanjutnya.
Post a Comment for "HTML Basic Tags"