Pemrograman HTML5 - Membuat Heading dan Paragraph
Halo, Sobat !..
Pada pembahasan Pemrograman HTML5 lalu kita udah bahas bagaimana cara membuat file HTML. disana kita bahas tentang Struktur Dasar, Membuat File HTML dan Meluncurkannya ke Browser.
Nah, Buat sekarang ini saya akan share tentang bagaimana cara membuat Heading dan Paragraph. Keduanya adalah hal yang pasti ada pada bagian HTML, Judul suatu paragraph, Sub Judul dan membuat paragraph untuk sebuah isi Cerita.
Heading digunakan untuk sebuah judul dan sub judul pada sebuah halaman HTML dimana sebuah Heading tags terdiri dari 6 jenis yang masing-masing memiliki ukuran yang berbeda. Dalam penggunaannya Heading sangatlah penting untuk menunjukan sebuah struktur pada halaman website.
Heading ditunjukan dengan tag <h1> sampai <h6>. <h1> Merupakan Heading yang paling Penting. <h2> Dibawah <h1> dan seterusnya hingga <h6> yang paling sedikit pentingnya.
Dari hasil diatas dapat disimpulkan bahwa <h1> merupakan tag Heading yang paling penting dan dilanjutkan dengan <h2> dan seterusnya.
Didalam sebuah judul pasti ada sebuah konten yang kita tuliskan, misalnya sebuah deskripsi atau mungkin tulisan blog seperti yang saya lakukan ini. nah untuk menggunakannya kita bisa menggunakan tag <p> yang menunjukan sebuah Paragraph.
Sebuah paragraph dituliskan lurus dan memanjang, setiap pembuka <p> dan ditutup </p> maka itu berarti menunjukan satu paragraph dan akan membuat baris baru. contohnya seperti ini :
Pada sebuah paragraph, membuat break line atau baris baru adalah menggunakan tag <br/>, dan jika ingin menggunakan format bebas seperti spasi dan enter makan gunakanlah tag <pre>.
Untuk hasil codingan diatas, akan menghasilkan format seperti dibawah ini :
Mudah kan ? dengan begini website kalian bisa memiliki paragraph serta judul yang terstruktur. dan kalian bisa menggunakan paragraph yang diatas sesuai dengan keinginan kalian ya sobat !.
Sekian Informasi dari Saya, Happy Sharing and Learning !
Pada pembahasan Pemrograman HTML5 lalu kita udah bahas bagaimana cara membuat file HTML. disana kita bahas tentang Struktur Dasar, Membuat File HTML dan Meluncurkannya ke Browser.
Nah, Buat sekarang ini saya akan share tentang bagaimana cara membuat Heading dan Paragraph. Keduanya adalah hal yang pasti ada pada bagian HTML, Judul suatu paragraph, Sub Judul dan membuat paragraph untuk sebuah isi Cerita.
Heading
Heading digunakan untuk sebuah judul dan sub judul pada sebuah halaman HTML dimana sebuah Heading tags terdiri dari 6 jenis yang masing-masing memiliki ukuran yang berbeda. Dalam penggunaannya Heading sangatlah penting untuk menunjukan sebuah struktur pada halaman website.
Heading ditunjukan dengan tag <h1> sampai <h6>. <h1> Merupakan Heading yang paling Penting. <h2> Dibawah <h1> dan seterusnya hingga <h6> yang paling sedikit pentingnya.
<html>
<head>
<title>Tutorial Heading dan Paragraph</title>
</head>
<body>
<h1>Aku Direktur</h1>
<h2>Aku Manajer</h2>
<h3>Aku Supervisor</h3>
<h4>Aku Karyawan Tetap</h4>
<h5>Aku Karyawan Magang</h5>
<h6>Aku Karyawan PKL</h6>
</body>
</html>
Maka Hasilnya adalah seperti ini :
Dari hasil diatas dapat disimpulkan bahwa <h1> merupakan tag Heading yang paling penting dan dilanjutkan dengan <h2> dan seterusnya.
Jangan Menggunakan Heading sebagai Text Blok atau Bold ya, Sobat !
Paragraph
Didalam sebuah judul pasti ada sebuah konten yang kita tuliskan, misalnya sebuah deskripsi atau mungkin tulisan blog seperti yang saya lakukan ini. nah untuk menggunakannya kita bisa menggunakan tag <p> yang menunjukan sebuah Paragraph.
Sebuah paragraph dituliskan lurus dan memanjang, setiap pembuka <p> dan ditutup </p> maka itu berarti menunjukan satu paragraph dan akan membuat baris baru. contohnya seperti ini :
<html>
<head>
<title>Tutorial Heading dan Paragraph</title>
</head>
<body>
<p>Ini merupakan sebuah paragraph yang lurus dan memanjang</p>
<p>Ini merupakan sebuah
paragraph yang
menggunakan enter</p>
<p>Ini merupakan sebuah
paragraph yang memiliki
Banyak Spasi</p>
</body>
</html>
yang akan memberikan hasil seperti ini :
Pada sebuah paragraph, membuat break line atau baris baru adalah menggunakan tag <br/>, dan jika ingin menggunakan format bebas seperti spasi dan enter makan gunakanlah tag <pre>.
<html>
<head>
<title>Tutorial Heading dan Paragraph</title>
</head>
<body>
<p>Ini merupakan sebuah paragraph yang lurus dan memanjang</p>
<p>Ini merupakan sebuah <br />
paragraph yang <br />
menggunakan enter</p>
<pre>Ini merupakan sebuah
paragraph yang memiliki
Banyak Spasi</pre>
</body>
</html>
Untuk hasil codingan diatas, akan menghasilkan format seperti dibawah ini :
Mudah kan ? dengan begini website kalian bisa memiliki paragraph serta judul yang terstruktur. dan kalian bisa menggunakan paragraph yang diatas sesuai dengan keinginan kalian ya sobat !.
Sekian Informasi dari Saya, Happy Sharing and Learning !
Leave a Comment