Dasar HTML

Mar 05, 2010 4 Comments by Nu

Saat mempelajar HTML, terdapat dasar HTML yang paling sering dipergunakan dalam penulisan HTML. Meliputi : HTML Headings, HTML Paragraphs, HTML Links dan HTML Images.

HTML Headings
Heading atau Judul ditulis menggunakan tag <h1>, <h2>, <h3>, <h4>, <h5> dan <h6>.

1
2
3
<h1>Judul</h1>
<h2>Judul</h2>
<h3>Judul</h3>

Coba contoh HTML diatas dengan HTML Editor.

HTML Paragraphs
Paragraf ditulis menggunakan tag <p>.

1
2
3
4
5
6
<p>Paragraf pertama</p>
<p>Paragraf kedua</p>
<p>Paragraf ketiga</p>
<p>Paragraf keempat</p>
<p>Paragraf kelima</p>
<p>Paragraf keenam</p>

Coba contoh HTML diatas dengan HTML Editor.

HTML Links
Links ditulis menggunakan tag <a>.

1
<a href="http://www.pemrograman.org/">Pemrograman.org</a>

Coba contoh HTML diatas dengan HTML Editor.

HTML Images
Gambar ditulis menggunakan tag <img>.

1
<img src="statx.jpg" width="738" height="327" />

Coba contoh HTML diatas dengan HTML Editor.

Sumber : Dasar HTML

HTML, XML, CSS
Nu

Tentang Penulis

Ayah tujuh anak, Mualaf, Golput

4 Responses to “Dasar HTML”

  1. Created Design says:

    maksih yah mas ats pencerahannya,,br tau arti simbol2x,,,selama ini cuman tau ngatur doang..makasi banyak

  2. learn html says:

    mas, heading yang baik untuk judul kira2 berapa ya, h1 atau h2 ??
    trimss…
    nice post…

    • Nu says:

      gini mas.. bukan masalah baik atau buruk mas…
      tapi ini masalah outline..
      untuk lebih jelasnya saya kasih contoh outline ya..

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      
      <h1>Komputer</h1>
      <p>Komputer saya terdiri dari software
      dan hardware.. bla.. bla.. bla..</p>
      <h2>Software</h2>
      <p>Software pendukung yang saya install
      adalah ms word, excel, php editor...
      bla.. bla..bla..</p>
      <h3>Ms Word</h3>
      <p>Ms word buat ngetik</p>
      <h2>Hardware</h2>
      <p>Cuma hardware murahan saja, monitor
      dengan layar datar, keyboard.. bla..
      bla..bla..</p>
      <h3>Monitor</h3>
      <p>Monitor flat asik buat nonton pilem</p>
      <h3>Keyboard</h3>
      <p>Keyboard saya; keyboard left hand,
      jadi saya ngetik cuma pakai
      tangan kiri aja</p>

      Contoh yang lain

      1
      2
      3
      4
      5
      6
      7
      8
      
      <h1>Dunia</h1>
      <h2>Indonesia</h2>
      <h3>DIY</h3>
      <h4>Kota Yogyakarta</h4>
      <h4>Kabupaten Bantul</h4>
      <h3>DKI Jakarta</h3>
      <h2>Kanada</h2>
      <h2>Mexico</h2>

      Semoga tercerahkan.. :)

Leave a Reply

You must be logged in to post a comment.