photo a770d5b4-85d6-457d-b370-9688d3896ac8_zpslvonnva3.png photo Book_Cover2_zps9fiuvnfq.png
» » » » » » » »

Mengenal Struktur Syntax HTML5


Kenalan Dengan HTML5

Selamat datang dan selamat belajar sebelumnya kami sampaikan. Pada arktikel kali ini kita akan Mengenal Struktur Syntax HTML5 yang tentunya kami akan beri kamus kecil sebagai panduan dalam pemrograman nantinya. Sebelum lebih jauh melangkah ke tahap yang lebih seru dalam Pemrograman. Tentu hal yang paling wajid adalah perkenalan, "tak kenal maka error syntax kau temukan". Hehe :D

Santai saja, cukup seduh kopi dan perhatikan baik - baik beberapa penjelasan tentang HTML5, selalu ingat! jangan pernah menghafal koding, tapi pahami maksud dan fungsinya, kemudian temukan alurnya. Berikut beberapa syntax yang perlu dimengerti oleh teman - teman yang ingin belajar tentang pemrograman. Sebagai catatan: *penting! (HMTL atau Hypertext Markup Language harus dan selalu diawali dengan "< >" dan di akhiri dengan "</>").

1. Section : adalah tag yang bisa digunakan bersama dengan h1-h6. Section merupakan dokumen generik atau bagian aplikasi. 
2. Article : adalah tag yang menandai bahawa ini adalah sebongkah independen dokumen, sama halnya dengan blog entri / postingan koran.
3. Aside : adalah tag yang sedikit berkaitan dengan sisa halaman.
4. Header : adalah tag yang biasanya digunakan untuk menandai kepada dari halaman yang kita buat.
5. Footer : adalah tag yang biasa digunakan pada bagian paling bawah halaman, dimana didalam footer berisi tentang nama designer Website atau Blog (Developer) dan lain sebagainya terkait informasi kepemilikan dan hak cipta.
6. Nav : adalah tag yang disebut sebagai wadah dari navigasi Website atau Blog, Nav merupakan elemen yang sering kita jumpai sebagai pilihan menu dalam halaman Website atau Blog.
7. Comment : menadai keberadaan komentar dari sebuah Website atau Blog.
8. i : yaitu elemen yang akan bekerja dan memberi hasil huruf bercetak miring.
9. b : yaitu elemen atau tag yang bekerja dan  memberikan huruf bercetak tebal.
10. u : yaitu elemen atu tag yang bekerja dan memberikan huruf bergaris bawah.
11. Head : head ini berbeda dengan Header dimana head tersebut hanya memberi wadah atau tempat untuk tag "title", yang mana akan muncul sebagai judul halaman pada tab browser yang terbuka.
12. Title : adalah tag yang berfungsi memberi nama atau judul halaman pada tab yang terbuka pada browser.
13. p : adalah tag paragraf.

dan masih banyak lagi elemen - elemen dalam HTML5. Dan jangan asal -asal jikalau teman - teman ingin membuat dokumen HTML5. Prosedur penulisan dokumen HTML5 cukup sederhana dan to the point! Sebagai contoh :

<!doctype html> atau <!DOCTYPE HTML> menggunakan huruf besar atau kecil tidak masalah pada HTML asalkan konsisten dengan apa yang sudah kita mulai. misalkan :

Langkah membuat dokumen HTML5 :
1. Siapkan kopi
2. Siapkan Text Editor apapun contohnya, Notepad++, Atom, Edit++, dll.

<!doctype html>
<html>
<head>
<title>Judul yang akan tampil pada tab browser</title>
</head>
<body>
    <p>ini adalah tag paragraf</p>
</body>
</html>

seperti itulah cara penulisan dokumen HTML5. Jika teman - teman mencampurkan kombinasi huruf besar dan kecil pada tag - tag HTML tersebut, coba teman - teman lihat sendiri hasilnya. Nah, sekarang waktunya mengenal sedikit tentang atribut - atribut pada HTML. Berikut adalah contoh atribut HTML :

<div class="contoh"></div> dan <div id="contoh"></div>

 Atribut dalam elemen html merupakan fitur yang sangat membantu untuk mendesign sebuat Website dan Blog. Dengan penggunaan atribut - atribut inilah Developer mampu membuat bagian - bagian dalam Website atau Blog dengan baik, tentunya dengan memadukan CSS (Cascading Style Sheet) yang merupakan pendukung dari HTML yang berfungsi untuk mengatur tata letak halaman pada suatu Website atau Blog.

Sekian dulu, semoga artikel ini bisa bermanfaat untuk teman - teman pembaca. Dengan membuka dan membaca aartikel ini kalian sudah membuktikan bahwa niat untuk belajar pemrograman sudah bulat. Semoga bisa menjadi programer hebat dan baik hatinya. Terimakasih dan salam Olahraga!

Download Materi Latihan : Kumpulan Materi HTML


Untuk terus mendukung Aktifitas kami, bisa donasikan bantuan anda dengan klik tombol di bawah.


Postingan terkait:

— — 2 Comments — , , , , , , , Edit Post

2 Tanggapan untuk "Mengenal Struktur Syntax HTML5"

  1. MegumiMay 20, 2016 at 1:12 PM

    haduh Struktur Syntax HTML5 itu mumet ya, maklum Newbi visit gan k-filem.blogspot.co.id

    ReplyDelete
  2. Mimin BettaMay 21, 2016 at 1:15 PM

    Sama gan! Kita sama - sama masih belajar. Semangat terus dan Salam olahraga..! Semagat

    ReplyDelete

Subscribe to: Post Comments (Atom)