Mari Belajar HTML Dasar Untuk Pemula

HTML adalah kepanjangan dari Hypertext Markup Language. Semua halaman web di internet, dasarnya dari html. Jika sobat saat ini adalah sebagai pemula dalam mempelajari dasar-dasar HTML, sobat harus ingat bahwa HTML dirancang untuk membuat struktur dasar dari suatu halaman web. 
Calonseo
Namun jika sobat ingin  merubah tampilan seperti Background, warna text, efek dan sebuah tag lainnya, sobat bisa merubahnya dengan menggunakan CSS bukan langsung dari HTML.

HTML adalah file text murni yang dapat dibuat dengan text editor yang nantinya akan dikenal sebagai web page dan disajikan dalam web browser. Definisi elemen-elemen atau komponen dasar pembentukan HTML adalah :
head,body,table,paragraf,list

Elemen yang dibutuhkan untuk membuat suatu dokumen HTML dinyatakan dengan tag seperti dibawah ini:
<html>
<head>
<body>

Setiap dokumen terdiri atas tag head dan body. Elemen head berisi informasi tentang dokumen tersebut dan elemen body berisi text yang akan ditampilkan di browser.
Tag Head merupakan tag untuk menuliskan keterangan tentang dokumen HTML dan tidak akan ditampilkan di dalam browser. Seperti contoh dibawah ini:

<head>
<title>Belajar HTML</title>
</head>

Tag title merupakan tag yang digunakan untuk menuliskan judul dokumen HTML yang akan ditampilkan pada window caption browser. Lihat gambar dibawah ini:

Tag Body merupakan section dalam dokumen HTML yang nantinya akan ditampilkan di dalam browser. Seperti contoh dibawah ini:
<body>
Belajar HTML
</body>

Untuk menandakan text yang akan ditampilkan di dalam browser, yaitu menggunakan Heading yang terdiri dari 6 tingkat didalam HTML. Nomor satu adalah yang terbesar dan nomor enam adalah yang terkecil. Contoh seperti dibawah ini:
<body>
<h1>Belajar HTML<h1>
<h2>Belajar HTML<h2>
<h3>Belajar HTML<h3>
<h4>Belajar HTML<h4>
<h5>Belajar HTML<h5>
<h6>Belajar HTML<h6>
</body>

Heading biasanya digunakan untuk text judul didalam browser yang ditampilkan. Selain heading, tentu dibawahnya ada sebuah paragraf yang tampil dalam browser. Setiap paragraf harus dimulai dengan memberi tag pembuka dan tag penutup:
<p>

</p>

Lihat contoh lengkapnya dibawah ini:
<body>
<p>
Perkenalkan nama saya calonseo. Ini adalah paragraf pertama saya belajar HTML.
</p>
<p>
Hallo perkenalkan nama saya calonseo. Ini adalah paragraf kedua saya Belajar HTML.
</p>
</body

Jika disusun keseluruhan HTML diatas, maka akan seperti dibawah ini:
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
<h1>Belajar HTML</h1>
<p>
Perkenalkan nama saya calonseo. Ini adalah paragraf pertama saya Belajar HTML.
</p>
<p>
Hallo Perkenalkan nama saya calonseo. Ini adalah paragraf keduasaya belajar HTML.
</p>
<h2>Belajar HTML</h2>
<p>
Perkenalkan nama saya calonseo. Ini adalah paragraf pertama saya Belajar HTML.
</p>
<p>
Hallo Perkenalkan nama saya calonseo. Ini adalah paragraf keduasaya belajar HTML.
</p>
<h3>Belajar HTML</h3>
<p>
Perkenalkan nama saya calonseo. Ini adalah paragraf pertama saya Belajar HTML.
</p>
<p>
Hallo Perkenalkan nama saya calonseo. Ini adalah paragraf keduasaya belajar HTML.
</p>
<h4>Belajar HTML</h4>
<p>
Perkenalkan nama saya calonseo. Ini adalah paragraf pertama saya Belajar HTML.
</p>
<p>
Hallo Perkenalkan nama saya calonseo. Ini adalah paragraf keduasaya belajar HTML.
</p>
<h5>Belajar HTML</h5>
<p>
Perkenalkan nama saya calonseo. Ini adalah paragraf pertama saya Belajar HTML.
</p>
<p>
Hallo Perkenalkan nama saya calonseo. Ini adalah paragraf keduasaya belajar HTML.
</p>
<h6>Belajar HTML</h6>
<p>
Perkenalkan nama saya calonseo. Ini adalah paragraf pertama saya Belajar HTML.
</p>
<p>
Hallo Perkenalkan nama saya calonseo. Ini adalah paragraf keduasaya belajar HTML.
</p>
</body>
</html>

Maka hasilkan akan seperti gambar dibawah ini:


belajar-html

Baiklah sobat, mungkin sampai disini Belajar HTML Dasarnya. Nanti kita sambung lagi pada post selanjutnya.

Semoga bermanfaat dan jangan lupa untuk terus belajar dan mencoba segala hal yang ingin kita raih.

Terima kasih.

4 Responses to "Mari Belajar HTML Dasar Untuk Pemula"

  1. sangat bermanfaat gan salam dari www.aguskusuma.com

    ReplyDelete
    Replies
    1. Makasih gan sudah mampir...
      semoga bermanfaat yah

      Delete
  2. Masih bingung dalam mengatur kode <body> nya min . . susunan nya masih banyak yang belum di pelajari, tapi untuk pengaturan html nya mudah di pahami. Artikel nya juga sangat membantu,,

    Salam kami Roni.Site

    ReplyDelete
    Replies
    1. terima kasih gan sudah mampir, semoga bermanfaat yah

      Delete

Berkomentarlah dengan bijak dan sesuai artikel yang anda baca.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel