● online
- Compatible Arduino Pro Mini 5V 16Mhz - Atmega328 -
- Relay Module 1 Channel Modul Relay 5V 10A 1 Channe
- Push Button Tactile Switch Saklar Tombol Tinggi -
- Kabel Jumper 20cm Dupont 20 cm Female to Female Pe
- Sensor Api Flame detector sensor
- Arduino Mega 2560 R3 16U2 AtMega16u2 Mega2560 Mega
- WEMOS D1 MINI PRO BOARD IoT ESP8266 WIFI PAKET LEN
- Raspberry Pi 4 Model B - 2GB RAM Raspberry Pi 4B
- Selamat Datang di Indomaker ❯ Silahkan pesan produk sesuai kebutuhan anda, kami siap melayani.
- Selamat Datang di Indomaker ❯ Silahkan pesan produk sesuai kebutuhan anda, kami siap melayani.
Fungsi dan Cara Kerja HTML Bagi Programmer Web
Syarat utama jika anda ingin belajar atau ingin menjadi programmer web sebelum belajar Bahasa pemograman alangkah baiknya memahami dulu apa itu HTML? Mengapa wajib belajar HTML? Apa Fungsinya HTML dalam pembuatan website? Di sini akan di ulas dengan detail mulai dari awal munculnya HTML, peran fungsinya dalam sebuah web dan bagaimana cara menggunakannya?
Mari kita simak pembahasanya berikut ini.
Apa itu HTML?
HTML atau singkatan dari Hypertext Markup Language atau bisa di sebut Bahasa markup adalah Bahasa standard pemograman yang biasa digunakan untuk membuat halaman sebuah website. HTML terdiri dari kombinasi teks dan simbol yang nantinya akan disimpan dalam sebuah file yang berekstensikan HTML. Dalam penulisan HTML, harus sesuai dengan format standard khusus yang harus diikuti format tersebut sesuai dengan standard kode international ASCII (American Standard Code for Information Interchange).
Setiap informasi yang ditampilkan di web dibuat dengan menggunakan kode HTML. Oleh karena itu, dokumen HTML sering disebut dengan web page atau halaman web. HTML bukanlah Bahasa pemograman (Programming Language), tetapi Bahasa markup ( Markup Language), di dalam HTML tidak akan ditemukan struktur yang biasa ditemukan yang biasa ditemukan dalam Bahasa pemograman seperti IF, LOOP, maupun variable.
HTML merupakan standard internet yang awasi pengendaliannya oleh World Wide Web Consortium atau yang disebut W3C. Dengan adanya HTML, developer dapat membuat halaman web dan Menyusun heading, pharagraf, link, gambar dan yang lainya dan dapat di sajikan di dalam sebuah halaman website yang dapat dibuka dengan aplikasi browser seperti Microsoft edge, Chrome, atau Mozilla firefox.
Itulah beberapa informasi tentang HTML, selanjutnya kita akan membahas sejarah bagaimana munculnya HTML, siapakah pendirinya? Dan bagaimana cara menggunakannya? Mari kita simak bagaimana sejarah lahirnya HTML berikut ini :
Mengapa wajib belajar HTML?
Apabila anda ingin menjadi seorang programmer web / developer website Langkah pertama yang harus dipahami ialah HTML, mengapa demikian? Karena HTML inti dari segala halaman website dan mempunyai peran yang sangat penting dalam pembuatan website sebab halaman website yang ditampilkan mengandung HTML.
HTML sangat mudah untuk dipelajari karena Anda tidak perlu mempunyai dasar – dasar algoritma pemograman. Karena, tugas HTML hanya untuk menampilkan isi yang terkandung seperti paragraf, Heading maupun isi data di halaman website. Wajib mahir HTML sebelum lanjut ke CSS dan Bahasa pemograman.
Sejarah HTML
Hypertext Markup Language atau yang disingkat dengan HTML pertama didirikan pada tahun 1991 oleh Tim Berners Lee, ia awalnya menciptakan HTML untuk memudahkan para ilmuan dalam mengakses dokumen selang setahun kemudian html dapat digunakan secara khlayak publik atau secara umum di bawah peran dari WWW atau singkatan dari World Wide Web. Keduanya saling berkesinambungan agar informasi dapat ditampilkan dan bisa diakses oleh umum melalui website.
Selain menjadi penemu HTML, Tim Berners Lee penemu protocol HTTP, WWW pertama, Web browser pertama, Web Server pertama dan Web page pertama. Sampai saat ini HTML masih berkembang dan berevolusi terbukti dengan adanya HTML5 dengan sistem yang lebih update dan canggih.
Struktur HTML
HTML mempunyai kerangka atau struktur pokok yang berisikan aturan penulisan HTML seperti berikut ini :
Struktur di atas adalah kerangka pokok HTML yang berisikan komponen penyusun HTML
- <!DOCTYPE html> jenis dokumen yang sedang ditampilkan oleh browser
- <html> untuk memulai dokumen HTML
- <head> </head> menampilkan berbagai informasi halaman web.
- <title> </title> judul dokumen yang terletak di atas browser.
- <body> </body>semua konten ditulis dan ditampilkan di website.
Mengenal Tag HTML, Atribut dan Elemen
Tag HTML
Tag HTML merupakan sebuah penanda awalan dan akhiran dari sebuah elemen didalam HTML. Tag ditulis dengan tanda kurung siku < > kemudian di dalamnya disertai nama tag dan juga atribut.
Contoh : <h1> , <p> , <head> ,<body> dan lain sebagainya.
Setiap tag HTML mempunyai fungsi masing – masing seperti <h1> untuk heading 1, <p> untuk paragraf dan sebagainya.
Atribut HTML
Atribut adalah kata khusus yang berada dalam tag. Disebut juga modifier yang akan menentukan perilaku elemen. Atribut dapat ditambahkan pada elemen mana pun seperti menyisipkan link, gambar, video dan lain sebagainya. Contoh:
Tag <a> berfungsi untuk membuat link
Atribut huruf untuk menyatakan halaman dari link
Contoh atribut khusus
Elemen
Elemen dalam HTML merupakan keseluruhan kode dari tag pembuka dan tag penutup. Alur penulisan elemen tag pembuka, isi tag atau konten, dan tag penutup yang terdiri dari teks dan simbol.
Contoh : <p> Belajar HTML </p>
Fungsi HTML
Fungsi HTML antara lain :
- Membuat halaman di sebuah website
- Menjadi pondasi utama di sebuah website
- Menampilkan informasi di sebuah website
- Menampilkan multimedia
Dan lain sebagainya
Cara kerja HTML
File HTML yang dibuat dengan teks editor yang berisikan tag, konten, elemen, atribut paragraf dan lainnya dapat ditampilkan dengan web browser seperti microsoft edge , mozilla firefox , chrome dengan cara file ekstensi .html di buka dengan web browser dan agar dapat diakses oleh publik khalayak umum maka harus dengan koneksi internet dan menyewa layanan web hosting dan upload website disana. Maka selanjutnya browser akan membaca dan merender file HTML menjadi tampilan halaman website dan apabila masyarakat umum mengakses web kita maka dapat melihat informasi yang ditampilkan di dalam website tersebut.
Penutup
HTML sangat wajib dan penting untuk dikuasai oleh seorang yang ingin menjadi web developer, karena menjadi pondasi awal sebuah website, maka kuasailah HTML sebelum masuk ke CSS dan Bahasa pemograman.
Tags: HTML
Fungsi dan Cara Kerja HTML Bagi Programmer Web
7 segment merupakan sebuah display yang berfungsi menampilkan sebuah karakter baik huruf maupun digit angka. Namun untuk huruf sangat... selengkapnya
Pernahkah Anda melihat suatu objek foto diatas air, lalu di atas air ada pantulan dari objek foto tersebut, nah... selengkapnya
Semangat pagi, kali ini kita akan belajar untuk mengontrol LED melalui wifi menggunakan NodeMCU. Mengapa LED? nggak langsung ke... selengkapnya
Artikel kali ini, akan membahas tentang mengontrol sebuah LED menggunakan remote. Remote apa yang digunakan? anda dapat menggunakan berbagai... selengkapnya
Pada kesempatan ini akan dijelaskan mengenai cara pembuatan export/download berupa file excel berdasarkan range tanggal yang dipilih. Filter ini... selengkapnya
Pada tutorial ini akan dijelaskan bagaimana memulai menggunakan NodeMCU Esp8266 pada Arduino IDE. Meskipun pada tutorial sebelumnya sudah menggunakan... selengkapnya
Alarm sangat diperlukan untuk keamanan tertentu, misalnya pada rumah, toko, maupun yang berupa barang-barang berharga lainnya dari pencuri. Tentunya... selengkapnya
Traffic Light atau lampu lalu lintas adalah lampu yang mampu menertibkan arus lalu lintas jalanan baik kendaraan bermotor, mobil,... selengkapnya
Pada kesempatan kali ini kita akan belajar bersama mengenai 7 segment. Berbeda dengan tutorial sebelumnya yang membahas 1 digit... selengkapnya
Halo semuanya, pada kesempatan kali ini saya ingin berbagi tutorial tentang simulasi penggunaan sensor PIR (Passive Infra Red) untuk... selengkapnya
Spesifikasi : – 16×2 – Warna Biru – Tegangan kerja : 5v Digunakan untuk keperluan display project seperti Arduino, Raspberry,… selengkapnya
Rp 17.000Bosan dengan modul arduino yang kalian punya, saatnya mencoba modul programmer yang lain yah ini dia RASPBERRY PI 4 COMPUTER… selengkapnya
Rp 1.570.0002000W SCR Electronic Voltage Regulator Speed Controller Dimmer Thermostat Aplikasi : Kontrol temperature heater, kontrol kecepatan fan/bor tangan/gurinda tangan, kompor… selengkapnya
Rp 19.500Kabel jumper 20 cm merk Dupont untuk Arduino Female to male 1 lembar = 40 kabel
Rp 11.300Kabel jumper Dupont untuk jumper Arduino atau Raspeberry Pi 20 cm Female to female 1 lembar = 40 kabel
Rp 11.300Paket B: + 1 pcs ESP32 D1 Mini + 4 pcs 10p Male Header + 4 pcs 10p Female Header… selengkapnya
Rp 91.000Features – Calibrated directly in Celsius (Centigrade) – Linear + 10.0 mV/C scale factor – 0.5C accuracy guaranteeable (at +25C)… selengkapnya
Rp 8.000Microcontroller ATmega2560 chip usb : CH340 Operating Voltage 5V Input Voltage (recommended) 7-12V Input Voltage (limit) 6-20V Digital I/O Pins… selengkapnya
Rp 245.000Fitur: -Dapat mendeteksi api atau panjang gelombang sumber cahaya dalam 760nm ~ 1100nm – Api lebih ringan mendeteksi jarak 80cm… selengkapnya
Rp 9.000Compatibility: USB v2.0 standard Interface: Network: USB Series: RS-485 Port: an independent RS-485 Connector: Network: USB type A connector Series:… selengkapnya
Rp 38.800
Saat ini belum tersedia komentar.