Struktur Dasar File Dokumen HTML
berikut adalah Struktur dasar dari HTML
<html>
<head>
<title>Judul HTML</title>
</head>
<body>
ini hasil nya
</body>
</html>
Mengubah Warna Background dan tulisan yang berada di dalam body
<html>
<head>
<title>Judul HTML</title>
</head>
<body bgcolor="lightblue" text="red">
ini hasil nya
</body>
</html>
Heading
Heading adalah sekumpulan kata yang menjadi judul atau subjudul dalam suatu dokumen html
html menyediakan enam tingkatan heading. Heading level 1 biasanya untuk judul utama.
Pada dokumen HTML terdapat 6 ukuran heading mulai dari H1 sampai dengan H6 H1 adalah heading dengan ukuran terbesar dan H6 adalah heading dengan ukuran terkecil
<html>
<head>
<title>Headings</title>
</head>
<body>
<h1>Heading Level 1</h1>
<h2>Heading Level 2</h2>
<h3>Heading Level 3</h3>
<h4>Heading Level 4</h4>
<h5>Heading Level 5</h5>
<h6>Heading Level 6</h6>
</body>
</html>
Paragraf
Untuk membuat paragraf digunakan tag <p>. Setelah tag <p> Anda bisa menulis isi paragraf dan paragraf
tersebut harus diakhiri dengan penutup </p>. Anda bisa mengatur posisi paragraf dengan attribut align.
Atribut align diikuti dengan posisi yang diinginkan. left untuk rata kiri, center untuk rata tengah,
right untuk rata kanan dan justify untuk rata kanan kiri.
<html>
<head>
<title>Paragraf</title>
</head>
<body>
<p align="right">
PERHATIKAN! Paragraf ini rata kanan : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p align="center">
PERHATIKAN! Paragraf ini berada di tengah : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p align="left">
PERHATIKAN! Paragraf ini rata kiri : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p align="justify">
PERHATIKAN! Paragraf ini rata kanan kiri : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</body>
</html>
BLOCKQUOTE
Perintah tag <blockquote> digunakan untuk menulis kutipan teks. Dengan perintah ini browser akan
menampilkan teks menjorok ke dalam.
<html>
<head>
<title>blockquote</title>
</head>
<body>
<h3>Contoh Saja </h3>
<blockquote>
Contoh contoh<br>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</blockquote>
</body>
</html>
PREFORMATTED TEXT
Preformatted Text (PRE) pada dokumen HTML digunakan untuk melakukan preformat terhadap dokumen HTML. Artinya teks yang akan ditampilkan akan sama keadaannya seperti yang tertulis pada kode HTML nya.
Browser akan menampikan teks tersebut dalam font monospaced, yaitu seperti terlihat
dalam teks yang tampilkan oleh aplikasi berbasis teks (misalnya telnet).
BEGIN ROW
Tag ini digunakan untuk menulis teks pada baris berikutnya. Tag
membuat baris baru tanpa memberi baris kosong di bawahnya.
membuat baris baru tanpa memberi baris kosong di bawahnya.
Ok sekian tungu Belajar HTML Dasar #3
