Whatsapp
● online
- WEMOS D1 MINI PRO BOARD IoT ESP8266 WIFI PAKET LEN
- Push Button Tactile Switch Saklar Tombol Tinggi -
- ASIS (Andika Smart IoT Socket)
- RC Servo ARM Horn M3 Metal 25T MG995 MG946R MG996R
- Raspberry Pi 4 Model B 8GB Original UK E14 Raspi 4
- ESP32 D1 Mini WiFi Bluetooth Dual Core Development
- LM35DZ Sensor Suhu - LM35
- Temperature and Humidity Transmitter Modbus SHT20
- 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
Sensor Inframerah atau infrared (IR) adalah sensor yang dapat mendeteksi hambatan menggunakan cahaya inframerah yang dipantulkan. Sensor ini memiliki... selengkapnya
Halo semuanya, di tutorial kali ini Saya akan berbagi tutorial tentang simulasi sistem smart home sederhana. Seperti yang kita... selengkapnya
Real Time Clock DS3231 adalah rangkaian elektronik yang berfungsi untuk menyediakan data waktu dan tanggal dengan tingkat presisi... selengkapnya
Pada kesempatan ini kita akan menggunakan esp-01 untuk mendeteksi suhu dan kelembaban. Dimana kemarin kita sudah belajar cara menggunakan... selengkapnya
Arduino Pro Mini merupakan jenis Arduino yang berukuran kecil dibandingkan dengan Nano, Unodan Mega. Dengan ukuran yang kecil ini... selengkapnya
LCD atau Liquid Crystal Display adalah perangkat yang berfungsi sebagai media penampil dengan memanfaatkan kristal cair sebagai objek penampil utama.... selengkapnya
Alat dan Bahan ESP8266 Lolin(Wemos) NodeMcu v3 beli Modul MAX7219 LED dot matrix 8×8 beli Jenis Modul Modul MAX7219... selengkapnya
Apa itu relay? Relay merupakan sebuah saklar yang dikendalikan dengan aliran arus listrik. Pada relay terdapat 2 bagian utama... selengkapnya
Panel P10 LED Matrix merupakan sebuah display berisi kumpulan led-led yang disusun secara matrix. Fungsinya untuk menampilkan informasi berupa... selengkapnya
Bootstrap adalah sebuah framework yang dapat memudahkan seorang programmer web untuk mempercepat dan mempermudah dalam membuat dan mengembangkan website.... selengkapnya
Kabel Jumper Dupont Pelangi 30cm Male to Female 1 lembar = 40 kabel
Rp 13.500
Kinerja Produk: Warnanya coklat (amber), Goldfinger tape sticky baik, patuh, suhu tinggi, pelarut, tidak ada rembesan timah dan tidak ada… selengkapnya
Rp 11.900
Features and Specs: Dual-Core, 32-bit ARM Cortex M0+ Processor Clocked at 48MHz (default), configurable max to 133MHz. Ready with USB… selengkapnya
Rp 82.900
Microcontroller ATmega2560 chip usb : CH340 Operating Voltage 5V Input Voltage (recommended) 7-12V Input Voltage (limit) 6-20V Digital I/O Pins… selengkapnya
Rp 245.000
Compatibility: 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
Kabel Jumper Dupont Pelangi 10 cm.. male to female 1 lembar isi 40 kabel
Rp 9.000
Bagaimana jika mikrokontroler yang anda gunakan tidak memiliki port ADC. atau anda masih kurang dengan spesifikasi resolusi ADC yang disediakan… selengkapnya
Rp 65.000
11 digital input/output pins, all pins have interrupt/pwm/I2C/one-wire supported(except D0) 1 analog input(3.2V max input) a Micro USB connection Compatible… selengkapnya
Rp 28.000
Support terus UKM indonesia dengan membeli produk-produk dalam negeri. Untuk kualitas tidak usah diragukan, udah kita tes QC dengan sangat… selengkapnya
Rp 8.500
TILT SENSOR adalah sensor untuk mendeteksi sudut kemiringan / derajat, dimana cara kerja sensor ini adalah dengan menggunakan 2 buah… selengkapnya
Rp 9.800
Saat ini belum tersedia komentar.