Thursday, May 2, 2019

Belajar HTML Mulai dari Dasar Hingga Mahir Tahap Pertama

  Thursday, May 02, 2019   , , , ,   2 comments   Edit
HTML5 | Wikipedia
BAGI kamu yang ingin membangun website, harus dimulai dengan mempelajari HTML.

HTML merupakan akronim dari Hyper Text Markup Language.

Dengan HTML kamu dapat membuat situs web kamu sendiri.

HTML adalah suatu metode untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen.

Namun HTML bukanlah sebuah bahasa pemrograman, melainkan 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).

Untuk lebih jelas mengenai HTML, baca: Sejarah HTML, Mulai dari Pembuatan Hingga Perkembangan Terkini

Tutorial ini bakal mengajarkan kamu segalanya tentang HTML secara berkelanjutan.

HTML mudah dipelajari, kamu akan menikmatinya.

Apa itu HTML?
  • HTML adalah bahasa markup untuk membuat halaman Web.
  • HTML mempertimbangkan struktur halaman Web menggunakan markup
  • Elemen HTML adalah blok membangun halaman HTML
  • Elemen HTML diwakili oleh tag
  • Tag HTML memberi label potongan konten seperti "heading", "paragraf", "table", dan sebagainya.
  • Browser tidak menampilkan tag HTML, tetapi digunakan untuk merender konten halaman.
HTML Sederhana

<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Tajuk Pertama Saya</h1>
<p>Paragraf pertama saya.</p>
</body>
</hyml>

Kode di atas dapat pindahkan ke notepad lalu disimpan dalam format htm atau html.

Misalnya diberi nama htmlsederhana.htm.

 Bila file tersebut dibuka, maka akan muncul tampilan seperti gambar di bawah ini:

HTML Sederhana | Shared-Sharing
Penjelasan Contoh di Atas

Berikut penjelasan dari HTML sederhana di atas:
  • Deklarasi <! DOCTYPE html> revisi dokumen ini sebagai HTML5
  • Elemen <html> adalah elemen root dari halaman HTML
  • Elemen <head> berisi informasi meta tentang dokumen
  • Elemen <title> menentukan judul dari dokumen
  • Elemen <body> berisi konten halaman yang terlihat
  • Elemen <h1> judul kontent dengan huruf besar
  • Elemen <p> mendefinisikan paragraf
Tag HTML

<nama tag awal>isi konten</nama tag akhir>

Tag HTML adalah nama tag yang diapit kurung sudut.

Tag HTML biasanya berpasangan seperti <p> ​​dan </p>.

Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir.

Tag akhir ditulis seperti tag awal, tetapi dengan garis miring dimasukkan sebelum nama tag.

Tag awal juga disebut tag pembuka, dan tag akhir adalah tag penutup.

Struktur Halaman HTML

Di bawah ini adalah visualisasi struktur halaman HTML:

Struktur Halaman HTML | Shared-Sharing
Sekadar diketahui, hanya konten di dalam bagian <body> (area putih di atas) </body> yang ditampilkan di browser.

Deklarasi <! DOCTYPE>

Deklarasi <! DOCTYPE> mewakili tipe dokumen, dan membantu browser untuk menampilkan halaman web dengan benar.

Deklarasi itu harus hanya muncul sekali, di bagian atas halaman (sebelum tag HTML apa pun).

Deklarasi <! DOCTYPE> tidak peka huruf besar-kecil.

Deklarasi <! DOCTYPE> untuk HTML5 adalah:

<!DOCTYPE html>

Hingga saat ini telah banyak versi HTML yang dirilis.

Untuk lebih jelas mengenai HTML, baca: Sejarah HTML, Mulai dari Pembuatan Hingga Perkembangan Terkini

Semoga artikel ini bermanfaat.

Nantikan tahap latihan selanjutnya hanya di Shared-sharing.

2 comments:

  1. Andrian AntoniusFebruary 29, 2020 at 1:01 PM

    Terima kasih kakak blog yang kakak buat sangat membantu saya dalam memahami html kakak dan terus berkarya terus kakak.
    Nim saya 1922500215 Nama saya andrian antonius link web kampus saya https://www.atmaluhur.ac.id

    ReplyDelete
    Replies
    1. Shared-SharingMarch 31, 2020 at 11:01 PM

      Terima kasih juga Adrian Antonius, semoga kamu berhasil dan dapat nilai sempurna dalam kuliah.

      Delete

Subscribe to: Post Comments (Atom)