MATERI HTML


Apa Itu HTML ?

HTML adalah kepanjangan atau singkatan dari Hyper Text Markup Language.
HTML adalah bahasa markup internet (web) yang berupa kode dan simbol dalam sebuah file yang kemudian ditampilkan didalam sebuah website.
Singkatnya, HTML adalah bahasa markup yang digunakan untuk membuat website.

HyperText adalah metode dimana kita "berpindah" web atau halaman, dengan mengeklik sebuah teks yang bernama hyperlink. Hyperlink adalah sebuah teks khusus di internet, yang digunakan untuk membawa kita ke halaman web selanjutnya/halaman web lain yang telah ditentukan.

Lalu markup itu apa ya? Markup berarti kenaikan atau perkembangan.
jadi yang di maksud dengan bahasa markup adalah bahasa pengembang suatu informasi
Markup adalah hal yang dilakukan oleh tag HTML kepada teks yang ada didalamnya. HTML menandai teks yang berada didalamnya sebagai tipe teks tertentu.

Language yang berarti bahasa.

HTML adalah sebuah bahasa, yang memiliki kata kata berupa kode dan syntax seperti bahasa yang lain. Namun perlu diketahui bahwa bahasa HTML ini berbeda dengan bahasa pemrograman yang lain. HTML ini bersifat Markup atau mengembangkan suatu informasi, sedangkan bahasa pemrograman yang sering kita temui seperti C++ , Java, Dsb merupakan bahasa kompiler yang mengubah bahasa kita menjadi bhasa komputer.

Saat ini bahasa HTML masih terus dikembangkan Hal ini dikarenakan pengguna internet semakin hari semakin berkembang pesat. Untuk itulah dibentuk sebuah organisasi yang bertanggungjawab mengembangkan bahasa HTML. Organisasi ini bernama W3C.

Fungsi dan Kegunaan HTML
Sebagai bahasa markup internet, HTML memiliki banyak fungsi dan kegunaan. Beberapa manfaat dari HTML diantaranya :

  • Untuk Membuat Halaman Web. Bahasa HTML digunakan untuk membuat halaman web. Hampir Semua halaman web pasti dibuat dengan menggunakan HTML.
  • Sebagai Pondasi Bagi Sebuah Website. Jika tidak memiliki HTML sebagai pondasi, kita tidak dapat mengimplementasikan bahasa lainnya seperti CSS (bahasa untuk mendesain website), Javascript (bahasa untuk menambah prilaku website), dan PHP (bahasa pemrograman server website).
  • Untuk menandai teks pada halaman web. Misalnya, kita dapat menandai sebuah teks menjadi bergaris bawah dengan menggunakan tag html
  • Untuk menandai elemen/bagian pada halaman web. Sebuah website memiliki beberapa bagian seperti header, navigasi, main dan footer. Kita dapat menandai setiap bagiannya dengan HTML.
  • Untuk menampilkan informasi dalam bentuk tabel
  • Untuk menambahkan objek seperti audio, video, gambar, dll dalam halaman web
  • Untuk membuat online form

Struktur Dasar HTML

Element
 Element terdiri dari 3 bagian, yaitu tag pembuka, isi dan penutup. Contohnya untuk menampilkan judul dari sebuah halaman, kita membuat kode html seperti ini
<title>Website Milik Faiz</title
Yang berwarna biru, itu adalah pembuka. Yang warna hijau adalah isi. Sedangkan yang warna merah adalah penutup. Isi adalah optional, dalam artian tidak masalah jika kita tidak memberikan isi. Beda dengan pembuka dan penutup, keduanya harus ada dalam sebuah kode html. Jika tidak maka akan terjadi error, dan kode tidak akan berfungsi.  Ada juga pembuka dan penutup yang berbeda dengan contoh diatas. Contohnya seperi ini \
<input type=”text” value=”isian”/>
Pada tag input kita tidak perlu menutupnya dengan ,cukup dengan /> . Bahkan dengan menuliskan > saja juga bisa.

2.            Tag
 Tag adalah teks khusus berupa dua karakter < dan >. Contohnya tag dengan nama head, dengan nama body, dan sebagainya. Tag ini sudah diatur dari sananya, jadi kita tidak boleh membuatnya sendiri. Misal jika kita menulis , jelas tidak akan berfungsi. Untuk lebih memperjelas, berikut ini struktur dasar kode html 
<html>
<head>
<title>Website Faiz Agil Wirawan</title>
</head>
<body>
Hai teman teman, ini website pribadi saya lho..
</body>
</html>
 Penjelasan
1.       <html></html> untuk menandai awal dan akhir dari file HTML
2.       <head></head> berisikan keterangan informasi seperti title dan jenis dokumen 
3.       <title></title>sebagai judul halaman web
4.       <body></body>bagian ini adalah konten utama web seperti header, navigasi, artikel , sidebar dan footer
Anda dapat menuliskan kode html di aplikasi bawaan Windows, Notepad. Bisa juga mendownload aplikasi khusu untuk menulis kode yaitu Notepad++. 

3.       Atribut 
 Atribut terdapat didalam script sebuah elemen, fungsinya untuk memberi informasi tambahan tentang elemen. Nilai dari atribut harus ditutup dengan tanda kutip.
<input type=”password” />
 Kode diatas akan membuat sebuah kotak isian yang dikhususkan untuk menulis password. Dalam artian, jika kita menulis di isian tersebut, tulisan kita akan berubah menjadi bintang bintang seperi ini ******. 

Sejarah HTML

HTML pertama kali diciptakan oleh IBM pada tahun 1980. Saat itu tercetus ide untuk menempatkan elemen elemen yang berguna untuk menandai bagian suatu dokumen seperti judul, alamat dan isi dokumen. Pada akhirnya elemen element tersebut dibentuk menjadi suatu program untuk melakukan pemformatan dokumen secara otomatis.
Bahasa pemrograman untuk melakukan tugas ini disebut sebagai bahasa markup. IBM menamai program ini sebagai Generalized Markup Language. Pada tahun 1986, konsep ini disetujui oleh ISO (International Standard Organization) sebagai standar untuk pembuatan dokumen. Bahasa ini dinamai oleh ISO sebagai Standard Generalized Markup Language (SGML)
HTML sendiri, adalah bagian dari SGML. Tim Berners-Lee dari CERN mengemukakan sebuah ide tentang pembuatan skrip bahasa pemrograman dan dokumen yang dapat diakes oleh semua komputer tanpa melihat jenis platformnya. Sejak saat itu HTML menjadi lebih populer dibandingkan SGML.

Komentar

Postingan Populer