Sabtu, 17 Maret 2018

Pengenalan HTML Dasar


Apa itu HTML?

HTML adalah bahasa wajib dipelajari oleh siapapun yang menjadi pembuat website, karna HTML adalah bahan dasar untuk membuat web.

HTML adalah singkatan dari Hyper Text Markup Language. Dokumen HTML adalah file teks murni yang dapat dibuat dengan sembarang text editor .

Dokumen ini dikenal sebagai halaman web. Dokumen HTML merupakan dokumen yang disajikan dalam web browser. Dokumen ini umumnya berisi informasi atau interface aplikasi di dalam internet.

Yang bisa dilakukan dengan HTML yaitu :



-          Mengatur tampilan halaman web dan isinya

-          Membuat table dengan halaman web

-          Mempublikasikan halaman web secara online

-          Membuat form yang bisa digunakan untuk menangani registrasi dan transaksi via melalui web

-          Menambahkan objek objek seperti citra audio, video, animasi, java applet dalam halaman web.



Bagaimana membuat file HTML

File html dapat dibuat dengan teks editor seperti notepad. Akan menjadi lebih bagus dengan menggunakan teks editor yang memiliki fitur syntax highlighter seperti Notepad++, sublime Text, Gedit, Kate dan lain lain.

File file dokumen HTML diberi nama dengan menambahkan ektensi .htm  atau ektensi .html.

Contoh : index.html



Apakah defenisi elemen pada HTML



Dokumen html disusun oleh elemen elemen. Elemen merupakan istilah bagi komponen komponen dasar pembentuk dokumen HTML.

Beberapa contoh elemen adalah : head, body, table, paragraph dan list.

Elemen dapat berupa teks murni, atau bukan teks atau keduanya.



Apakah defenisi Tag pada HTML



Untuk menandai berbagai elemen dalam suatu dokumen HTML, kita menggunakan tag. Tag html terdiri <nametag>. Tag umumnya berpasangan  misalnya <head> dengan </head>

Tag pertama menunjukkan tag awal, yang berarti awal elemen, dan tag kedua menunjukkan tag akhir, berarti akhir elemen.

Ada beberapa elemen yang tidak mengharuskan tagnya dituliskan secara berpasangan, elemen tersebut diantaranya adalah :

·         Paragraph dengan tag <p>

·         Ganti baris – line break dengan tag <br>

·         Garis datar – horizontal rule dengan tag <hr>

·         List item dengan tag <li>

Tag tag yang tidak diharuskan ditulis dengan pasangannya, sebaiknya dituliskan juga untuk menjaga keseragaman. Untuk mengantisipasi  standard rekomendasi HTML generasi mendatang.

Misalkan untuk membuat paragraph, anda bisa menggunakan tag <p> diakhiri dengan </p>.

Penulisan nama tag bebas, bisa menggunakan huruf besar, huruf kecil ataupun campuran keduanya (tidak case sensitive). Tetapi untuk mengantisipasi pada standard penulisan tag, direkomendasikan untuk menuliskan tag dengan menggunakan huruf kecil semua.

Tag ini digunakan untuk memberi tahu browser bagaimana menampilkan format halaman dokumen tersebut dalam browser.



Pola Dasar HTML

Setiap dokumen HTML mempunyai pola dasar sebagai berikut :



<html>

<head>

Berisi informasi tentang dokumen HTML

</head>

<body>

-informasi yang ditampilkan dalam web browser

</body>

</html>



Setiap dokumen html harus di awali dengan tag <html>, dan diakhiri oleh </html> di akhir dokumen.

Artinya dokumen ini adalah dokumen HTML. Dalam satu dokumen hanya ada satu elemen html.



Elemen head, berisi informasi tentang dokumen html. Minimal informasi yang dituliskan dalam elemen ini adalah judul dari dokumen, judul ini ditampilkan dalam caption bar dari windor browser. Untuk memberikan judul pada dokumen html dapat menggunakan tag <title>…Tuliskan judul dokumen html </title>.



Elemen body ditandai dengan tag <body> di awal dan tag </body> diakhir.

Elemen body adalah elemen terbesar dalam dokumen html. Elemen ini berisi isi dokumen yang ditampilkan pada browser, meliputi paragraph, grafik, link, table dan sebagainya.



Untuk memudahkan pemahaman tentang html dasar maka penjelasan tentang html dasar dibagi dalam beberapa postingan, beberapa penjelasan sudah disinggung pada postingan diatas, tapi saya akan menampilkan kembali beberapa tema dengan pembahasan yang lebih rinci, sesuai  seperti tersebut di bawah ini :

-          Bagaimana memulai dan cara membuat File HTML

-          Struktur  file HTML

-          Tag Tag Dasar HTML

-          Format Teks pada HTML

-          Membuat link dengan menggunakan HTML

-          Membuat list dengan menggunakan pada HTML

-          Image HTML

-          Membuat table menggunakan HTML

-          Membuat Form dan input menggunakan HTML




Tidak ada komentar:
Write komentar