Halo Sobat Digitalkode!, Today Mimin mau mulai start masuk ke materi utama pembelajaran HTML nih. kemarin kan kita udah kenalan kan sama HTML, dan kita juga tahu bahwa HTML adalah representasi dari cara penulisan sebuah dokumen. tentu di dokumen ada hal basic yang paling kita temui, Yaitu judul dan paragraf. Tutorial kali ini akan membahas bagaimana cara membuat judul dan paragraf pada HTML.
Oke, lgsg gas to the point : HTML itu punya 6 “tingkatan” judul, yang biasa dipanggil h1,h2,h3,h4,h5,h6
h1(header 1) adalah judul dengan ukuran yang paling besar.
h2(header 2) adalah sub judul dengan ukuran yg lebih kecil dibanding h1
begitupun seterusnya sampai h6.
contoh tag heading :
<h1>Ini adalah heading 1</h1>
Contoh Coding Heading :
<!DOCTYPE html>
<html>
<head>
<title>Belajar Heading & Paragraf Digitalkode</title>
</head>
<body>
<h1>ini adalah h1</h1>
<h2>ini adalah h2</h2>
<h3>ini adalah h3</h3>
<h4>ini adalah h4</h4>
<h5>ini adalah h5</h5>
<h6>ini adalah h6</h6>
</body>
</html>
Setelah Dijalankan, Coding Tersebut akan menghasilkan tampilan seperti berikut:
ini adalah h1
ini adalah h2
ini adalah h3
ini adalah h4
ini adalah h5
ini adalah h6
nah, Sudah keliatan kan hasilnya? jadi h1-h6 adalah cara untuk menuliskan judul pada HTML, selanjutnya kita bakal bahas temennya, yaitu Paragraf.
paragraf dalam HTML bisa dipresentasikan dengan :
<p>Ini adalah paragraf dalam HTML</p>
jadi jika coding heading dan paragraf digabung akan terlihat seperti ini gaes :
<!DOCTYPE html>
<html>
<head>
<title>Belajar Heading & Paragraf Digitalkode</title>
</head>
<body>
<h1>Selamat Datang Di Situs Digitalkode!</h1>
<p>Tempat berbagai macam tutorial pemograman secara gratis!</p>
</body>
</html>
Adapun hasilnya akan seperti ini :
Selamat Datang Di Situs Digitalkode!
Tempat berbagai macam tutorial pemograman secara gratis!
Silahkan kalian Improvisasi dalam text editor kalian,sekian dari mimin dan Terimakasih sudah mengikuti tutorial HTML #3 kali ini, keep spirit gaes ✊
#KeepLearning_KeepNgoding
