HTML: Dasar HTML

Untuk memulai membuat HTML, ada beberapa hal yang perlu diketahui seperti:

  • Menutup semua tag yang terbuka
  • tag yang hanya memiliki satu bagian seperti  <BR> harus ditutup di akhir penulisannya seperti <br />
  • Memakai extension .html; Apabila memakai extension .htm tidak ada masalah, tetapi HTM lebih condong kepada halaman yang tanpa memiliki banyak isi, sedangkan kedepannya bisa saja yang kamu isi memiliki banyak isi. Tetapi tidak ada paksaan harus memakai extension HTML.
  • Usahakan menulis Tag dengan rapi, kadang memang lebih mudah menulis berantakan. Tetapi dengan rapi, kita bisa mudah memperbaiki tag tersebut.

HTML dasar yang perlu kamu ketahui terdiri dari

HTML HEADING.

HTML ditulis H1-H6 seperti berikut

<H1>HEADING SATU</H1>
<H2>HEADING DUA</H2>
<H3>HEADING TIGA</H3>
<H4>HEADING EMPAT</H4>
<H5>HEADING LIMA</H5>
<H6>HEADING ENAM</H6>

Hasil:

HEADING SATU

HEADING DUA

HEADING TIGA

HEADING EMPAT

HEADING LIMA
HEADING ENAM

H1-H3 ini biasa digunakan untuk JUDUL, sementara H4 biasa digunakan sebagai bagian dari tulisan/artikel.

HTML PARAGRAF

adalah HTML yang membuat tampilan seperti tampilan tulisan yang kita baca di web pada umumnya. Format penulisannya:

<p>Test tulisan

atau

<p>Test Tulisan</p>

disarankan memakai cara kedua, karena cara kedua sesuai standar dari HTML yang berlaku.

HTML GAMBAR

untuk memasukkan gambar, kita harus menggunakan penulisan sebagai berikut

<img src='gambar.jpg'>

Tetapi sangat disarankan untuk memakai

 <img src='gambar.jpg' />

Atribut tambahan dari gambar akan dibahas di tutorial tentang gambar di HTML.

HTML LINK

Halaman tidak sebaiknya berdiri sendiri, halaman seharusnya saling berkaitan / memiliki hubungan / link. Untuk membuat Link dapat memakai perintah

<a href=”google.com”>Link</a>

Ada beberapa kasus, dimana kamu bisa melakukan link di halaman yang sama (yang sedang aktif) . Gunakan perintah

<a href=”#tes”>menuju tes</a>


Pada tutorial berikutnya kita akan langsung membahas bagaimana seharusnya menulis elemen/tag di HTML

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: