contoh-htmlSebelum membahas contoh HTML, ada baiknya anda membaca pengertian html. Bahasa HTML pada umumnya diawali dengan <> dan diakhiri dengan </>. Contohnya; untuk membuat huruf bergaris bawah digunakan kode: <u> dan diakhriri dengan kode </u>. Jadi ketika kita menulis tulisan dibawah ini di HTML editor;
Saya sedang menulis <strong>contoh html</strong> untuk tugas kuliah teknologi informasi

maka yang muncul di browser internet adalah;

Saya sedang menulis contoh html untuk tugas kuliah teknologi informasi

Contoh HTML dasar

Kode HTML dasar yang digunakan untuk membuat sebuah halaman website adalah sebagai berikut:

 

<html>
<head>
<title>
ini adalah contoh title
</title>
</head>
<body>
ini adalah body html. body html adalah
tempat bersemayamnya segala tulisan,
gambar, dan informasi yang dibaca
oleh semua orang di internet.
secara umum, jika kita ingin menulis
apapun di situs kita, kita perlu
memasukkan tulisan tersebut
pada area body ini.
</body>
</html>

Contoh HTML yang tidak memerlukan buka tutup

Meskipun secara umum sebuah kode html memerlukan kode pembuka dan kode penutup, namun ada pula beberapa contoh HTML yang tidak memerlukan pembuka dan penutup. Contoh HTML tesebut antara lain;
<br> untuk membuat baris baru
sebuah paragraf yang ditulis dalam bahasa html, ketika tidak di beri tanda <br> maka tulisan tersebut akan tampil memanjang ke kanan dalam 1 baris. Ini tentu berbeda dengan tulisan di Microsoft word yang cukup menekan tombol enter dan baris baru akan terbentuk.
<hr> untuk membuat horizontal rule atau garis horizontal
Garis horizontal biasanya digunakan untuk memisahkan antara pembahasan bagian atas dengan penjelasan bagian bawah pada sebuah artikel.
Contoh HTML yang kangmoes bahas diatas adalah semacam menu pembuka bagi anda yang ingin sama-sama belajar tentang HTML. Pembahsan selanjutnya, mungkin kangmoes akan membahas contoh HTML yang lebih kompleks, tapi kangmoes ga janji ya:)?

Ingin Copy Paste?
Gunakan kode diatas untuk copy paste aman dan legal di blog anda. Lihat caranya

  • POpPy

    Kurang lengkap nih infonya..
    huh..
    :( ..


  • eca

    wah lumayan nii…mmm dari dasar bgt jadi ngerti..^^


  • Yoyo

    Waduh saya jadi lieur ..


  • ella

    contoh yg lbh bnyk lg dong…


  • fidah

    lebih luas lg dunk.. hehe


  • tya

    gimana cara membuat html 3 halaman????


    • Tomcat mandar

      hai tya..?


  • iPAY

    haaduuoohkkk…. ribett juga neh,,,, kalo asal asaln ttep jadi gg yah


  • Maria

    coba lebih lengkap lagi,
    buat html itu medianya pake pa ?notepad aja ?trims


  • sherly

    kykx info yg sd d sni blm trrlu lngkp & ap yg d cr blm ad d sni.

    tlng dng lbh d lngkapi.


  • sherly

    BUT BEFORE THNKS FOR YOR INFORMATION ABOUT HTML…

    ^_^


  • pjsjsj

    aaaaa


  • syifa nurriza

    ihhhh… gk bisa buat html


  • Sisto

    huhh..
    batugebe. hahahaha


  • @a_khoirudin

    B-) wahhh lumayan juga tuch bwt belajar….??


  • Avi Febri

    Kurang nihh,

    tambahin lgi dong


    • Tomcat mandar

      Tya kyknya cantik ne,
      pasang nor hp donk@


  • lazan xtg racing

    mas broo…
    tolong donk cariin contoh html yg pakek kolom mas…
    kurang lengkap puk masbroo..


  • alfian

    kok segitu tok contohnya ?

    contoh yang link ada nggak ?


  • dhiky kurnia

    saya gk perlu ngomen,, sya kpengen di kasih tau crax n d ajarin html


    • Ilham risalo

      Untuk pemula agar bisa.
      1. dlm setiap hari harus ad waktu minimal 20 menit tiap latihan.
      2. beljr html itu gampang aj, lngsung buka notepad ato yg lainnya seperti codelobster,komodo edit,htmlPad,dreamweaver, dll.
      3.tag dasar html yg membangun web adalah

      Judul halaman

      isi

      4.tag-tag hatml utama yg akan sering di temui:
      a. table b. warna. c. parangraf
      d. frame e. div (pembagian area)

      munkin hanya itu yg bsa sy bagikan..
      yg lain bsa membantu juga!


  • jido

    bagus ni…


  • kongxi

    aku ingin lebih detail lg cara penhelasan HTML nya


  • ismail hajar

    ya lmyn ngrti, cuman kurang banyak.,,..,


  • ed di dot

    Thanks…….sangat membantu sekali…….moga sukses ya…..


  • Tajuddin

    gan tolong buatin contoh buat HTML dinamis pliss beserta caranya mke MySQL Pliss banget bang


  • eka mutiara sanjaya

    lumayan niii,,,, hmmmm share info yang laen ,,, ditunggu brew .. tq


  • sony

    Artikel yang sangat membantu


  • ardi

    contoh nya yang lebih banyak lagi donk ,, ,,


  • Lisa Apriany

    tolong buatin cotoh surat lamaran pekerjaan. menggunakan html dong?


  • Zulkifli

    infonya sangat bermanfaat, terima kasih.


  • khasanah

    makasih infonya lam kenal….


  • adil

    masih mau di tambah infonya


  • nasir

    Kang diperbanyak lagi yaa, biar nambah manfaat ilmunya,,
    Hatur nuhun,


  • feri sandria

    Terima kasih atas ilmunya…..


  • geo

    tambah lagi dong infonya :)


  • udin

    mantap coyy


  • yehezkiel enembe

    bagimana cara yang baik, supaya seorang yang awam tentang programer seperti saya dapat menjadi seorang programer yang andal…


  • Fredy Steven Sitompul

    bisa di tambah lgi gk info html nya?


  • Aria

    kurang membantu impomasi nyaaaaaaaaaaaaaa


  • Aria pradan

    kurang lemngkappppppppppp,,, impor masi nya


  • rahmat

    Bagaimana jika masalah tidak terpecahkan, misal HTML tidak dapat berpungsi dan tidak bisa di gunakan dalam Blog