Cara Menambahkan Isi Pada Bagian Body HTML


Menambahkan Isi pada Bagian Body

Selamat datang di Belajar Komputer, kita masih berlanjut tentang HTML nih, disini saya akan memberikan cara bagaimana cara menambahkan isi pada bagian body HTML. Langsung saja simak artikel berikut ini :

Logo HTML


Isi dalam dokumen HTML ditempatkan di antara bagian <BODY> sampai dengan </BODY>. Untuk menambahkan isi tersebut dapat dilakukan dengan cara berikut.

<html>
<head>
<title> JUDUL HALAMAN </title>
</head>
<body>
<hl> Potensi Manusia </hl>
Manusia memiliki potensi diri untuk meraih sukses yang didambakannya Sukses sejati tidak hanya diukur melalui pencapaian materi, tetapi lebih pada seberapa besar peranan kita untuk manusia dan alam ini.
</body>
</html>

Di bagian <BODY> sampai dengan </BODY> disi dengan Header. Halaman contohnya adalah "Potensi Manusia". Cara membuatnya menggunakan perintah <H sampai dengan </HI>. Perintah HI digunakan untuk membuat HEADER atau Kepala Berita. Setelah itu ditambahkan Caption atau penjelasan singkat mengenai isi halaman tersebut. 

Selanjutnya simpan dokumen dengan nama file latihan2.html

Elemen Teks

Beberapa elemen yang dapat digunakan untuk menampilkan informasi berupa teks dalam HTML, yaitu:

  • PARAGRAPH
  • BLOCKQUOTE
  • DIVIDER


Elemen Paragraph

Elemen paragraph menggunakan tag <P./P> yang digunakan untuk menandai sekumpulan teks sebagai suatu paragraf. Tag <P> menyatakan awal paragraf, sedangkan tag </P> menyatakan akhir dari satu paragraph. Untuk menampilkan beberapa paragraf, misalnya 6 paragraf maka penulisannya menjadi sebagai berikut.

<HTML>
<HEAD>
<TITLE> Tag Paragraph</TITLE>
</HEAD>
<BODY>
<P> Paragraf satu</P
<P>Paragraf dua</P>
<P> Paragraf tiga</P
<P>Paragraf empat< P>
<P>Paragraf lima</P>
<P>Paragraf enam< P>
</BODY>
</HTML>
</HTML>

Simpanlah file di atas dengan nama paragraph.html.

Untuk membuat perataan paragraf digunakan atribut ALIGN. Atribut ALIGN mempunyai tiga nilai, yaitu left untuk rata kiri, right untuk rata kanan, dan center untuk posisi tengah. Untuk penulisannya sebagai berikut :

  • Rata kiri: <P Allign="LEFT"> kiri </P> Teks paragraph akan ditampilkan rata kiri </P>.
  • Rata kanan: <P Allign-"RIGHT"> Teks paragraph akan ditampilkan rata kanan </P>.
  • Rata tengah: <P Allign="CENTER"> Teks paragraph akan ditampilkan rata ke tengah.


Blockquote

Tag <BLOCKQUOTE> </BLOCKQUOTE> Blockquote adalah tulisan yang menjorok ke dalam dari batas tepi kiri dan tepi kanan area posting. Tujuannya untuk mempertegas isi tulisan ataupun teks yang dianggap penting, yang berada di area blockquote.

Divider

Elemen divider digunakan untuk membagi-bagi dokumen HTMI dalam suatu hierarki yang terstruktur. Teks yang ditempatkan dalam tag DIv..DIV> akan ditampilkan sesuai dengan nilai atribut ALIGN tersebut. Nilai atribut ALIGN, yaitu left, right, dan center.

Contoh:

  • Teks akan ditamp√≠lkan rata kiri: <DIV Allign "Left">…</DIV>
  • Teks akan ditampilkan rata kanan: <DIV Allign Right">"</DIV>
  • Teks akan ditampilkan rata tengah: <DIV Allign "Center”>...</DIV> Allign=”Center”>…</DIV>


Nah itu tadi adalah cara menambahkan bagian body pada HTML, dan juga sudah dilengkapi dengan bagian-bagian nya, mungkin sampai disini saja pembahasan kita kali ini, akan kita lanjutkan di artikel berikutnya.
Semoga artikel ini dapat menambah wawasan dan ilmu pengetahuan kita semua ya.


Berlangganan update artikel terbaru via email:

Iklan Atas Artikel 1

Iklan Tengah Artikel 2

loading...

Iklan Tengah Artikel 3

Iklan Bawah Artikel 4