Thursday, March 21, 2019

HTML


Tentang HTML
Hypertext Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).


Fungsi HTML

Fungsi HTML yang pertama adalah untuk membuat suatu halaman website yang dapat dibaca dan dipahami oleh pengguna dengan lebih mudah. Semua laman website yang terdapat dalam internet dibuat dengan HTML dan tidak ada pengecualian.
Menandai teks pada suatu laman, HTML ditulis pada suatu halaman dokumen dengan tag atau simbol tertentu dimana simbol dan tag tersebut akan menandai teks menjadi tebal, miring, bergaris tebal dan lain sebagainya.
Misalnya, apabila kita membuat suatu teks menjadi teks miring atau italic, dalam laman HTML dituliskan kode <i> untuk italic, <b> untuk teks tebal dan <u> untuk teks bergaris bawah.
Sebagai dasar website, website yang dibuat tentunya mempunyai beberapa fitur yang dibuat dengan menggunakan java script (untuk mengatur perilaku web), implemetasi bahasa pemrograman server PHP, dan mendesain web menggunakan CSS. Semua bahasa tersebut bisa diaplikasikan apabila web memunyai bahasa html sebagai dasarnya.
Menampilkan tabel, gambar, video, dan lain-lain. Pada umumnya dalam website atau blog kita tidak dapat langsung meletakkan tabel, gambar ataupun video, oleh karena itu komponen tersebut diletakkan pada web dengan menggunakan bahasa HTML.
Selain itu, HTML juga berfungsi untuk menandai elemen dan membuat online form, HTML juga berguna untuk menandai bagian-bagian dalam website, misalnya header, main, footer, navigation dan lain-lain. Selain itu HTML juga berfungsi sebagai bahasa dalam membuat suatu online form atau formulir digital.


Tag pada HTML
Di dalam website ada empat bagian buat tag, di antaranya :

1. <HTML> Sebagai tanda awal dokumen HTML.
- HTML tidak membedakan penggunaan huruf besar ataupun huruf kecil dari suatu elemen
- HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag tersebut. Tag ini di nyatakan dengan tanda lebih kecil (<) dan tanda lebih besar (>)
2. <HEAD> Sebagai informasi page header. Dokumen HTML diapit oleh tag <HEAD></HEAD>.
3. <TITLE> Sebagai title atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).
4. <BODY> Sebagai isi dari sebuah halaman website Bagian BODY, yang dinyatakan dengan tag <BODY>…</BODY>, merupakan tubuh atau isi dari dokumen HTML di mana Anda meletakkan informasi yang akan ditampilkan pada browser.

Tag biasanya merupakan suatu pasangan yang disebut dengan :
1. Tag awal, dinyatakan dalam bentuk <nama tag>
2. Tag akhir, dinyatakan dalam bentuk </nama tag>

Formatnya :
<nama tag> teks yang ditampilkan </nama tag>.
Contoh :
untuk menampilkan teks dalam format teks bergaris bawah. Teks ini terlihat bergaris bawah di browser Anda dengan perintah HTML <u> Teks ini terlihat bergaris bawah di browser Anda </u>

Contoh dokumen HTML sederhana :


<!DOCTYPE html>

<html>
<head>
<title>Hello HTML</title>
</head>
<body bgcolor="purple">
<font face = "Comic Sans MS" color = "pink" size = "5">
<p>Hello Huang Renjun!</p>
</body>

</html>

Keterangan dan pengertian HTML dan tag HTML

HTML code Beserta Keterangan :
1. <!–    –> : Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
2. <a href> : Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
3. <a name> : Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
4. <applet> : Sebagai awal dari Java applets
5. <area> : Mendefinisikan daerah yang dapat diklik (link) pada image map
6. <b> : Membuat teks tebal
7. <basefont> : Membuat atribut teks default seperti jenis, ukuran dan warna font
8. <bgsound> : Memberi (suara latar) background sound pada halaman web
9. <big> : Memperbesar ukuran teks sebesar satu point dari defaultnya
10. <blink> : Membuat teks berkedip
11. <br> : Pindah baris
12. <caption> : Membuat caption pada tabel
13. <center> : Untuk perataan tengah terhadap teks atau gambar
14. <comment> : Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
15. <dd> : Indents teks
16. <div> : Represents different sections of text.
17. <embed> : Menambahkan sound or file avi ke halaman web
18. <fn> : Seperti tag  <a name>
19. <font> : Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
20. <form> : Mendefinisikan input form
21. <frame> : Mendefinisikan frame
22. <frameset> : Mendefinisikan attribut halaman yang akan menggunakan frame
23. <h1>…<h6> : Ukuran font
24. <hr> : Membuat garis horizontal
25. <html> : Berarti dokumen HTML
26. <i> : Membuat teks miring
27. <img> : Image, imagemap atau an animation
28. <input> : Mendefinisikan input field pada form
29. <li> : Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )
30. <map> : Mendefinisikan client-side map
31. <marquee> : Membuat scrolling teks (teks berjalan)
32. <nobr> : Mencegah ganti baris pada teks atau images
33. <noframes> : Jika browser user tidak mendukung frame
34. <ol> : Mendefinisikan awal dan akhir list
35. <p> : Ganti paragraf
36. <pre> : Membuat teks dengan ukuran huruf yg sama
37. <script> : Mendefinisikan awal script
38. <table> : Membuat tabel
39. <td> : Kolom pada tabel
40. <tr> : Baris pada tabel
41. <u> : Membuat teks bergaris bawah

Sources :
http://blaakraan.blogspot.com/2015/03/pengertian-dan-bagian-bagian-dari-html.html
https://id.wikipedia.org/wiki/HTML
http://www.sumberpengertian.co/pengertian-html

No comments:

Post a Comment