Selasa, 08 Juli 2014

Mengenal HTML

       HTML adalah singkatan dari HiperText Markup Language,HTML adalah bahasa pemrograman web yang menampilkan tampilan dokumen yang anda lihat di browser,tak peduli halaman web tersebut dibuat dengan bahasa pemrograman PHP,JSP,ASPX,atau coldfusion,hasil tampilan yang di lihat di browser tetap saja merupakan HTML.
       HTML awalnya hanya di design sebagai bahasa untuk pertukaran dokumen teknis dan saintifik. Karena itu html di design secara sederhana,HTML dapat di pahami dengan mudah untuk membuat dokumen sederhana.Dalam waktu yang singkat kini HTML telah populer dan di kuasai banyak orang untuk membuat halaman web.
       HTML adalah dokumen sederhana untuk menampilkan teks dan juga halaman gambar.dokumen HTML selalu di awali dengan tag dan di akhiri dengan tag dan di semua tag selalu di awali dengan tag dalam tanda <"tag"> dan di akhiri dengan tanda </"tag">.
      Contoh : Buka notepad lalu ketik script di bawah ini:

<!DOCTYPE html>
<html>
<head>
<title> belajar html</title>
</head>
<body>
HELLO WORLD!!
</body>
</html>

 save as all file.lalu beri nama belajar.html,dan file anda ini akan tersimpan sebagai file html.
setelah itu buka file anda menggunakan browser,dan akan terlihat tampilan script HTML anda.

<!DOCTYPE html> merupakan sebuah komentar,yang memberi tahu kita kalau dokumen tersebut di tulis dalam bahasa
HTML.dan ini tidak di eksekusi oleh browser.Dalam setiap bahasa pemrograman selalu di sediakan fasilitas untuk
memberikan komentar.Komentar ini berfungsi sebagai penanda atau sebuah keterangan singkat dari program yang kita
tulis agar mudah di baca orang lain atau kita sendiri di kemudian hari.Dan html menyediakan fasilitas komentar
dengan tag <!"komentar">,

<html> merupakan tag untuk menandai awal dari dokumen html anda.dan di akhiri</html> dokumen html anda harus
berada di dalam tag <html></html>.
<head> merupakan tag untuk heading yang dapat anda isi dengan <title>judul</title> dan akan di tampilkan
di atas tab browser anda.
<body>adalah halaman web sepenuhnya.
       Tampilan yang di suguhkan dalam file html anda ini dalam browser hanya tulisan "HELLO WORD!!" dengan background berwarna
putih dan tulisan berwarna hitam,dengan judul dalam tab browser anda adalah "belajar html",jangan khawatir kita akan
mempelajari lebih lanjut tentang penataan tampilan halaman web,namun sebelumnya kita harus menghafal dan mengetahui/memahami
terlebih dahulu,tag-tag dalam html.
       Untuk memahaminya anda perlu menulis ulang semua script dan melihat hasilnya sendiri,supaya anda lebih cepat memahaminya.
dan ini merupakan beberapa tag standar dalam html.

"saya anjurkan untuk tidak copy paste,supaya anda terbiasa dalam penulisan script,tulis dalam notepad lalu simpan sebagai file html
lalu buka dengan browser anda"

 

HEADING


       Tag heading dalam HTML:
<!DOCTYPE html>
<html>
<head>
<title>heading</title>
</head>
<body>
<h1>HEADING</h1>
<h2>HEADING</h2>
<h3>HEADING</h3>
<h4>HEADING</h4>
<h5>HEaDING</h5>
<h6>HEADING</h6>
<h7>HEADING</h7>
</body>
</html>
 
 

Penegasan tulisan dan decorasi


<!DOCTYPE html>
<html>
<head>
<title>decorasi teks</title>
</head>
<body>
<h1> penegasan tulisan </h1>
<strong>ini adalah tulisan strong</strong>
<h2> penulisan italic</h2>
<i>ini adalah tulisan italic</i>
<h2>penulisan bold</h2>
<b>ini adalah tulisan bold</b>
<h2>penulisan dengan underline</h2>
<u>ini adalah tulisan dengan underline</u>
</body>
</html>


Untuk tag-tag selanjutnya akan kita bahas pada postingan selanjutnya..
terimakasih

0 komentar:

Posting Komentar