Membuat Judul dan Paragraf di HTML

Dipublikasikan oleh Muhammad Zen pada

Bagi anda yang baru mulai belajar web salam semangat yaa!. Jika anda suka menulis dan ingin tulisan anda dibaca orang lain. Maka, anda bisa menuliskan tulisan anda di halaman web. Padahal zaman dulu, anda harus menulis dan menerbitkan sebuah buku agar tulisan anda bisa dibaca.

Namun Sekarang anda bisa memulai menulis dihalaman web dengan mudah dan murah. Hal yang paling mendasar dalam membuat artikel adalah penggunaan judul (Heading) dan isi (Paragraf). Walaupun sudah ada editor yang dapat membantu kita membuat artikel. Tetap saja materi ini wajib dipelajari jika kamu mau membuat sebuah aplikasi milikmu sendiri.

Dan yang perlu diingat! nanti judul dan paragraf ini tidak sekedar untuk membuat artikel ya… akan banyak manfaatnya dalam praktik nanti. Jadi pelajari dengan baik.

1. Cara Membuat Judul di HTML

Tag untuk membuat judul di html adalah tag heading <h…>. Tag heading terdiri dari tag <h1> sampai <h6>. Lalu letakkan judul kamu ditengah tag buka dan tutup.

<h1> Ini adalah judul artikel 1</h1>
<h2> Ini adalah judul artikel 2</h2>
<h3> Ini adalah judul artikel 3</h3>
<h4> Ini adalah judul artikel 4</h4>
<h5> Ini adalah judul artikel 5</h5>
<h6> Ini adalah judul artikel 6</h6>

Apakah kamu bingung pilih heading yang mana? jika iya ikuti saran berikut. Tag <h1> untuk judul besar atau utama. sedangkan yang lain bisa digunakan untuk sub judul.

Sekarang untuk membuat rata kiri, rata kanan, atau rata kiri kanan gunakan atribut align.

<h3 align="left"> Membuat Judul dan Paragraf di HTML</h3>
<h3 align="right"> Membuat Judul dan Paragraf di HTML</h3>
<h3 align="center"> Membuat Judul dan Paragraf di HTML</h3>
<h3 align="justify"> Membuat Judul dan Paragraf di HTML</h3>
2. Cara Membuat Paragraf di HTML

Untuk menyampaikan sebuah ide atau gagasan biasa dituliskan dalam paragraf. Paragraf satu dan lainya berpisah satu baris. Pragraf umumnya menggunakan perataan teks rata kiri, rata kanan, rata tengah, atau rata kirikanan. Tag yang digunakan untuk membuat paragraf adalah tag <p> yang berpasangan dengan tag </p>.

<p align="left">
HTML adalah singkatan dari Hypertext Markup Language. HTML bukan bahasa pemrograman, 
tetapi lebih tepat disebut bahasan untuk tampilan pada pemrograman web. 
CSS sendiri tidak bisa tampil dan berwujud tanpa HTML.
HTML adalah bahasa yang harus dan menarik dipelajari.
</p>
<p align="right">
HTML adalah singkatan dari Hypertext Markup Language. HTML bukan bahasa pemrograman, 
tetapi lebih tepat disebut bahasan untuk tampilan pada pemrograman web. 
CSS sendiri tidak bisa tampil dan berwujud tanpa HTML.
HTML adalah bahasa yang harus dan menarik dipelajari.
</p>
<p align="center">
HTML adalah singkatan dari Hypertext Markup Language. HTML bukan bahasa pemrograman, 
tetapi lebih tepat disebut bahasan untuk tampilan pada pemrograman web. 
CSS sendiri tidak bisa tampil dan berwujud tanpa HTML.
HTML adalah bahasa yang harus dan menarik dipelajari.
</p>
<p align="justify">
HTML adalah singkatan dari Hypertext Markup Language. HTML bukan bahasa pemrograman, 
tetapi lebih tepat disebut bahasan untuk tampilan pada pemrograman web. 
CSS sendiri tidak bisa tampil dan berwujud tanpa HTML.
HTML adalah bahasa yang harus dan menarik dipelajari.
</p>
3. Contoh Artikel

Setelah belajar membuat judul dan membuat paragraf. Bagaimana jika kita satukan menjadi sebuah artikel.

<h1 align="center">Pengertian HTML</h1>
<p align="justify">
HTML adalah singkatan dari Hypertext Markup Language. HTML bukan bahasa pemrograman, 
tetapi lebih tepat disebut bahasan untuk tampilan pada pemrograman web. 
CSS sendiri tidak bisa tampil dan berwujud tanpa HTML.
HTML adalah bahasa yang harus dan menarik dipelajari.
</p>

Sekarang kamu pilih perataan yang mana? untuk rata kiri mudah dibaca, untuk justify rapi, untuk rata kanan dan tengah menarik. Selanjutnya menampilkan gambar dengan html. Jika belum paham simak video berikut.

Kategori: HTML

0 Komentar

Tinggalkan Balasan

Avatar placeholder

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *