Hypertext Markup Language (HTML)

-

Assalamualaikum
Perkenalkan nama saya Shofia Rahmah S dari Prodi Pendidikan Teknologi Informasi Universitas Tasikmalaya. Kali ini saya akan membagikan sedikit informasi tentang "Hypertext Markup Language".


Pengertian  dan Fungsi Hypertext Markup Language

    Hypertext Markup Languange atau yang bisa disingkat dengan HTML merupakan bahasa mark up yang mudah untuk dipahami oleh pengguna. HTML dapat memudahkan user pemula ataupun developer dalam memformat, menyusun, serta mengorganisir suatu dokumen secara online menggunakan program Microsoft Word.
   HTML berfungsi untuk memudahkan pengguna saat mengelola atau mengatur sebuah data dalam bentuk dokumen pada website. Sehingga menghasilkan dokumen yang menarik dan mudah dibaca oleh seluruh pengguna internet di seluruh dunia. HTML mempunyai kelebihan dari bahasa yang digunakan. Bahasa mark up untuk HTML mempunyai banyak sumber dan luas serta konsisten.

    HTML dapat dijalankan secara alami pada setiap website. HTML juga mempunyai learning curve yang lebih mudah serta open source yang dapat dijalankan dengan gratis. Selain itu, HTML pun mempunyai standar website yang resmi oleh World Wide Web Consortium pada maintain. Serta mudah diintegrasikan dengan PHP, Node.js bahkan hingga bahasa backend.

    HTML mempunyai fitur yang tidak bisa digunakan secara logic. Sehingga halaman website harus dipisahkan meski mempunyai elemen yang sama. Saat melakukan eksekusi, browser juga kadang tidak bisa diprediksi. Sehingga browser tidak bisa render yang lebih baru. Namun, Anda masih bisa menggunakan HTML sesuai kebutuhan.

Struktur Dasar Hypertext Markup Language

    Setiap halaman HTML setidaknya memiliki struktur dasar yang terdiri dari :

  • Tag DTD atau DOCTYPE

    DOCTYPE atau Document Type Declaration (DTD) adalah sebuah keterangan yang ditulis untuk memberitahu web browser tentang aturan penulisan dari dokumen yang sedang ditampilkan. doctype ditulis pada baris pertama halaman HTML. Keharusan penulisan doctype berasal dari bahasa yang dinamakan SMGL dan XML. Keduanya adalah bahasa markup dimana HTML dan XHTML dikembangkan.

    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.

  • Tag head

    Tag head adalah informasi yang berisi tentang halaman, bukan informasi yang ditampilkan di dalam bagian utama browser. Tag head ditulis <head> sebagai pembuka tag head dan </head> sebagai penutup tag head. Didalam elemen <head> dapat berisi judul <title>, script <script> , styles <style>, informasi meta <meta> dan lainnya.Tag head mewakili bagian kepala dari dokumen HTML.

    Tag <head> sangat disarankan untuk disertakan dalam semua dokumen HTML karena jika kita tidak sertakan bisa mengakibatkan error di browser lama, walaupun di HTML 5 kita bisa menghilangkan penulisan tag ini.

  • Tag body

    Tag body adalah elemen yang mewakili isi dokumen HTML. segala sesuatu yang ada didalam elemen ini ditampilkan di halaman utama browser. Tag <body> berisi semua dokumen HTML, seperti teks, hyperlink, gambar, tabel, list dan lain-lain. Cara penulisan tag body, <body> sebagai tag pembuka dan </body> adalah tag penutup.

    Tag <body> diperlukan dalam setiap dokumen HTML, dan hanya ada satu tag <body> per halaman. Tag <body> anak langsung dari html, dan biasanya ditulis setelah tag <head> jika ada tag head. Pada umumnya frontend developer atau pengembang javascript menempatkan class didalam elemen body untuk menargetkan halaman berdasarkan konten tertentu, seperti kategori, tag atau jenis konten.

    Inilah yang merupakan struktur paling dasar dari HTML, walaupun HTML tidak

hanya berisi struktur tersebut.

Cara Membuat dan Menjalankan File HTML

    Untuk membuat dokumen file HTML sebenarnya sangat mudah. Pertama-tama kita harus mempersiapkan sebuah peralatan yang akan kita pakai seperti Browoser. Berikut listnya:

  1. Google Chrome
  2. Internet Explored
  3. Mozilla Firefox
  4. Safari
  5. Opera

    Persiapkan juga teks editor seperti:

  1. Notepad
  2. Notepad++
  3. Sublime Text
  4. Atom
  5. Visual Studio Code

    Sangat disarankan jika Anda baru belajar HTML jangan menggunakan teks editor profesional seperti Sublime text, Visual Studio Code, Atom, Notepad++ dan yang lainnya. Selanjutnya, untuk membuat sebuah dokumen file HTML cukup dengan empat langkah sederhana saja, Berikut langkah-langkah yang harus Anda ikuti:

    Langkah 1: buka notepad

Untuk pengguna Windows 8 atau ke atas:
Buka Layar Start (gambar jendela di bagian kiri bawah pada layar Anda). Ketik Notepad .

Untuk pengguna Windows 7 atau sebelumnya:
Buka Start > Programs> Accessories> Notepad

    Langkah 2: menulis tag HTML

    Langkah3: Simpan file HTML

Simpan file yang tadi Anda buat: Pilih File> Save as.

Nama filenya bebas asal menggunakan extensi .html atau .htm sebagai contoh: “index.html” tanpa tanda kutip.

    Langkah 4: buka file HTML dengan browser

Buka file HTML yang tadi Anda buat dengan browser seperti: Google, Mozilla, Opera dll.

Hasilnya akan terlihat seperti ini:

Contoh Penggunaan HTML




Komentar

Posting Komentar

Postingan populer dari blog ini

Teks Laporan Hasil Observasi

-
     Assalamu'alaikun wr.wb. Perkenalkan nama saya Shofia Rahmah S atau yang lebih dikenal dengan Sofia. Saya disini akan menjelaskan tentang Teks Laporan Hasil Observasi.  Apakah kalian tau apa itu Teks Laporan Hasil Observassi? Apabila kalian masih bingung apa itu Teks Laporan Hasil Observasi, simak pembahasan tentang Teks Laporan Hasil Observasi. Pengertian Teks Laporan Hasil Observasi.      Teks Laporan Hasil Observasi adalah teks yang menjelaskan informasi tentang sesuatu hasil karya ilmiah manusia(hasil pengamatan seseorang). Struktur Teks Laporan Hasil Observasi. Pernyataan umum adalah bagian pembuka atau pengantar hal yang akan kita sampaikan.  Deskripsi bagian adalah uraian detail mengenai objek atau bagian-bagiannya. Deskripsi manfaat adalah uraian detail mengenai manfaat objek yang kita amati. Kaidah kebahasaan Teks Laporan Hasil Observasi. Penggunaan fakta/frasa nomina. Pembentukan nomina dan verba terunan dengan afiksasi. Penggunaa...
Baca selengkapnya

Makalah Masjid Agung Kota Tasikmalaya

-
KATA PENGANTAR   Puji syukur kehadirat Allah SWT yang karena anugerah dari-Nya kami dapat menyelesaikan makalah tentang "SEJARAH MASJID AGUNG KOTA TASIKMALAYA". Sholawat dan salam semoga senantiasa tercurahkan kepada junjungan besar kita, yaitu Nabi Muhammad SAW yang telah menunjukkan kepada kita jalan yang lurus berupa ajaran agama Islam yang sempurna dan menjadi anugerah serta rahmat bagi seluruh alam semesta. Kami sangat bersyukur karena telah menyelesaikan makalah yang menjadi tugas sejarah dengan judul "SEJARAH MASJID AGUNG KOTA TASIKMALAYA". Disamping itu, kami mengucapkan banyak terima kasih kepada semua pihak yang telah membantu kami selama pembuatan makalah ini berlangsung sehingga terealisasikanlah makalah ini. Demikian yang dapat kami sampaikan, semoga makalah ini bisa bermanfaat dan jangan lupa ajukan kritik dan saran terhadap makalah ini agar kedepannya bisa diperbaiki.  TASIKMALAYA, 29 NOVEMBER 2016 Penyusun DAFTAR ISI BAB I PENDAHULUAN. RUMUSAN MASA...
Baca selengkapnya