Catatan tentang teknologi komputer, Pemrograman & Robotik

Blog Pribadi

Blog yang membahas tentang teknologi komputer, pemrograman dan website

Cari Blog Ini

Diberdayakan oleh Blogger.

Starlink : Revolusi Internet Satelit di Era Digital

Di era digital saat ini, akses internet telah menjadi kebutuhan pokok bagi banyak orang di seluruh dunia. Namun, meskipun kemajuan teknologi...

Belajar HTML sesi 1



Jika kamu ingin menjadi seorang web developer yang handal,  wajib banget buat kalian paham tentang apa itu HTML. 

HTML itu adalah bagian dari kerangka website yang sangat penting. 

Harapan saya semoga melalui artikel ini kamu menjadi lebih paham  mengenai HTML. Sehingga, kamu bisa lebih mudah dan senang mempelajarinya. 

Langsung saja, kita mulai ya... 

Apa itu HTML ?

HTML adalah bahasa pemrograman dasar khusus dalam pengembangan website atau sering disebut dengan Hypertext Markup Language. HTML adalah bahasa markup yang digunakan untuk membuat struktur halaman website. 

HTML sendiri terdiri dari beberapa kombinasi teks dan simbol yang disimpan dalam sebuah file. 
Dalam membuat file HTML, terdapat standar atau format khusus yang harus diikuti. Format tersebut telah tertuang dalam standar kode internasional atau ASCII (American Standard Code for Information Interchange).

Dengan  HTML, kita dapat menyusun heading, paragraf, gambar, link, dan lainnya agar website dapat dilihat banyak orang di mesin pencari. 

Untuk bisa diakses secara umum, pengguna perlu membukanya lewat aplikasi browser, seperti Internet Explorer, Chrome, atau Mozilla Firefox. 

Apa yang pertama harus dipelajari  ?

kita mulai dengan mengenal Tag HTML, Elemen, dan Atribut 

Apa itu Tag  ?

Tag adalah tanda awalan dan akhiran dalam penulisan perintah HTML yang dibaca oleh browser. Tag ditulis dengan menggunakan kurung siku <…>, di mana di dalamnya diisi dengan nama tag.  

Setiap tag mempunyai fungsi dan perintah yang berbeda. Mulai dari membuat judul, paragraf, heading, cetak tebal, miring, italic, dan lainnya.  

Misalnya : 

<b> Tag tersebut akan meminta browser untuk menampilkan teks dengan format tebal. 

Selain itu, tag ditulis secara berpasangan, yaitu tag pembuka dan tag penutup.  Pada tag penutup ditambahkan garis miring (/) di depan nama tag. 

 

Apa itu Elemen  ?

Elemen adalah  komponen dari HTML yang merupakan keseluruhan kode dari tag pembuka hingga tag penutup. Elemen terdiri dari teks dan simbol yang berupa tag pembuka, isi tag atau konten, dan tag penutup. 

Contohnya : 

<h1> Belajar HTML </h1>. 

Pada sebuah elemen juga bisa berisi elemen lainnya. Jadi elemen tersebut tak hanya berisi satu tag saja, tetapi banyak tag. Elemen itu disebut nested elements.

Sebagai contoh, simak kode berikut: 

<html>
    <body> 
        <h2>Judul Heading</h2>
        <p>Paragraf pertama artikel.</p> 
    </body> 
</html>

Perhatikan elemen HTML tersebut, dari tag pembuka <html> lalu tag <body> yang berisi elemen tag heading dan elemen tag paragraf. 

Apa itu Atribut  ?

Atribut merupakan informasi atau perintah tambahan yang berada dalam elemen. Atribut ini berfungsi sebagai penjelas perintah tag pada elemen. 

Misalnya, <img src=”picture.png” alt “Kuda.”>. 

Tag <img> memiliki atribut khusus yaitu (scr) dan (alt) yang artinya browser harus menampilkan picture.png dengan alt text “Kuda”. 

Dari contoh tersebut, dapat diketahui juga kalau jumlah atribut dalam sebuah tag bisa lebih dari satu. 

Apa saja yang diperlukan untuk membuat kode HTML ?

yang kalian butuhkan adalah sebuah aplikasi text editor dalam membuat baris kode HTML
selain itu kalian juga perlu aplikasi browser untuk melihat hasil dari kode HTML yang kalian buat.

Contoh aplikasi text editor :
  1. Notepad
  2. Notepad ++
  3. Atom
  4. Sublime Text
  5. Visual Studio Code
  6. Adobe Dreamweaver
sebenarnya masih banyak lagi text editor lainnya, kamu boleh pilih salah satunya.

selanjutnya kamu siapkan aplikasi browser di komputer atau laptop kamu ya...
  1. Google Chrome
  2. Mozzila Firefox
  3. Opera
  4. Internet Explore
  5. Microsoft Edge
  6. Safari
Sekian dulu ya sesi 1 belajar HTMLnya
besok kita sambung lagi. kita akan lebih dalam mempelajari HTML 
ikuti terus tulisan ini ya...

0 komentar:

Posting Komentar