HTML
Tampilkan postingan dengan label HTML. Tampilkan semua postingan
Tampilkan postingan dengan label HTML. Tampilkan semua postingan

Struktur Dasar HTML

11.36.00 Add Comment
Assalamu'alaikum Sahabat NdaCoding :)

kali ini saya akan share mengenai struktur dasar HTML. Mengapa kita wajib tahu struktur dasar HTML? Karena agar memudahkan Shabat NdaCoding untuk membuat Coding HTML yang bermanfaat, Jika kita sudah mengetahui Struktur Dasrnya akan lebih mudah kita akan mendesain sebuah halaman HTML.
Apa saja Struktur Dasr tersebut? Mari kita Lihat di bawah ini :)

Struktur Dasar HTML

Setiap halaman HTML setidaknya memiliki struktur dasar yang terdiri dari : Tag DTD atau DOCTYPE, tag html, tag head, dan tag body. Inilah yang merupakan struktur paling dasar dari HTML, walaupun HTML tidak hanya berisi struktur tersebut.

Agar lebih mudah memahaminya, silahkan buka text editor (Notepad++), lalu ketikkan kode berikut ini:

Contoh struktur dasar HTML:
<!DOCTYPE html>
  <html>
  <head>
    <title>Title dari Websiteku</title>
  </head>
<body>
   <p>Selamat Pagi Dunia, Hello World!</p>
</body>
</html>
Save sebagai halaman.html dan jalankan file dengan cara double klik file tersebut, atau klik kanan –> Open With –> Firefox. Kita akan membahas tag-tag yang ditulis tersebut pada toturial kali ini.

Pengertian DTD atau DOCTYPE

Tag paling awal dari contoh HTML diatas adalah DTD atau DOCTYPE. DTD adalah singkatan dari Document Type Declaration. Yang berfungsi untuk memberi tahu kepada web browser bahwa dokumen yang akan diproses adalah HTML.

DTD memiliki banyak versi tergantung kepada versi HTML yang kita gunakan. Pada contoh diatas, kita menggunakan DTD versi HTML 5. Sebelum HTML 5, DTD terdiri dari text panjang yang hampir mustahil dihafal. Contohnya, DTD untuk xHTML 1.0 adalah:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Jika kita tidak menuliskan DTD, browser akan tetap menampilkan dan memproses halaman web kita seperti tidak terjadi apa-apa. Namun browser sebenarnya menjalankan halaman HTML tersebut pada mode khusus yang disebut quirk mode. Pada quirk mode ini, web browser menerjemahkan halaman web dan terutama CSS sedikit berbeda dari seharusnya. Hal ini karena web browser menganggap jika tidak ada DTD, maka halaman tersebut kemungkinan adalah halaman web usang, dan menggunakan aturan-aturan yang berbeda agar dapat ditampilkan.

Cara untuk mengetahui apakah web browser berjalan pada quirk mode atau standard mode : Pada Firefox, klik kanan pada halaman web, lalu pilih Page Info. Pada bagian Render Mode akan terlihat apakah quirk mode, atau standard mode.

Tag <html>

Setelah DTD, tag berikutnya adalah tag <html>.

Tag <html> adalah tag pembuka dari keseluruhan halaman web. Semua kode HTML akan berada di dalam tag ini. Tag html dimulai dengan <html> dan diakhiri dengan </html>

Tag <head>

Elemen pada tag <head> umumnya akan berisi berbagai definisi halaman, seperti kode CSS, JavaScript, dan kode-kode lainnya yang tidak tampil di browser.

Tag <title> dalam contoh kita digunakan untuk menampilkan title dari sebuah halaman web, dan biasanya ditampilkan pada bagian paling atas web browser. Contohnya pada tampilan halaman.html, ‘Title dari Websiteku’ akan ditampilkan pada tab browser.

Tag <body>

Tag <body> akan berisi semua elemen yang akan tampil dalam halaman web, seperti paragraf, tabel, link, gambar, dll. Tag body ini ditutup dengan </body>. Sebagian besar waktu kita dalam merancang web adalah di dalam tag <body> ini.

Perhatikan bahwa setiap tag akan diakhiri dengan penutup tag. Termasuk <html> yang merupakan tag paling awal dari sebuah halaman web.

Stuktur HTML yang kita bahas disini adalah struktur sangat sederhana. Sebuah halaman web bisa memiliki ratusan bahkan ribuan baris, dan menggunakan berbagai tag HTML.

Pengertian dan Sejarah HTML

11.32.00 Add Comment
Assalamu'alaikum Sahabat NdaCoding
Kali ini saya akan share ilmu baru nih :), enggak baru-baru amat sih :D
kali ini saya akan membahas Pengertian dan Sejarah HTML (Hyper Text Markup Language). Apasih HTML itu? Pasti teman-teman pada enggak tahu ya? 

Pengertian HTML


HTML (Hyper Text Markup Language) adalah sebuah bahasa yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah web atau Internet baca lebih lengkap "Pengertian Internet" dan format Hyper Text sederhana yang ditulis dalam format ASCII agar dapat menghasilkan tampilan 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 Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).

Sejarah HTML (Hyper Text Markup Language)

Pada tahun 1980 Tim Berners-Lee seorang ahli fisika, dan juga seorang kontraktor di CERN (Organisasi Eropa untuk Riset Nuklir) mengusulkan dan menyusun ENQUIRE, sebuah sistem untuk ilmuwan CERN dalam membagi dokumen. Sembilan tahun kemudian, Berners-Lee mengusulkan adanya sistem berbasis internet. 
Di tahun 1990 Berners-Lee dan Robert Cailliau, insinyur sistem data CERN berkerjasama dalam sebuah permintaan untuk pendanaan, namun tidak diterima secara resmi oleh CERN, pada catatan pribadinya sejak awal tahun 1990 dia mendaftarkan beberapa daerah yang menggunakan hypertext" dan pertama-tama menempatkan sebuah ensiklopedia. Menjelaskan perogram HTML dan menulis jaringan beserta perangkat lunaknya. Baca juga Perangkat Lunak Akses Internet

Penjelasan pertama yang dibagi untuk umum dari HTML adalah sebuah dokumen "Tanda HTML", pertama kali keluarkan di Internet oleh Tim Berners-Lee pada akhir 1991. Tanda ini menggambarkan 18 elemen awal mula, versi sederhana dari HTML. Kecuali untuk tag hyperlink, yang sangat dipengaruhi oleh SGMLguid, in-house Standard Generalized Markup Language (SGML) berbasis format dokumen di CERN. Sebelas elemen ini masih ada di HTML 4. 

Sejarah versi HTML (Hyper Text Markup Language) 

  1. Pada bulan november 1995 HTML 2.0 dipublikasikan sebagai IETF RFC 1866. Penambahan RFC membuat HTML dapat mengunggah file berdasarkan bentuknya, pada bulan mei 1996 RFC 1942 penambahan pembuatan tabel, pada bulan agustus 1996 RFC 1980 penambahan peta gambar berbasis klien, dan pada Januari 1997 RFC 2070 terdapat penambahan fungsi internasionalisasi. 
  2. 14 Januari 1997 HTML 3.2 dipublikasikan sebagai Konsorsium World Wide Web. Versi ini merupakan versi pertama yang dikembangkan dan standarisasinya khusus oleh Konsorsium World Wide Web, sebagaimana IETF sudah menutup kelompok kerja HTML pada 12 September, 1996.
  3. Pada awalnya HTML 3.2 disebut "Wilbur", karena pembuatan HTML 3.2 menghilangkan rumus matematika dikarenakan konsolidasi atas kasus tumpang tindih antara kepemilikan dan mengadopsi sebagian besar tanda bahasa visual dari Netscape. Elemen kedip dari Netscape dan elemen marquee besutan Microsoft dihilangkan karena kesepakatan bersama antara kedua perusahaan. Sebuah markup untuk rumus matematika serupa dengan yang ada dalam HTML tidak memiliki standar sampai 14 bulan kemudian di MathML.
  4. 18 Desember 1997 HTML 4.0 pun di keluarkan sebagai Rekomendasi dari W3C, versi Ini menawarkan tiga jenis keamanan yaitu dimana unsur usang dilarang, dimana unsur usang diperbolehkan, dimana unsur-unsur kebanyakan hanya bingkai terkait diperbolehkan. HTML 4.0 mengadopsi banyak tipe elemen dan atribut yang spesifik untuk penambahan, HTML 4 adalah sebuah aplikasi SGML yang sesuai dengan ISO 8879 – SGML. 
Tanggal di luncurkannya versi HTML (Hyper Text Markup Language) 
  • HTML 2.0—(RFC 1866) disetujui sebagai standar 22 September 1995,
  • HTML 3.2—14 Januari 1996, 
  • HTML 4.0—18 Desember 1997, 
  • HTML 4.01 (minor fixes)—24 Desember 1999,
  •  ISO/IEC 15445:2000 ("ISO HTML", berdasar pada HTML 4.01 Strict)—15 Mei 2000.
  •  HTML 5 (stabil) rekomendasi W3C—28 Oktober 2014.
Sekian Info Sejarah dan Pengertian HTML, Semoga dapat Menambah Pengetahuan dari Pengunjung NdaCoding :) Jika ada Saran dan Kritik sampaikan di Kolom Komentar ya :) TerimaKasih :)
Langganan: Postingan (Atom)