Belajar Codingan Permula
#Sejarah Perkembangan HTML
Awalnya, HTML disusun pada 1989 oleh Tim Berners-Lee, salah satu karyawan CERN (organisasi riset nuklir asal Swiss). Tujuan awal pembuatan HTML adalah untuk membantu para peneliti berbagi dokumen dari satu komputer ke komputer lain. Kemudian, sistem ini dikembangkan lagi menjadi “World Wide Web” atau “www”.
Seiring perkembangannya, kini HMTL sudah mencapai versi kelima dengan total 9 versi, termasuk beberapa versi yang tak dirilis resmi. Agar tidak bingung saat belajar HTML nanti, ada baiknya jika kamu mengetahui terlebih dulu, perkembangan versi HTML dari tahun 1990-an.
~HTML 1.0 – versi tidak resmi
~HTML yang rilis pada Juni 1993.
~HTML 2.0 – versi resmi pertama, dirilis pada 24 November 1995.
~HTML 3.0 – versi ini hanya menjadi draft dan gagal beredar pada Maret 1995 karena banyaknya perubahan yang akhirnya memicu perdebatan.
~HTML 3.2 – 14 Januari 1997 versi ini dirilis resmi pertama kali oleh W3C (World Wide Web Consortium).
~HTML 4.0 – Setelah dikembangkan, versi keempat HTML dirilis pada 2 April 1998.
~HTML 4.01 – Sempat memiliki sedikit kekurangan, akhirnya versi 4.01 yang berisi hasil perbaikan versi 4.0 dirilis di akhir tahun 1999.
~XHTML 1.0 – Mengadopsi XML (Extended Markup Language) untuk menyederhanakan proses penyimpanan dan pengiriman data antarserver, versi HTML yang satu ini akhirnya dirilis pada 26 Januari 2000.
~XHTML 2.0 – Selang dua tahun, versi kedua XHTML dirilis pada Agustus 2002.
~HTML5 – Penggunaan XHTML telah diubah kembali menjadi HTML yang telah dikembangkan untuk bekerja tanpa XHTML oleh anggota organisasi independen W3C, WHATWG (Web Hypertext Application Technology Working Group), pada tahun 2014 hingga saat ini.
Versi HTML5 bisa dianggap paling canggih karena stabilitas dan kesederhanaan sistemnya. Selain itu, bahasa pemrograman ini juga bisa dikolaborasikan dengan untuk membangun sebuah website secara manual menggunakan coding.
#Kegunaan HTML
Jika di awal HTML digunakan untuk membantu peneliti memindahkan dokumen ke komputer lain, kini kegunaannya sudah semakin beragam. Beberapa kegunaan HTML yang perlu kamu ketahui adalah:
A : Dapat digunakan untuk membuat struktur website, seperti format judul, heading, paragraf, bahkan hingga tabel, list, formulir, dan media seperti gambar atau video.
B : Berguna untuk membungkus elemen HTML dan menampilkannya di halaman browser.
C : Membuat link yang bisa mengarahkan ke halaman lain menggunakan kode tertentu yang disebut dengan hyperlink.
C : Mengingat HTML menggunakan karakter ASCII (American Standard Code for Information Interchange), maka dapat digunakan di banyak OS, seperti MacOS, Windows, Linux.
Sederhananya, HTML berguna untuk mengelola serangkaian data sehingga suatu dokumen atau informasi dapat dibagikan atau diakses ke perangkat lain melalui website yang diakses dengan internet. Namun dalam aplikasinya, HTML masih membutuhkan bantuan dari CSS dan Javascript untuk mengembangkan sebuah website.
#Mengenal Tag, Elemen, dan Atribut pada HTML
Ada tiga komponen utama yang membentuk HTML, yaitu tag, elemen, dan atribut. Ketiga komponen ini akan sering kamu temukan saat mempelajari hingga menggunakan HTML. Apa saja pengertian ketiganya?
#Tag
Tag pada HTML berarti penanda awal dan akhiran dari sebuah elemen, inilah yang disebut “markup”. Bagian ini berguna sebagai perintah atau instruksi yang dibaca oleh browser. Ada dua jenis tag yang perlu kamu perhatikan, yaitu tag dengan penutup seperti <p> … </p>, <body> … </body>, atau <title> … </title> dan tag tanpa penutup seperti <link>, <br>, <img>, atau <hr>.
#Elemen (Element)
Elemen adalah bagian yang lebih luas dari tag. Sebab, elemen berisi keseluruhan tag, mulai dari tag pembuka (<>), isi hingga penutup tag (</>) dan atribut yang melengkapi. Tapi jangan lupa, tidak semua tag memiliki penutup, maka perhatikan kembali jenis kodenya saat kamu mengidentifikasi sebuah elemen HTML.
#Attribute
Atribut merupakan informasi tambahan dalam sebuah tag. Tidak semua tag memiliki atribut, namun beberapa tag wajib memerlukan atribut agar dapat bekerja, misalnya <a>, <img>, atau <video>. Atribut bisa kamu temui dalam contoh berikut
#Kerangka Dasar HTML
Agar dapat belajar membentuk sebuah halaman web, HTML memerlukan suatu kerangka. Selain dapat mempermudah browser membaca perintahmu, kerangka ini juga bisa membantu kamu mengisi dan mendesain website-mu sesuai keinginan.
Kerangka dasar ini merupakan gabungan dari tag, elemen, dan atribut yang telah dijelaskan tadi. Setidaknya ada lima kerangka dasar atau inti yang sering digunakan saat belajar HTML, yaitu:
~<!DOCTYPE html>
Berfungsi untuk mendeklarasikan kepada komputer, tipe dokumen dan kode perintah yang hendak dibuat, yaitu HTML.
~<html> … </html>
Tag yang satu ini wajib ada untuk membuat dokumen HTML, karena digunakan sebagai penanda bahwa kamu akan memulai dan mengakhiri dokumen menggunakan kode HTML. Bila perlu, kamu bisa menambahkan atribut “lang=” untuk memilih bahasa yang digunakan, seperti “en” untuk bahasa Inggris atau “id” untuk bahasa Indonesia.
~head> … </head>
Kamu bisa menggunakan tag ini untuk mengisi metadata yang berfungsi pula untuk SEO, seperti deskripsi, judul, kode CSS atau Javascript, dan sebagainya.
~<title> … <title>
Title atau judul biasanya muncul di dalam <head>, tag ini berguna untuk menambahkan judul halaman web yang akan ditampilkan di tab browser
~<body> … </body>
Di sinilah kontenmu ditempatkan. Kamu bisa menambahkan beberapa tag yang sering digunakan, seperti <p> … </p> untuk membuat paragraf atau <h1> sampai <h6> untuk menambahkan heading.
Selain beberapa tag penting di atas, masih ada berbagai tag HTML yang bisa kamu gunakan untuk membuat sebuah halaman website
#Aplikasi Codingan untuk Belajar HTML
Jika ingin belajar HTML, kamu perlu mengetahui apa saja aplikasi yang bisa digunakan sebagai Codingan untuk membuat HTML. Berikut ini adalah di beberapa aplikasi Codingan HTML
A : Anwriter free
Dalam penggunaan umum, sebuah antarmuka, penghubung atau interface adalah sebuah titik, wilayah, atau permukaan di mana dua zat atau benda berbeda bertemu; dia juga digunakan secara metafora untuk perbatasan antara benda. Kata interface kadang kala (biasanya dalam bidang teknik) disingkat menjadi "i/f"
B : Code Editor
sebuah perangkat lunak penyunting teks yang dirancang khusus untuk menyunting kode sumber program komputer oleh pemrogram. Aplikasi ini dapat berupa aplikasi yang berdiri sendiri atau dapat juga tergabung ke dalam sebuah Integrated Development Environment
C : Dcoder
rangkaian logika yang mengubah masuka kode biner N-bit ke M saluran keluaran sedemikian rupa sehingga setiap saluran keluaran hanya satu yang akan diaktifkan dari beberapa kemungkinan kombinasi masukan
Lanjut Terus an Nya ya
#Belajar Membuat HTML
Tak lengkap rasanya jika panduan belajar HTML tidak mencantumkan cara sederhana membuat kode HTML. Simulasi yang akan kita lakukan berikut tidak sekompleks pembuatan website, hanya kode mendasar yang bisa kamu praktikkan sendiri dengan perangkat komputer atau androidmu.
1. Langkah pertama, buka aplikasi Yang Ada Di Hp Mu Atau di komputermu.
2. Copy dan paste kode berikut.
<!DOCTYPE html>
<html>
<head>
<title> Venom faisalganss77 And Mr Venom </title>
</head>
<body>
<p> Hello Clan Akatsuki Team And From Lammer To Mastah, Angkatan Militer Security, Horizon Cyber Team, Dirty 7 Team</p>
</body>
</html>
3. Jika sudah, simpan dokumen tersebut dan akhiri dengan ekstensi “.html” agar komputermu atau Androidmu dapat membacanya sebagai file HTML, dan bukan text.
4. Buka file HTML yang tadi disimpan dan kamu akan diarahkan ke Codinganmu untuk mengakses file tersebut
5. Jika tampilannya sudah seperti berikut ini, berarti kamu sudah berhasil membuat halaman web kamu dengan HTML. Selamat dan Mencoba!
#Simpulan
Demikian Dari Saya Clan Akatsuki Team Untuk Membagikan Materi yang masih pemula. Semoga tips di atas bisa membantumu mempelajari HTML untuk mengembangkan website yang menarik, ya!
Tapi, jika ingin membuat website yang lebih mudah, kamu bisa memanfaatkan cloud hosting yang sudah terpasang CMS seperti WordPress Dan Lain-lain"Paham Kan Di Sini"
Sekian dari sini Bermanfaat Buat Kalian salam Kenal Clan Akatsuki Team
Assalamualaikum Wr/Wb...
Keren bgt bg jgn lupa mampir ke blogku jg
BalasHapushttps://dirty7team.blogspot.com