Belajar HTML - Basic Tags
Rumus penulisan tags
<nama-elemen atribut> Konten </nama-elemen>
Heading Tags
Tags Heading adalah sebuah tag yang di gunakan untuk membuat Judul dan Sub judul pada sebuah dokumen. Pada HTML memiliki 6 level Tags Heading yaitu
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
Masing-masing tag memiliki ukuran yang berbeda. Saat menampilkan judul apa pun, peramban menambahkan satu baris sebelum dan satu baris sesudah Tags Heading.
Contoh :
<!DOCTYPE html>
<html>
<head>
<title>Contoh Heading</title>
</head>
<body>
<h1>Ini adalah heading 1</h1>
<h2>Ini adalah heading 2</h2>
<h3>Ini adalah heading 3</h3>
<h4>Ini adalah heading 4</h4>
<h5>Ini adalah heading 5</h5>
<h6>Ini adalah heading 6</h6>
</body>
</html>
Output dari contoh di atas :
Paragraph Tag
<p> </p> Digunakan untuk membuat sebuah paragraf pada html penggunaan tag ini berfungsi untuk membuat struktur pada teks agar teks yang menggunakan tag ini masuk kedalam paragraf yang berbeda. Setiap paragraf teks harus berada di antara tag pembuka <p> dan penutup </ p> .
Contoh :
<!DOCTYPE html>
<html>
<head>
<title>Contoh Paragraf</title>
</head>
<body>
<p>Ini adalah paragraf pertama dari teks.</p>
<p>Ini adalah paragraf kedua dari teks.</p>
<p>Ini adalah paragraf ketiga dari teks.</p>
</body>
</html>
Output dari contoh di atas :
Line Break Tag
<br /> ini adalah tag yang di gunakan untuk membuat baris baru, Sama hal nya seperti fungsi Enter pada lembar kerja Ms. Word. Baris baru akan di mulai sesudah elemen <br /> ini di gunakan. Tag ini adalah contoh elemen kosong, di mana kita tidak perlu membuka dan menutup tag.
Tag <br /> memiliki spasi antara karakter br dan garis miring. jika kita mengabaikan garis miring pada peramban yang lebih lama maka akan mengalami masalah saat merender jeda baris, sementara jika kita melewatkan karakter garis miring dan hanya menggunakan <br> itu tidak valid di XHTML.
<!DOCTYPE html>
<html>
<head>
<title>Contoh Line Break</title>
</head>
<body>
<p>Hello.. <br />
Nama saya : Mr. Comro<br />
aku senang belajar HTML<br />
Terima Kasih</p>
</body>
</html>
Output dari contoh di atas :
Centering Content
<center> Tag ini berfungsi untuk membuat Teks atau Konten apapun berada di tengah halaman. di awali dengan <center> isi konten dan di akhiri </center>
Contoh :
<!DOCTYPE html>
<html>
<head>
<title>Contoh Centring Content</title>
</head>
<body>
<p>Teks ini tidak di tengah.</p>
<center>
<p>Teks ini ada di tengah.</p>
</center>
</body>
</html>
Output dari contoh di atas :
0 Response to "Belajar HTML - Basic Tags"
Post a Comment