√ 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 berbagai macam bahasa pemrograman web.
Salah satu bahasa pemrograman web yg paling terkenal serta sering kali digunakan buat bermacam kegunaan ialah HTML.
HTML ini ialah bahasa pemrograman dasar yg wajib dikuasai oleh seorang Web Developer sebelum menguasai bahasa pemrograman lainnya ibarat dengan: CSS, Javascript, PHP, JQuery serta sebagainya.
Nah untuk kau 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 pandangan gres buat membangun suatu script bahasa pemrograman dalam suatu dokumen yg kemudian 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 kini digunakan ialah HTML5. Versi ini mempunyai fitur yg lebih baik dari versi HTML sebelumnya.
HTML merupakan kepanjangan dari HyperText Markup Language, ialah bahasa interpretasi yang dijalankan dalam sebuah halaman web. HTML itu sendiri bukanlah sebuah bahasa pemrograman pada umumnya, ibarat 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. Kaprikornus apapun website yang kita intip niscaya awalnya dibangun menggunakan HTML.
Apa Kegunaan HTML ?
HTML mempunyai kegunaan buat menampilkan konten, menghubungkan (link) antar laman, memberi struktur serta isu terkait bersama sebuah laman web.
Konten sebuah web tidak hanya terbatas dalam teks saja, melainkan konten interaktif lainnya ibarat video, audio, gambar serta animasi bisa disisipkan serta ditampilkan dalam halaman web.
Konten sebuah web tidak hanya terbatas dalam teks saja, melainkan konten interaktif lainnya ibarat video, audio, gambar serta animasi bisa disisipkan serta ditampilkan dalam halaman web.
Struktur dasar HTML mempunyai susunan file ibarat dengan ini ia :
<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 ialah suatu penanda buat menandai elemen-elemen dalam suatu dokumen HTML. Fungsi tag ialah untuk menaruh isyarat atau memberitahu kepada browser bagaimana suatu objek di tampilkan menurut tag yg di gunakan, objek disini sanggup berupa teks, video, audio serta gambar.
Tag HTML pada umumnya dibuat berpasangan, terdapat tag pembuka serta terdapat tag penutup. Tag pembuka ditulis ibarat ini:
<nama_tag>
dan tag epilog ditulis begini:
</nama_tag>
**Catatan** : Perbedaan antara tag pembuka serta tag epilog ialah tag epilog mempunyai abjad garis miring sebelum nama tagnya.
Elemen HTML
Rangkaian dari tag pembuka, konten serta tag epilog diklaim dengan elemen HTML. Contoh berikut ini ialah elemen heading 1 serta elemen paragraf:
<h1>Selamat Datang</h1><p>Selamat berguru pemrograman web.</p>Pada pola kode di atas, kita mempunyai elemen heading 1 yg tersusun dari tag pembuka <h1>, konten elemen berupa teks bertuliskan Selamat Datang serta tag epilog </h1>. Kita juga mempunyai elemen paragraf yg tersusun dari tag pembuka <p>, konten teks serta tag epilog </p>.
Perbedaan dari ke 2 elemen ini merupakan, elemen heading digunakan untuk memunculkan judul halaman, sedangkan elemen paragraf digunakan buat memunculkan konten paragraf. Jika kita buka di browser, maka elemen heading akan dicetak lebih besar serta lebih tebal dari dalam elemen paragraf.
Perbedaan dari ke 2 elemen ini merupakan, elemen heading digunakan untuk memunculkan judul halaman, sedangkan elemen paragraf digunakan 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 mempunyai pola kode ibarat ini:
<body> <h1>Selamat datang</h1> <p>Selamat berguru pemrograman web di <b>Paling-Top21</b></p></body>maka:
- <body> dianggap tag body (atau tag pembuka body), <h1> ialah tag h1 serta <p> merupakan tag p atau paragraf
- <h1>Selamat datang</h1> diklaim elemen h1
- <p>Selamat berguru 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 cuilan mulai dari tag pembuka body, berikut subelemen diantara tag pembuka serta epilog body, hingga 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 sanggup 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 digunakan 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 digunakan 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, ibarat <h1>, <h2>, <h3>, <h3>, <h4>, <h5>, <p> serta sebagainya.
Ada pula tag buat memformat teks, ibarat dengan <b>, <i>, <strong>, <em>, <mark>, <del> serta sebagainya.
Untuk memunculkan gambar kau sanggup menggunakan tag <img>, serta untuk membuat tautan kau sanggup menggunakan tag <a>.
Di dalam HTML, anda bisa membuat elemen table beserta menggunakan kombinasi dari tag <table>, <thead>, <tbody>, <tr>, <th>, serta <td>. Kamu pula sanggup membuat list beserta menggunakan kombinasi dari tag <ul>, <ol>, <li>, <dl>, <dd>, serta <dt>. Terkait pembuatan table serta list akan dibahas secara khusus di cuilan selanjutnya.
Kamu juga sanggup memasukkan video, audio atau format media lainnya menggunakan sejumlah tag ibarat <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 cuilan khusus sehabis ini. Bila kau ingin tahu lebih lengkap tag HTML apa saja yg tersedia sanggup dipandang di https://www.W3schools.com/tags/. Jangan kaget apabila kau menemukan banyak tag di HTML. Kamu tidak mesti menghapal semuanya, cukup pelajari tag-tag yang akan kau gunakan saat membuat web nantinya.
Attribut HTML
Atribut mempunyai kiprah khusus untuk menawarkan isu aksesori dalam sebuah tag.
<namatag nama-atribut="nilai-atribut"></namatag>Dari pola kode di atas yang dimaksud dengan atribut ialah aksesori yang ditulis di dalam tag pembuka. Contohnya apabila kita hendak membuat tautan atau link, anda akan perlu menulis minimal ibarat ini:
<a href="login.html">Login</a>Pada pola kode diatas, kita membuat tautan menggunakan tag <a>. Namun menggunakan tag <a> saja tidak cukup, sebab kita perlu melaporkan kepada browser kemana laman akan dialihkan jikalau pengguna mengklik tautan Login. Oleh sebab itu, tag <a> dilengkapi dengan atribut href yg harus diisi beserta nama URL tujuan dari tautan tadi. Pada pola di atas, href ialah nama atribut, serta "login.html" ialah 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 karena 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, ibarat dengan atribut href yg hanya berlaku dalam tag <a> serta <link>, atribut src yg hanya berlaku dalam tag <img> serta <script>, serta sebagainya.
Saya berharap sehabis anda memahami bahan pembahasan diatas, paling tidak anda sudah mengerti serta paham apa itu HTML.
Baiklah, saya rasa hanya itu yg sanggup saya sampaikan dalam: Pengenalan Bahasa Pemrograman HTML . Semoga apa yang disampaikan diatas sanggup menawarkan manfaat untuk kita semua ya, terimakasih serta hingga jumpa di lain kesempatan.
Sedangkan atribut spesifik merupakan atribut yang hanya berfungsi dalam tag-tag tertentu, ibarat dengan atribut href yg hanya berlaku dalam tag <a> serta <link>, atribut src yg hanya berlaku dalam tag <img> serta <script>, serta sebagainya.
Baca Juga
- Pengenalan Bahasa Pemrograman
- Pengenalan Bahasa Pemrograman Java
- Pengenalan Bahasa Pemrograman Pascal
- Pengenalan Bahasa Pemrograman C++
- Pengenalan Bahasa Pemrograman Python
- Pengenalan Bahasa Pemrograman Php
- Pengenalan Bahasa Pemrograman Ppt
- Pengenalan Bahasa Pemrograman Visual Basic
- Pengenalan Bahasa Pemrograman C++ Pdf
- Makalah Pengenalan Bahasa Pemrograman C
Penutup
Nah, demikianlah pengenalan dasar mengenai bahasa pemrograman HTML. Jadi, sehabis anda memahami pembahasan diatas, apakah kini anda sudah mengerti serta bisa mengaplikasikan bahasa pemrograman HTML?Saya berharap sehabis anda memahami bahan pembahasan diatas, paling tidak anda sudah mengerti serta paham apa itu HTML.
Baiklah, saya rasa hanya itu yg sanggup saya sampaikan dalam: Pengenalan Bahasa Pemrograman HTML . Semoga apa yang disampaikan diatas sanggup menawarkan manfaat untuk kita semua ya, terimakasih serta hingga jumpa di lain kesempatan.
0 Response to "√ Pengenalan Bahasa Pemrograman Web Html Tingkat Pemula"
Post a Comment