Assalamu'alaikum, hallo semuanya! Perkenalkan saya Fadli Mahesa, seorang siswa yang bersekolah di SMKN 4 Bandung dan duduk di bangku kelas XI RPL 3. Kali ini saya akan membagikan sedikit ilmu didunia percodingan, yaitu tentang Coding Dasar HTML. Beberapa pemahaman yang akan saya bagikan adalah tag - tag dasar pada bahasa pemrograman HMTL antara lain :
A. Tag Heading
Heading dalam HTML biasa digunakan untuk memberikan dalam halaman. Tag heading memiliki 6 tingkatan dan dimulai dari <h1> sampai <h6>, semakin rendah nilai pada heading maka ukuran text yang dihasilkan pun akan semakin kecil.
Syntax Heading :
<html>
<head>
<title>Latihan 1 Heading, Fadli Mahesa</title>
<body>
<h1>Ini Heading 1</h1>
<h2>Ini Heading 2</h2>
<h3>Ini Heading 3</h3>
<h4>Ini Heading 4</h4>
<h5>Ini Heading 5</h5>
<h6>Ini Heading 6</h6>
</body>
</head>
</html>Hasil
B. Tag Paragraf
Sebuah tag yang berfungsi untuk membuat paragraf pada dokumen HTML dan memiliki tag awal <p>, dan tag tutup </p>. Adapun tag <br> yang berfungsi untuk memisahkan paragraf. Kedua tag ini digunakan untuk membuat tampilan text atau tulisan menjadi lebih rapih.
Syntax Paragraf :
<html>
<head>
<title>Latihan 2 Paragraf, Fadli Mahesa</title>
<body>
<p>Paragraf adalah sebuah kalimat yang tersusun, dan biasanya paragraf mengandung 6 kalimat. jadi ini adalah paragraf 1</p>
<br><br>
<p>Lalu ini adalah paragraf dua yang berisi beberapa kalimat saja. seperti itu.</p>
</body>
</head>
</html>Hasil
C. Tag Link
Tag Anchor atau umumnya Tag Link memiliki tag <a>, dan setiap tag <a> setidaknya memiliki sebuah atribut href(hypertext refence) yang berisi alamat yang dituju.
Syntax Heading :
<html>
<head>
<title>Latihan 3 Membuat Link, Fadli Mahesa</title>
<body>
<a href="https://youtube.com"> Ini adalah link menuju youtube </a>
<br><br>
<a href="LatihanHeading.html"> Ini adalah link menuju Latihan Heading </a>
<br><br>
<a href="LatihanParagraf.html" target="_blank"> Ini adalah link untuk membuka tab baru </a>
</body>
</head>
</html>Hasil
D. Tag Image
Sebuah tag yang khusus untuk menampilkan gambar atau image pada HTML dan memiliki tag <img>. Selain itu, tag image pun memiliki atribut yang penting yaitu alt yang digunakan untuk keterangan dari gambar jika gambar tersebut gagal ditampilkan oleh browser.
Tag ini bisa memuat gambar yang ada pada folder yang sama dengan dokumen HTML, maupun tidak sama, dan bahkan bisa menggunakan gambar dari online.
Berikut adalah contoh gambar yang ada pada folder yang sama dan berbeda, untuk yang offline tinggal mengganti isi pada src="..."/> .
Syntax Heading :
<html>
<head>
<title>Latihan 4 Gambar, Fadli Mahesa</title>
<body>
Gambar pada folder yang sama
<img src="OutFolder.jpg" alt="Contoh Gambar 1"
width="216" height="216">
<br><br>
Gambar pada folder yang lain
<img src="Media/Infolder.jpg" alt="Contoh Gambar 2"
width="216" height="216">
</body>
</head>
</html>Hasil
Nah itu dia beberapa hal dasar dalam coding dasar HTML yang dapat saya bagikan pada kalian semua, semoga bermanfaat, dan mohon maaf apabila ada kesalahan kata atau kesalahan apapun. Sampai jumpa di postingan selanjutnya!
0 komentar: