Ticker

6/recent/ticker-posts

Belajar Basic HTML (Hypertext Markup Languange)

Belajar Basic HTML (Hypertext Markup Languange)


Apa itu HTML
HTML(Hyper Text Markup Language) adalah sekumpulan simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk menampilkanhalaman pada web browser. Tag-tag tadi memberitahu browser bagaimana menampilkan halaman web dengan lengkap kepada pengguna. Tag-tag HTML selalu diawali dengan <x> dan diakhiri dengan </x> dimana x tag HTML seperti b, i, u dan sebagainya. Apa Saja Yang Dibutuhkan?
Untuk mempelajari HTML ini anda hanya memerlukan: 
Text Editor (Notepad, vi, emacs, dsb)
·         Web Browser (Internet Explorer, Opera, FireFox, dsb)
Hanya dengan bermodalkan dua software bawaan Windows itu saja anda sudah dapat membuat website. Namun Notepad memiliki kekurangan yaitu tidak memiliki syntax highlighting (pewarnaan kode) sehingga relatif cukup menyulitkan.
Untuk itu saya merekomendasikan pada anda untuk menggunakan Text Editor yang memiliki kelebihan memiliki banyak macam syntax highlighting mulai dari HTML, PHP, JAVA dan masih banyak lagi.


Struktur dasar HTML

<HTML>
<HEAD>
<TITLE>Judul Halaman Web</TITLE>
</HAD>
<BODY>
Isi Web
</BODY>
</HTML>

Keterangan :
      <html> </html> : mendefinisikan bahwa teks yang berada diantara kedua tag tersebut adalah file HTML.
      <head> </head> : mendefinisikan head dalam sebuah file HTML.
      <title> </title> : mendefinisikan judul yang hendak ditampilkan pada browser.
      <body>  </body>  :  mendefinisikan  teks  beserta  formatnya  yang  hendak  ditampilkan  sebagai  isi halaman web.

HEAD, TITLE DAN BODY


Head dan Title
Head dalam dokumen HTML berisi title atau judul dari dokumen yang dibuat. Artinya apabila menggunakan Head dalam suatu dokumen maka dokumen yang menyertai perintah tersebut, akan ditampilkan dibagian atas layar browser pada saat dokumen dieksekusi. Penulisan Head harus dikombinasikan dengan Title karena jika Head berdiri sendiri tidak akan berdampak apa-apa pada dokumen walaupun mengandung komponen Head.
Contoh :
<HTML>
<HEAD>
<TITLE>Bio’s Production</TITLE>
</HEAD>
</HTML>
Simpan dengan nama title.html


Body
Komponen body bisa dikombinasikan dengan komponen lainnya, contoh :
<HTML>
<HEAD>
<TITLE>Bio’s Production</TITLE>
</HEAD>
<BODY>
Production House "Pembuatan Company Profile"
</BODY>
</HTML>
Simpan dengan nama body.html



Ingin belajar lebih lanjut tentang Cara Membuat Headng, Break, Paragraf dan Style Dokumen silahkan klik disini.




Post a Comment

0 Comments