Pengenalan Bahasa Pemrograman Web HTML Tingkat Pemula

Pengenalan Bahasa Pemrograman Web HTML Tingkat Pemula


Pengenalan Bahasa Pemrograman Web HTML Tingkat Pemula - Seseorang yang ingin menjadi Web Developer tentunya dituntut buat mengenal, mengetahui serta menguasai banyak sekali macam bahasa pemrograman web.

Salah satu bahasa pemrograman web yg paling populer serta sering kali digunakan buat bermacam kegunaan adalah HTML.

HTML ini adalah bahasa pemrograman dasar yg wajib dikuasai oleh seorang Web Developer sebelum menguasai bahasa pemrograman lainnya mirip dengan: CSS, Javascript, PHP, JQuery serta sebagainya.

Nah untuk kamu yg ingin mengenal lebih pada apa sih HTML itu serta bagaimana cara menggunakannya? Silahkan simak pembahasan berikut ini:

Apa itu HTML ?

Pada tahun 1989, Tim Berners Lee dari organisasi European Organization for Nuclear Research (CERN) mencetuskan ide buat membangun suatu script bahasa pemrograman dalam suatu dokumen yg lalu dikenal sebagai HTML. Tim Berners Lee diketaui sebagai penemu HTML.

Saat ini penggunaan serta pengembangan HTML diatur oleh World Wide Web Consortium (W3C) serta versi terakhir dari HTML yg sekarang digunakan adalah HTML5. Versi ini memiliki fitur yg lebih baik dari versi HTML sebelumnya.

HTML merupakan kepanjangan dari HyperText Markup Language, adalah bahasa interpretasi yang dijalankan dalam sebuah halaman web. HTML itu sendiri bukanlah sebuah bahasa pemrograman pada umumnya, mirip dengan Java, C, C++, visual basic serta sejenisnya.

HTML mendeskripsikan struktur laman web yg ditulis beserta element atau tag yang mengapit konten atau teks didalamnya yg akan ditampilkan dalam sebuah halaman web oleh browser. Jadi apapun website yang kita intip pasti awalnya dibangun memakai HTML.


Apa Kegunaan HTML ?

HTML berguna buat menampilkan konten, menghubungkan (link) antar laman, memberi struktur serta berita terkait bersama sebuah laman web.

Konten sebuah web tidak hanya terbatas dalam teks saja, melainkan konten interaktif lainnya seperti video, audio, gambar serta animasi bisa disisipkan serta ditampilkan dalam halaman web.

Struktur dasar HTML mempunyai susunan file mirip dengan ini dia :
<html> <head> <title>Judul halaman</title> </head> <body> <!-- seluruh yg akan di tampilkan di web disimpan di pada body --> <h1>Selamat tiba</h1> </body></html>



Struktur HTML

Struktur HTML terdiri dari 3 konsep dasar yaitu tag, elemen serta atribut:

Tag HTML

Tag HTML adalah suatu penanda buat menandai elemen-elemen dalam suatu dokumen HTML. Fungsi tag adalah untuk menaruh instruksi atau memberitahu kepada browser bagaimana suatu objek di tampilkan berdasarkan tag yg di gunakan, objek disini sanggup berupa teks, video, audio serta gambar.

Tag HTML pada umumnya dibentuk berpasangan, terdapat tag pembuka serta terdapat tag penutup. Tag pembuka ditulis seperti ini:

<nama_tag>

dan tag penutup ditulis begini:

</nama_tag>
**Catatan** : Perbedaan antara tag pembuka serta tag penutup adalah tag penutup mempunyai karakter garis miring sebelum nama tagnya.


Elemen HTML

Rangkaian dari tag pembuka, konten serta tag penutup diklaim dengan elemen HTML. Contoh berikut ini adalah elemen heading 1 serta elemen paragraf:

<h1>Selamat Datang</h1><p>Selamat belajar pemrograman web.</p>

Pada contoh kode di atas, kita mempunyai elemen heading 1 yg tersusun dari tag pembuka <h1>, konten elemen berupa teks bertuliskan Selamat Datang serta tag penutup </h1>. Kita juga mempunyai elemen paragraf yg tersusun dari tag pembuka <p>, konten teks serta tag penutup </p>.

Perbedaan dari ke 2 elemen ini merupakan, elemen heading dipakai untuk memunculkan judul halaman, sedangkan elemen paragraf dipakai buat memunculkan konten paragraf. Jika kita buka di browser, maka elemen heading akan dicetak lebih besar serta lebih tebal dari dalam elemen paragraf.

Bila kita memiliki contoh kode seperti ini:

<body> <h1>Selamat datang</h1> <p>Selamat belajar pemrograman web di <b>Paling-Top21</b></p></body>

maka:
  • <body> dianggap tag body (atau tag pembuka body), <h1> adalah tag h1 serta <p> merupakan tag p atau paragraf
  • <h1>Selamat datang</h1> diklaim elemen h1
  • <p>Selamat belajar pemrograman web di <b>Paling-Top21</b></p> dianggap elemen p atau paragraf
  • <b>Paling-Top21</b> diklaim elemen b atau bold, <b> itu sendiri disebut tag b atau bold
  • semua bagian mulai dari tag pembuka body, berikut subelemen diantara tag pembuka serta penutup body, sampai tag tutup body dianggap dengan elemen body.
Catatan : Penulisan elemen wajib lengkap, mulai dari tag pembuka, konten serta tag penutup. Apa yang telah dibuka wajib ditutup pulang!
Ada banyak tag yang dapat kita gunakan di dalam HTML buat memunculkan konten. Jika kita bagi ke pada dua area, maka ada tag-tag yang dijalankan di dalam elemen head serta terdapat tag yg dipakai di dalam elemen body.


Tag di pada Elemen Head

Elemen yang ada di pada head berfungsi sebagai informasi dari dokumen HTML serta tak akan ditampilkan di layar browser. Beberapa tag yg bisa dipakai di dalam elemen head diantaranya merupakan <meta>, <title>, <style>, <script> serta <link>.

<head> <meta charset="utf-8"> <title>Judul halaman</title> <style> Style </style> <script> Javascript </script></head>


Tag di pada Elemen Body

Ada banyak tag yg bisa kita gunakan buat menampilkan konten di pada elemen body.

Ada tag yang berfungsi buat memunculkan teks, seperti <h1>, <h2>, <h3>, <h3>, <h4>, <h5>, <p> serta sebagainya.

Ada pula tag buat memformat teks, mirip dengan <b>, <i>, <strong>, <em>, <mark>, <del> serta sebagainya.

Untuk memunculkan gambar kamu dapat memakai tag <img>, serta untuk menciptakan tautan kamu dapat memakai tag <a>.

Di dalam HTML, anda bisa membuat elemen table beserta menggunakan kombinasi dari tag <table>, <thead>, <tbody>, <tr>, <th>, serta <td>. Kamu pula dapat menciptakan list beserta menggunakan kombinasi dari tag <ul>, <ol>, <li>, <dl>, <dd>, serta <dt>. Terkait pembuatan table serta list akan dibahas secara khusus di bagian selanjutnya.

Kamu juga dapat memasukkan video, audio atau format media lainnya menggunakan sejumlah tag seperti <object>, <video>, <audio>, <embed>, serta <iframe>.

Sampai pembahasan ini anda cukup perlu paham terkait tag serta elemen. Adapun cara penggunaan tag-tag diatas akan dibahas di bagian khusus setelah ini. Bila kamu ingin tahu lebih lengkap tag HTML apa saja yg tersedia dapat dipandang di https://www.W3schools.com/tags/. Jangan kaget apabila kamu menemukan banyak tag di HTML. Kamu tidak mesti menghapal semuanya, cukup pelajari tag-tag yang akan kamu gunakan ketika membuat web nantinya.


Attribut HTML

Atribut memiliki tugas khusus untuk memberikan berita tambahan dalam sebuah tag.

<namatag nama-atribut="nilai-atribut"></namatag>

Dari contoh kode di atas yang dimaksud dengan atribut adalah tambahan yang ditulis di dalam tag pembuka. Contohnya apabila kita hendak membuat tautan atau link, anda akan perlu menulis minimal seperti ini:

<a href="login.html">Login</a>

Pada contoh kode diatas, kita menciptakan tautan menggunakan tag <a>. Namun memakai tag <a> saja tidak cukup, karena kita perlu melaporkan kepada browser kemana laman akan dialihkan jika pengguna mengklik tautan Login. Oleh karena itu, tag <a> dilengkapi dengan atribut href yg harus diisi beserta nama URL tujuan dari tautan tadi. Pada contoh di atas, href adalah nama atribut, serta "login.html" adalah nilai atribut. Nama serta nilai atribut dipisahkan beserta tanda sama dengan (=).

Selain tag <a> ada banyak tag lain yang memerlukan atribut. Jika dikelompokkan, ada dua jenis atribut, yakni atribut global serta atribut spesifik. Atribut global merupakan atribut yg bisa diterapkan pada tag apapun lantaran sifatnya yang awam. Contoh atribut global antara lain merupakan class, id, lang, title, style serta sebagainya.


Sedangkan atribut spesifik merupakan atribut yang hanya berfungsi dalam tag-tag tertentu, mirip dengan atribut href yg hanya berlaku dalam tag <a> serta <link>, atribut src yg hanya berlaku dalam tag <img> serta <script>, serta sebagainya.

Penutup

Nah, demikianlah pengenalan dasar mengenai bahasa pemrograman HTML. Jadi, setelah anda memahami pembahasan diatas, apakah kini anda sudah mengerti serta mampu mengaplikasikan bahasa pemrograman HTML?
Saya berharap setelah anda memahami materi pembahasan diatas, paling tidak anda sudah mengerti serta paham apa itu HTML.
Baiklah, aku rasa hanya itu yg dapat aku sampaikan dalam: Pengenalan Bahasa Pemrograman HTML . Semoga apa yang disampaikan diatas dapat memberikan manfaat untuk kita semua ya, terimakasih serta sampai jumpa di lain kesempatan.

Bagaimana Caranya Agar Saya Bisa Menjadi Programmer Hebat?

Bagaimana Caranya Agar Saya Bisa Menjadi Programmer Hebat?
Bagaimana Caranya Agar Saya Bisa Menjadi Programmer Hebat? - Mendapatkan predikat sebagai seorang programmer bukanlah perkara gampang, meskipun buat menerima predikat tersebut tak wajib melalui upacara khusus pemberian gelar tapi mengklaim diri sebagai seorang programmer wajib diikuti bersama bukti kemampuan membuat sebuah program aplikasi. Kamu tak akan dapat menjadi programmer hebat kecuali beserta melalui proses yang panjang dari satu aplikasi ke aplikasi lainnya. Semakin lama pengalamanmu memprogram, semakin tinggi kemampuanmu.

Perkembangan dunia teknologi yg sangat cepat menuntut seseorang programmer buat sanggup belajar cepat pula. Bertumbuh atau meninggal, walau programmer tidak dapat dipisahkan bersama teknologi, akan tapi jika seseorang programmer tak sanggup mengikuti perkembangan teknologi akan tergerus oleh teknologi itu sendiri. Sebagai programmer Kamu wajib menyukai proses belajar.


Berikut beberapa saran yg bisa kami bagikan agar dapat menjadi seorang programmer yang hebat
  • Tanamkan pada diri Kamu buat lebih banyak belajar. Langkah pertama dalam menyelidiki sesuatu adalah dengan menyadari bahwa Kamu tidak mengetahuinya. Kebanyakan orang terlalu cepat berpuas diri bersama hasil pembelajaran yg mereka lakukan, serta menjamin diri lebih tahu daripada yang lain. Hal ini akan menimbulkan sekat buat belajar hal-hal baru yang dibagikan orang lain baik secara langsung maupun tak.
  • Berhentilah buat menganggap diri paling benar . Untuk menjadi hebat Kamu wajib belajar dari pengalaman. Pengalaman bisa mengajari kita buat tak mengulagi sikap jelek serta kebiasaan buruk . Maka setiap proses yg kita lalui harus diikuti bersama pertanyaan, "Bagaimana aku bisa lebih baik dari sebelumnya ?". Programmer pemula biasaya melihat kode program mereka untuk mengagumi kehebatannya. Berpuas diri dengan yang akan terjadi yang sudah dicapai menjadikannya luput buat mencari kesalahan dari program yg sudah dibentuk, sehingga merasa diri bahwa programnya telah sempurna. Padahal programmer yg betul-betul hebat, secara aktif mencari dimana letak kesalahannya lantaran mereka tahu bahwa dalam akhirnya pengguna akan menemukan kekurangan yg mereka lewatkan.
  • "Program Kamu bekerja", bukan berarti Kamu wajib berhenti. Akan tetapi disitulah Kamu baru memulai: Langkah pertama yg wajib Kamu lakukan adalah dengan selalu menanamkan pada diri sendiri buat selalu menulis program yg berkualitas yg memenui spesifikasi. Rata-rata programmer berhenti saat programnya telah berjalan serta beralih ke hal lainnya. Programmer yg berpuas diri hanya karena programnya "sanggup berjalan", seperti mengambil snapshot dan mengharapkannya menjadi sebuah karya seni. Programmer hebat tahu, bahwa programnya telah berjalan dengan baik, tapi dia juga sadar buat membuatnya jadi lebih baik lagi. Aspek "lebih baik" bisa ditinjau dari banyak sekali hal, seperti: menjadikannya lebih cepat, terlalu gampang dibaca, memiliki dokumentasi yg rapi, bisa dipakai pulang, mudah dikembangkan, dan lain-lain.
  • Baca kode anda, dan Baca lebih banyak kode orang lain: Hal yg penting buat Kamu lakukan ketika menuliskan kode program adalah dengan banyak membacanya balik dan sering kali membaca kode program milik orang lain. Sebab pada waktu Kamu membaca kode orang lain, Kamu akan melihat bagaimana orang lain memecahkan masalah pemrograman. Sehingga dapat Kamu jadikan referensi pembelajaran sekaligus tantangan untuk menjadi lebih baik.
  • Jadikan sebuah kesenangan pada menulis kode program, bukan hanya sebagai sebuah kewajiban yang harus ditunaikan.
  • Belajar teknik, bukan tools: Bahasa pemrograman, tools dan metodologi tiba silih berganti sesuai perkembangan. Itulah sebabnya Kamu wajib belajar dasar-dasar pemrograman, karena dasar pemrograman cenderung tak berubah. Jika Kamu merasa yakin bahwa hanya ada satu cara yg betul untuk menggunakan sesuatu, mungkin ini saatnya buat Kamu mulai belajar hal baru.