Tutorial HTML (2)

Assalamualaikum warahmatullahi wabarakatuh 

Balik lagi nih ke tutorial HTML, jadi pada kali ini kita akan melanjutkan pembelajaran dari tutorial yang sebelumnya, bagi teman-teman yang baru gabung bisa lihat di link ini.

Struktur dasar HTML


    Penulisan HTML selalu diawali <DOCTYPE> lalu kita menuliskan tag <html> dan di dalamnya ada 2 tag yang sangat penting yaitu tag <head> dan tag <body>.

Struktur dasar HTML terdiri dari 2 bagian penting:
  1. Bagian HEAD
  2. Bagian BODY
1. Bagian HEAD

Bagian ini adalah  elemen yang berisi informasi meta tentang halaman HTML.

Contoh :
  • tag <title> untuk judul.
  • tempat link untuk CSS dan Javascript.
  • tempat untuk menulis kode CSS dan Javascript.
2. Bagian BODY

Bagian ini adalah elemen mendefinisikan badan dokumen, dan merupakan wadah untuk semua konten yang terlihat, seperti judul, paragraf, gambar, hyperlink, tabel, daftar, dll.

Contoh :
  • tag <p> untuk menulis paragraf.
  • tag <h1> untuk menulis judul besar.
  • tag <a> untuk menulis alamat link.

HTML Heading

    HTML Heading adalah judul atau subtitle yang ingin Anda tampilkan di halaman web.
Heading ditentukan dengan tag <h1> hingga <h6>. <h1> mendefinisikan judul paling penting. <h6> mendefinisikan judul yang paling tidak penting.

    Alasan Heading penting karena mesin pencari google menggunakan judul untuk mengindeks struktur dan konten halaman web Anda.Pengguna sering kali membaca sepintas halaman berdasarkan judulnya. Penting untuk menggunakan judul untuk memperlihatkan struktur dokumen. Judul <h1> harus digunakan untuk judul utama, diikuti oleh judul <h2>, kemudian <h3> yang kurang penting, dan seterusnya.


HTML Paragraf


    Elemen HTML <p> mendefinisikan sebuah paragraf. Paragraf selalu dimulai pada baris baru, dan browser secara otomatis menambahkan beberapa spasi (margin) sebelum dan sesudah paragraf.

    Ada bagian-bagian di paragraf yang penting yaitu :
  1. Tag <hr> = membuat garis lurus secara horizontal.
  2. Tag <br> = membuat garis baru (spasi).
  3. Tag <pre> = apa yang ditulis di dalam akan sama dengan output.

Jangan Bingung, Segera Praktekkan!

Mudah-mudahan dengan memahami apa itu HTML rasa bingung kamu tentang membuat halaman web bisa sedikit berkurang ya!

Nih, saya kasih referensi kampus yang oke banget buat fokus ke pemograman web nama kampusnya adalah Sekolah Tinggi Teknologi Nurul Fikri (STT-NF). STT-NF saat ini sedang membuka penerimaan mahasiswa baru TA. 2021/2022. Yang memiliki dua program studi sudah terakreditasi B yaitu Sistem Informasi & Teknik Informatika. Ada peluang Beasiswa 100% full sampai lulus juga loh! Semoga bermanfaat.








Komentar

Posting Komentar

Postingan populer dari blog ini

Tutorial HTML

Gambar
Assalamualaikum warahmatullahi wabarakatuh Bahasa yang wajib dipelajari, bagi yang mau menjadi web developer adalah HTML. Apa itu HTML?      HTML merupakan singkatan dari Hyper Text Markup Language. HTML adalah sebuah bahasa standar untuk pembuatan halaman web. Dengan adanya HTML, kita dapat membedakan struktur yang tersusun dari sebuah halaman melalui tag atau elemen-elemen penyusunnya.      Elemen atau tag pada HTML dikenali oleh browser seperti google chrome, refox atau Ms Edge, dll. Browser tersebut mengidentikasi setiap elemen penyusun HTML dan ditampilkan sesuai karakteristik elemen tersebut. Contohnya sebuah elemen paragraph akan ditampilkan sebagai tulisan panjang, atau sebuah elemen pranala/link akan dicetak dengan warna biru dan ketika mouse mendekat kursornya berubah menjadi telunjuk, dsb. Contoh sebuah halaman HTML sederhana: < !DOCTYPE  html > < html > < head > < title > Judul Halaman < /title > < /head ...
Baca selengkapnya