Senin, 25 Agustus 2014

Cie HTML

Ciiiyyyeee... yang mau belajar html, "emang html itu apa?" oh html itu, hubungan tanpa masa lalu bukan! maksudnya hypertext markup language ( HTML ) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. ( sumber : wikipedia )

Jadi html adalah dasar dari pembuatan website, "oh kalau mau membuat website harus ngerti html ya ?" yups benar! sebenarnya banyak sekali tag-tag yang ada didalam html, tapi gue kasih tau beberapa tag yang menurut gue penting aja yang terdapat dalam html dan berikut fungsinya.

1. Struktur HTML
struktur html - reza pratama
Struktur ini yang paling wajib kalau kalian ingin belajar html, jika kalian menggunakan aplikasi dreamweaver, struktur html tersebut udah ada di dalamnya, "kalau menggunakan aplikasi yang lain?" ya terpaksa harus mengetik sendiri dan itung-itung untuk menghafal.
<html>

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

  <body>
    ini adalah content website
  </body>

</html>

2. Title
title - reza pratama
Seperti umumnya title itu dalam bahasa indonesianya adalah judul, nah tag title ini berfungsi untuk memberi judul pada tab browser  seperti gambar diatas dan membedakan ketika kita membuka beberapa tab.
<title>Reza pratama</title>

3. Komentar
Tag komentar ini tidak dapat terbaca ditampilan website, tag ini hanya berfungsi untuk menandakan bagian-bagian tertentu pada tag html. Contohnya begini <!-- saya punya nenek, dia gaul sekali, saking gaulnya kalau beli beras bukan pakai kacamata minus tapi pakai kacamata hitam --> "katanya nggak kebaca?" itukan cuma contoh.
<!-- coba diketik aja, pasti nggak keliatan tulisannya -->

4. Body
Didalam struktur html sebelumnya tag body sudah tersedia, tapi bakal gue jelasin sedikit, tag body itu tempat dimana tag-tag html berkumpul, "maksudnya?" jadi penulisan tag-tag lainnya harus berada didalam tag body.
<body>
disinilah tag-tag html pada berkeliaran
</body>

5. B.I.U
bold, italic, underline - reza pratama
Apa tuh BIU ? merah, kuning, hijau dilangit yang biu ( nada pelangi-pelangi ), bukan ! BIU itu adalah B for Bold, I for Italic, U for Underline, "apa sih? makin nggak ngerti. bold itu apa?" bold itu adalah tulisan yang tecetak tebal, "kalau italic?" tulisan yang bergaya miring "underline?" itu tulisan yang mempunyai garis bawah. "oh begitu". Iya begitu, sama seperti toolbar di microsoft word, html juga memiliki itu makanya dari pada banyak nanya mending dicobain aja dulu tagnya.
<b>Pasti tulisannya tebal</b>
<i>jangan dimiring-miringin gitu ah</i>
<u>dikasih garis bawah aja deh</u>

6. BR 
Nggak semudah membuat baris baru seperti di microsoft word, di microsoft word membuat baris baru itu mudah dengan menakan keyboard enter masalah selesai, beda dengan html untuk membuat baris baru harus menggunakan tag BR ( line break ) seperti contoh dibawah ini dan masalah selesai.
1. dijilat<br.>
2. diputer<br.>
3. dicelupin<br.>
<!-- titiknya di ilangin aja, ngak perlu kok -->

7. Image
image - reza pratama
Bagaikan sayur tanpa garam, seperti halnya membuat website tanpa gambar, biar lebih berwarna dalam membuat website kita harus menggunakan gambar. Cara menggunakannya nggak susah kok, akan gue jelasin satu persatu dengan sesingkat-singkatnya.
a. itu adalah nama folder.
b. nama file gambarnya.
<img src="gambar/foto.jpg" />

8. Link
Mungkin udah pada tau link itu apa? link adalah tulisan/gambar yang jika diklik akan berganti kehalaman selanjutnya. Initnya link itu penghubung antar website pertama dengan website kedua. Inilah cara membuat link dalam html.
<a href="www.rezapratama.com"> Di klik aja gratis kok </a>

9. HR
HR ( horizontal rule ) berfungsi untuk membuat garis di dalam html. 
<hr>

10. Heading
Pernah lihat daftar isi dalam buku? "pernaaah..." nah seperti itulah headling, kumpulan kata yang mempunyai bagian judul dan sub judul. Cuma mengingatkan aja paling besar angkanya paling kecil objeknya.
<h1> Heading 1 </h1>
<h2> Heading 2 </h2>
<h3> Heading 3 </h3>
<h4> Heading 4 </h4>
<h5> Heading 5 </h5>
<h6> Heading 6 </h6>

Setelah memahami itu semua kalian harus simpan/save tag-tag tersebut dengan format html, "harus ya?" harus, kudu, mesti dan wajib supaya tag itu terbaca didalam browser, cara menyimpan dengan format html di dalam notepad ++ begini :
save html - reza pratama
1. Pilih menu file > save.
2. file name itu nama file, jadi terserah mau diisi apa.
3. Pilih save as typenya Hypertext Markup Language file ( *.html;*.htm;*.shtml;*.shtm;*.xhtml;*.hta)
4. Klik Button Save.
5. Setelah disave klik 2x untuk membuka filenya, dan file tersebut langsung diarahkan kebrowser kalian masing-masing, lihat apa yang terjadi ? Jeng jreeeng html sudah siap di hidangkan.

Sekian dulu tutorial html dari gue, mungkin kalau ada waktu lagi bakal gue bikin part selanjutnya dan jika kalian kurang mengerti pintu komentar terbuka lebar buat kalian, terimakasih. Baca juga : Program binery tree ( pohon biner )

Related Posts

Cie HTML
4/ 5
Oleh

Subscribe via email

Like the post above? Please subscribe to the latest posts directly via email.

19 komentar

Tulis komentar
avatar
7:10 AM

Bagus, ini basic buat yang suka web, HTML itu pokonya wajib dipahami.

Reply
avatar
4:09 PM

hahaha :D bener banget tuh sam

Reply
avatar
Anonim
9:36 PM

Gile, kangen nih gua pelajaran ginian. Hahaha :D

Reply
avatar
1:10 PM

kagen sama pelajaran apa kangen sama mantan ta ? :D

Reply
avatar
6:12 PM

Makasih. Ini berguna banget :) THX THX

Reply
avatar
9:16 PM

Haduuhh gak paham adek bang :/

Reply
avatar
1:18 PM

iya sama sama dul B-)

Reply
avatar
1:26 PM

dicoba aja dulu, pasti paham ~ enjoy B) :D

Reply
avatar
12:19 PM

Keren informasinya, kebangkan bro..

Reply
avatar
3:12 PM

Gambar terakhirnya OS-nya masih Windows XP nih...

Reply
avatar
6:13 PM

Coba ngedit Template blog ah ~

Reply
avatar
6:48 PM

haha windows 7 tema klasik bro :D

Reply
avatar
10:22 AM

Hahaha iya, gue pertama kali belajar ginian dari kaskus. Dan sekarang alhamdulilah, udah tetep belom bisa.

Reply
avatar
9:54 AM

keren bang makasih atas infonya (Y)

Reply
avatar
11:00 AM

sama-sama seneng bisa berbagi :)

Reply
avatar
11:01 AM

semangat bro, jangan menyerah dan tetep cool B)

Reply
avatar
9:07 AM

Akhirnya setelah belajar html dasar di sekolah, gua jadi pengen ngambil jurusan yang belajar tentang html dikuliaah :)

Reply

Silahkan berkomentar disini, dengan menggunakan kata-kata yang sopan. Tidak dibolehkan menyebar link dan komentar spam, Thanks.