PENELITIAN.ID

Bahasa HTML

Dipublikasikan Oleh
HTML adalah salah satu bahasa pemrograman yang digunakan untuk standar dokumen pada tampilan website. HTML dapat digunakan untuk membantu teknolgi bahasa lain seperti CSS, PHP, JavasCript, dan VBScript. Dalam pengembangannya, HTML juga memiliki beberapa versi, dengan versi terbarunya adalah HTML5.

Halaman web biasa terdiri dari tiga lapisan terpisah yang bekerja bersama untuk memberikan pengalaman kepada para penggunanya. Mulai dari lapisan konten atau informasi yang dapat dilihat di halaman, lapisan presentasi yang menangani tampilan informasi dari bagian lapisan, dan lapisan perilaku yang memungkinkan pengguna berinteraksi dengan halaman tersebut. Dari ketiga lapisan tersebut, HTML atau HyperText Markup Language menyediakan lapisan konten dan membentuk fondasi struktural halaman web. Ini adalah bahasa yang umum untuk setiap situs web. Jadi, jika ingin membuat situs web, aplikasi web, atau mengetahui cara mengedit situs web dan aplikasi lain, maka seseorang harus memahami HTML.

Untuk Memulai pempelajari html maka dapat dilakukan dengan mempelajari bagian dasar dari HTML.


Bahasa HTML
Pemrograman HTML

Hypertext adalah teks apa pun yang dapat ditampilkan di layar komputer dan berisi tautan ke teks lain, atau dokumen hypertext. Web adalah kumpulan dari miliaran dokumen, yang saling terhubung melalui hyperlink. Misalnya, halaman web atau blog yang sedang dilihat sekarang adalah dokumen hypertext dan kemungkinan besar akan dilakukan klik hyperlink untuk membuka halaman lain yang terdapat didalamnya. Bahasa markup memberikan makna pada teks dalam dokumen menggunakan instruksi yang menjelaskan bagaimana teks harus disusun, diformat, dan diatur. Jadi HTML adalah bahasa markup yang digunakan browser untuk menyajikan informasi kepada pengguna, seperti teks, tautan, gambar, dan video. HTML merupakan komponen dasar dimana semua situs web dan aplikasi web dibangun.

Mari tinjau dengan cepat cara kerja HTML, seperti apa tampilannya, dan mengapa HTML digunakan untuk menyusun konten di web. Jika seseorang pernah bekerja dengan program pengolah kata seperti Microsoft Word atau Google Docs, maka orang tersebut mungkin telah memformat blok teks biasa dengan membuat judul untuk dokumen dan heading untuk menunjukkan awal dari bagian penting dari konten, tidak hanya itu orang tersebut juga melakukan penyesuaian lain seperti ukuran teks dan membuatnya tebal, sehingga menonjol dari teks lainnya. Orang tersebut mungkin juga telah menyisipkan suatu tautan ke dalam dokumen atau halaman web lain, atau telah menyisipkan pemisah baris, spasi, dan garis horizontal untuk membagi dan memisahkan bagian konten. Dengan kata lain, orang tersebut telah menggunakan opsi pemformatan program untuk memberikan struktur yang jelas pada sebuah dokumen.

HTML menyediakan instruksi pemformatan teks serupa ke browser dalam bentuk tag yang disebut markup. Jadi seperti dokumen Word atau Google namun tanpa dengan format untaian-untaian kode. HTML dipahami oleh semua browser, mulai dari browser ponsel hingga tablet atau komputer dan desktop. Inilah alasan kenapa setiap situs web dan aplikasi web yang gunakan pada perangkat komputer dibuat menggunakan HTML, karena HTML adalah suatu bahasa web.

Bahasa HTML digunakan untuk membuat suatu catatan pada komputer berupa teks, sehingga mesin atau komputer dapat memahaminya dan memanipulasi teks tersebut sesuai dengan instruksi dari designer web itu sendiri. Sebagian besar HTML adalah pengembangan dari bahasa yang dapat dipahami oleh manusia itu sendiri atau bahasa Inggris. Bahasa HTML menggunakan tag untuk mendefinisikan apa yang akan dimanipulasi pada teks yang ditampilkan pada halaman website.

HTML merupakan bentuk bahasa yang digunakan browser untuk memanipulasi tesk, gambar, dan konten lainnya, dengan tujuan untuk menampilkannya pada format yang telah diatur terlebih dahulu dan sesuai. HTML dikembangkan oleh Tim Berners-Lee pada tahun 1991, degan versi pertamanya adalah HTML 1.0, namun untuk HTML yang menjadi standar pertama adalah HTML 2.0 yang dipublikasikan pada tahun 1999.

Element dan Tag: HTML menggunakan tag predefinisi dan elemen yang berguna untuk memberitahukan browser bagaimana cara menampilkan suatu konten secara sesuai. Pada penggunaannya sebagian besar elemen dan tag pada HTML membutuhkan tag atau elemen penutup. Jika dihilangkan atau tidak disertakan tag atau elemen penutup, maka browser menerapkan efek dari tag pembuka hingga akhir halaman.

Struktur Halaman HTML: struktur dasar dari halaman HTML mengandung elemen building-block esensial tertentu, seperti deklarasi tipe dokumen HTML, head, title, dan body yang semuanya selalu tercakup pada setiap halaman HTML yang dibuat atau diciptakan.
  • <DOCTYPE! html>: deklarasi tipe dokumen pada dasarnya bukanlah sebuah tag atau elemen, namun jika dideklarasikan, maka bagian ini dapat membantu pengenalan tipe HTML yang sedang digunakan saat ini.
  • <html>: merupakan elemen akan dari HTML dimana semua elemen lainnya terdapat pada tag atau elemen <HTML> tersebut.
  • <head>: tag head mengandung elemen 'dibalik layar' untuk halaman website. Elemen yang disertakan pada bagian head tidak akan diperlihatkan pada bagian front-end dari halaman website. Elemen head digunakan pada bagian dalam dari elemen <HTML>.
  • <style>: merupakan elemen yang digunakan untuk menampung rancangan atau design HTML dari file tipe CSS.
  • <title>: merupakan elemen yang digunakan untuk menentukan judul dari halaman website.
  • <script>: merupakan elemen yang digunakan untuk menerima kode program dari JavaScript.
  • <body>: tag body digunakan untuk menampilkan segala konten pada halaman website. Dengan kata lain, konten body berupakan bagian dari front-end yang akan diperlihatkan kepada para pengunjung halaman website.

Dokumen HTML dapat diciptakan menggunakan teks editor jenis apapun yang terdapat pada komputer, dimana file atau kode HTML yang telah dibuat menggunakan teks editor tersebut kemudian disimpan dengan tipe file .html ata .htm. Ketika telah disimpan menjadi tipe dokumen HTML, maka file tersebut dapat dibukan menggunakan browser dalam bentuk halaman website.

Catatan: contoh Teks editor dasar adalah Notepad yang terdapat pada OS Windows atau TextEdit yang terdapat pada OS Macs.

Keunggulan fitur pada bahasa HTML, yaitu:
  • Mudah dipelajari dan digunakan.
  • Merupakan platform-independent yang dapat dijalankan pada browser dan OS manapun.
  • Gambar, video, dan audio dapat ditambahkan ke halaman website.
  • Dapat menambahkan hypertext ke dalam teks pada halaman website.
  • Merupakan bahasa markup yang dapat dipahami oleh segala jenis komputer.

Kenapa harus belajar HTML?
  • Merupakan bahasa markup yang sangat sederhana dan dapat diimplementasikan dengan mudah.
  • Bahasa yang digunakan untuk membuat sebuah halaman website.
  • Membantu dalam proses pengembangan fundamental dari pemrograman website.
  • Meningkatkan karis profesional dalam bidang IT atau pemrograman.

Keunggulan lain dari bahasa HTML, yaitu:
  • Digunakan untuk membuat website dalam jenis apapun.
  • Didukung penggunannya pada semua jenis browser.
  • Dapat diintegrasikan dengan bahasa lainnya seperti CSS, JavaScript, dan lain sebagainya.

Kelemahan penggunaan bahasa HTML, yaitu:
  • Hanya dapat membuat halaman website statis. Sedangkan untuk website dinamis, dibutuhkan jenis bahasa pendukung lainnya seperti JavaScript, PHP, dan lain sebagainya.
  • Membutuhkan baris kode dalam jumlah besar untuk membuat sebuah halaman website sederhana.

Catatan: HTML adalah bahasa fundamental atau dari dari pengembangan halaman website, yang digunakan untuk mengembangan struktur website tingkat lanjut seperti web dinamis, atau web apps. Kamu dapat mempelajari HTML mulai dari dasar dengan mempelajari beberapa tutorial dan contoh yang diperlihatkan pada bagian berikut.

  1. Kode Dasar Pemrograman HTML

  2. HTML5

  3. Tag HTML

  4. Atribut HTML

  5. Atribut Window Event HTML

  6. Atribut Form Event HTML

  7. Atribut Keyboard Event HTML

  8. Atribut Mouse Event HTML

  9. Atribut Drag Event HTML

  10. Atribut Clipboard Event HTML

  11. DOM

  12. Console Object Methods

  13. Document Object Properties dan Method

  14. Document Object Properties dan Method

  15. Geolocation Object

  16. History Object

  17. DOM HTMLCollection

  18. Location Object

  19. Navigator Object

  20. Screen Object

  21. Style object

  22. Window Object

  23. Storage Object

  24. HTML Audio Video Method

  25. HTML Audio Video Properties

  26. MathML

Komentar

  1. AnonimJumat, 16 Desember 2022 pukul 09.24.00 WIB

    Kukira mempelajari bahasa HTML itu sulit, ternyata memang iya :D

    BalasHapus
    Balasan
    1. elfanmauludiJumat, 16 Desember 2022 pukul 09.24.00 WIB

      Hati-hati, jangan sampai tersasar ketika mempelajari materi HTML, hehe

      Hapus
  2. AnonimMinggu, 05 Februari 2023 pukul 19.38.00 WIB

    Wih materinya kebanyakan pak, susah saya mempelajarinya.

    BalasHapus
    Balasan
    1. AnonimMinggu, 05 Februari 2023 pukul 19.38.00 WIB

      Tidak sanggup, berarti harus memikirkan jenjang karir yang lain, selain jadi programmer :D

      Hapus
    2. elfanmauludiMinggu, 05 Februari 2023 pukul 19.39.00 WIB

      Pecahkan saja gelasnya, biar rame sekalian.

      Hapus

Posting Komentar

Hubungi admin melalui Wa : +62-896-2514-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

~ Ikatlah Ilmu dengan Memostingkannya ~

Postingan populer dari blog ini (30 Hari)

Enkapsulasi Java dan Fungsinya

Dipublikasikan Oleh
Gambar
Enkapsulasi didefinisikan sebagai pembungkusan data dalam satu buah unit. Enkapsulasi adalah mekanisme yang mengikat code program dan data yang dimanipulasi secara bersamaan pada bahasa pemrograman Java. Cara lain untuk berpikir mengenai enkapsulasi adalah upaya untuk melindungi atau sebagai perisai proteksi yang mencegah data untuk diakses oleh pihak luar.
Tampilan Selengkapnya »

Penelitian Berdasarkan Tingkat Eksplanasinya

Dipublikasikan Oleh
Gambar
Kegiatan penelitian merupakan upaya yang paling komprehensif untuk melatih mahasiswa berpikir kritis dan bertindak sistematis. Penelitian didefinisikan sebagai suatu kegiatan penyelidikan dan pencarian fakta-fakta dari sebuah realita yang bertujuan untuk mengeksplorasi, mengembangkan, dan menguji serta membandingkan sebuah teori atau pengetahuan sehingga dapat menentukan konsep yang paling tepat sebagai solusi pemecahan masalah yang ada.
Tampilan Selengkapnya »

Judul Penelitian Tindakan Kelas dan Tahapan Siklusnya

Dipublikasikan Oleh
Gambar
Siklus atau putaran merupakan tahapan dari serangkaian proses dalam kegiatan penelitian, yang dimulai dari tahapan  perencanaan, persiapan, pelaksanaan, hingga tahapan akhir adalah evaluasi . Jika makna tersebut dikaitkan dengan Penelitian Tindakan Kelas (PTK) maka yang dimaksud dengan siklus adalah  satu putaran penuh dari tahapan-tahapan dalam kegiatan PTK . Jadi, satu siklus pada kegiatan Penelitian (PTK) adalah tahapan yang dimulai dari tahap  perencanaan, pengamatan,  dan  refleksi .
Tampilan Selengkapnya »

Download Buku SMA Kurikulum Merdeka Tahun Ajaran 2023 2024

Dipublikasikan Oleh
Gambar
Buku Sekolah Elektronik atau BSE merupakan buku mata pelajaran yang disediakan oleh pemerintah Indonesia melalui lembaga Kementrian bidang Pendidikan yang dibagikan kepada para guru di seluruh tanah air Indonesia, yang bertujuan untuk menunjang kegiatan belajar mengajar yang dilakukan oleh guru dan peserta didik di seluruh pelosok Indonesia. Buku Sekolah Elektronik atau BSE merupakan buku yang disiapkan oleh Pemerintah Indonesia untuk pemenuhan kebutuhan buku pendidikan yang dipergunakan secara terbatas pada seluruh Sekolah yang ada di tanah air Indonesia.
Tampilan Selengkapnya »

Paradigma Penelitian pada Statistika Penelitian

Dipublikasikan Oleh
Gambar
Pada kegiatan penelitian kuantitatif yang berlandaskan pada sebuah asumsi kejadian yang tidak dapat diklasifikasikan, serta korelasi kejadian yang bersifat kausal sebab akibat, maka seorang peneliti dapat memfokuskan kegiatannya pada pengamatan  beberapa variabel saja . Korelasi pola pada setiap variael yang diamati tersebut selanjutnya akan dikenal sebagai  paradigma penelitian atau model penelitian .
Tampilan Selengkapnya »

Postingan populer dari blog ini (All Time)

Cara Menggunakan Method Overloading Java dan Fungsinya

Dipublikasikan Oleh
Overloading  memungkinkan berbagai  method  yang berbeda untuk memiliki nama yang sama, tetapi dengan  signature  yang berbeda pada bahasa pemrograman Java.  Signature  dapat berbeda oleh angka dari input parameter atau tipe dari input parameter atapun juga keduanya.  Overloading  juga berkaitan dengan  compile time  (atau  static )  polymorphism .
Tampilan Selengkapnya »

Enkapsulasi Java dan Fungsinya

Dipublikasikan Oleh
Enkapsulasi didefinisikan sebagai pembungkusan data dalam satu buah unit. Enkapsulasi adalah mekanisme yang mengikat code program dan data yang dimanipulasi secara bersamaan pada bahasa pemrograman Java. Cara lain untuk berpikir mengenai enkapsulasi adalah upaya untuk melindungi atau sebagai perisai proteksi yang mencegah data untuk diakses oleh pihak luar.
Tampilan Selengkapnya »

Acces Modifier Java dan Fungsinya

Dipublikasikan Oleh
Fungsi dari  access modifier  pada Java adalah untuk membatasi  scope  dari sebuah  class ,  constructor , variabel,  method , atau anggota data lainnya yang terdapat dalam suatu program Java. Ada empat tipe dari  access modifier  yang tersedia pada Java, yaitu:
Tampilan Selengkapnya »

Komunitas