Tutorial HTML

Tutorial HTML

Thursday, March 12, 2015
Pendahuluan HTML



Apa itu HTML?

HTML adalah bahasa markup yang untuk menggambarkan dokumen web (halaman web).
  • HTML singkatan dari Hyper Text Markup Language
  • Bahasa markup adalah seperangkat dari markup tags
  • Dokumen HTML di jelaskan oleh HTML tags
  • Setiap teks HTML menjelaskan isi dokumen yang berbeda.



Contoh HTML


Sebuah dokumen HTML kecil:


<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>

<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>

</html>



Penjelasan Contoh
DOCTYPE deklarasi menefinisikan jenis dokumen menjadi HTML

    • Teks antara <html> dan </html> menggambarkan sebuah dokumen HTML
    • Teks antara <head> dan </head> memberikan informasi tentang dokumen
    • Teks antara <title> dan </title> memberikan judul untuk dokumen
    • Teks antara <body> dan </body> menggambarkan isi halaman yang terlihat
    • Teks antara <h1> dan </h1> menggambarkan sebuah judul
    • Teks antara <p> dan </p> mmenggambarkan sebuah paragraph
    Menggunakan deskripsi ini, web browser dapat menampilkan sebuah dokumen dengan judl dan paragraph.

    Tag HTML
    Tag HTML adalah kata kunci (nama tag) yang dikelilingi oleh kurung sudut:
    <tagname>konten</tagname>
      • Tag HTML biasanya berpasangan seperti <p> and </p>
      • Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir
      • Tag akhir ditulis seperti tag awal, tetapi dengan garis miring sebelum nama tag

      Web Browsers
      Tujuan dari web browser (Chrome, IE, Firefox, Safari) adalah untuk membaca dokumen HTML dan menampilkannya.
      Browser tidak menampilkan tag HTML, tetapi untuk bagaimana menampilkan dokumen:


      View in Browser
      Struktur HTML Halaman
      Di bawah ini adalah visualisasi dari struktur halaman HTML:
      <html>
      <head>
      <title>Page title</title>
      </head>
      <body>
      <h1>This is a heading</h1>
      <p>This is a paragraph.</p>
      <p>This is another paragraph.</p>
      </body>
      </html>

      Deklarasi <!DOCTYPE>
      Deklarasi <!DOCTYPE> membantu browser untuk menampilkan halaman web dengan benar.
      Ada jenis dokumen yang berbeda di web.
      Untuk menampilkan dokumen dengan benar, browser harus tahu kedua jenis dan versi.
      Deklarasi DOCTYPE tidak sensitif huruf. Semua kasus yang diterima:
      <!DOCTYPE html>

      <!DOCTYPE HTML>

      <!doctype html>

      <!Doctype Html>

      Deklarasi Umum
      HTML5
      <!DOCTYPE html>
      HTML 4.01
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
      XHTML 1.0
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


      Versi HTML
      Di web sejak awal, ada banyak versi HTML:

      Versi
      Tahun
      HTML
      1991
      HTML 2.0
      1995
      HTML 3.2
      1997
      HTML 4.01
      1999
      XHTML
      2000
      HTML5
      2014

      Share this :

      Unknown

      Next
      « Prev Post
      Previous
      Next Post »
      0 Komentar

      Penulisan markup di komentar
      • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
      • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
      • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
      • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
      • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
      • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
      • Kemudian parse kode tersebut pada kotak di bawah ini
      • © 2015 Simple SEO ✔

      Subscribe to: Post Comments (Atom)