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:
    20 March 2010 at 02:22

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

  2. learn html says:
    26 October 2010 at 15:53

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

    • Nu says:
      27 March 2010 at 21:17

      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.