Pada kesempatan kali ini saya akan memberikan materi dasar tentang panduan html. HTML adalah dasar yang utama memulai belajar pemrograman pada website website, alangkah lebih keren jika itu bisa dihubungkan seperti kode CSS dan Javascript atau PHP. Jika semua itu sudah kalian fahami dan kuasai, maka kalian akan menjadi sukses dengan memperdalam pekerjaan sebagai web developer. Bagaimana prosedur pengerjaan HTML dasar? dan tools apa yang di pakai saat kode dibuat. jadi mari kita mulai
Pengertian HTML, Apa Itu HTML ?
Untuk anda yang baru belajar, Singkatan HTML ialah Hypertext Markup Language. HTML bukan bahasa pemrogaman, yaitu melainkan markup standar yang tidak memiliki kemampuan untuk membuat website yang dinamis yang digunakan dalam menampilkan halaman website.
Diperkenalkan pada tahun 1990-an tentang sejarah HTML yaitu seorang Tim Berners-Lee pada tahun 1989 menciptakan HTML sederhana untuk pengkodean dokumen elektronik. Web browser digunakan untuk membuka dokumen dengan format HTML dan kemudian dikenal dengan HTML versi 1.0. Ini merupakan proses yang panjang untuk HTML keluaran terbaru melalui persetujuan dari W3C (World Wide Web Consortorium). Tentunya mereka selalu update sistem setiap kali ada perubahan untuk sistem yang lebih baik sampai akhirnya HTML ke versi terbaru 5.0.
Sebelum ke materi, baiknya kita siapkan toolsnya terlebih dahulu, text editor yang biasanya dipakai adalah "NotePad" sudah ada inclued dengan windows bawaan, bisa juga menggunakan Visual Code.
Fungsi HTML ialah untuk Membungkus element HTML, Membuat format judul, paragraph, list, tabel, form, tombol, heading, garis, gambar, dan menampilkan video.
1. Basic HTML
HTML dideklarasikan dengan tipe dokumen <!DOCTYPE html> start <html> end </html>. Dokumen HTML terdapat bagian dimulai <body> dan ditutup </body>.
Contoh :
<html>
<body>
Hello World
</body>
</html>
--- Hello World -----
2. Atribut pada HTML
Atribut HTML memiliki kemampuan untuk memberikan informasi tambahan tentang elemen yang ada pada HTML. Semua elemen dalam HTML memiliki atribute pada tag pembukanya, diikuti tanda kutip ("").
3. HTML Elements
Penerapannya yaitu <tagname> tagname </tagname> penerapan Element terdiri tag awal dan akhir dengan konten ditengah tag.
4. HTML Atribut href
Atribut href diawali dengan tag pembuka <a> dan ditutup </a>.
Contoh sederhana :
<a href=”https://www.google.com”>contoh link</a>
5. HTMl > Atribut src
HTML src didefinisikan dengan tag <img> dan nama file.
Contoh:
<img src=”pict.jpg”>
6. Atribut width dan height
Fungsi Atribut ini adalah menentukan lebar dan tinggi.
Contoh:
<img src=”pict.jpg” width=”200″ height=”150″>
7. Atribut alt
merupakan teks alternatif digunakan pada saat gambar tidak bisa ditampilkan.
Contoh: <img src=”pic.jpg” alt=”pict_server”>
8. Style
Atribut ini digunakan untuk menentukan styling color, font dll.
Contoh: <p style=”color:red”>ini adalah kata yang berwarna merah.</p>
9. Atribut title
Atribut title untuk menentukan judul halaman. Atribut title ini biasanya diawali dengan atribut pembuka <p> tittle </p>.
Contoh: <p title=”title”> Ini adalah baris dan kata pertama. </p>
10. HTML Headings
Didefinisikan menggunakan tag <h1> sampai <h6>
Contoh:
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
Belum ada tanggapan untuk "Pengenalan HTML Dasar"
Post a Comment