Tuesday, March 30, 2010

HTML - Part 1

this is my first tutorial, i would like to share about HTML. Hmm. . . I will write my tutorial in 2 language, English and Indonesia. Okay,lets start this tutorial!!


What is HTML??
  • ¤ HTML stands for Hyper Text Markup Language
  • ¤ It Use for make a web pages
  • ¤ HTML have a tags called HTML tags
    • • surrounded by angle brackets. Ex : <html>
    • • there are 2 types of tags :: opening tag and closing tags. once you make the opening tag don't forget to make a closing tag.
      Ex : <html> </html>

How to make a HTML document?

1. Open your notepad or text editor. [You don't need any special HTML editor.]
2. Type this text below :

<html>
<head>
<title>My First HTML</title>
</head>

<body>
<h1>how easy to make a HTML</h1>
</body>
</html>

3. Save as "example.html"
4. After you finish typing the text above, you can double-click on the example.html and see your first web pages


Description
¤ <html></html> it makes a browser can recognize that the document is a HTML document.
¤ <head></head> header of HTML document
¤ <title></title> title of web pages.
¤ <body></body> the visible page content such as : image, text, link
¤ <h1></h1> is a heading element. you can learn about HTML element on the next tutorial.




apakah HTML itu??
  • ¤ HTML adalah singkatan dari Hyper Text Markup Language
  • ¤ digunakan untuk membuat halaman web
  • ¤ HTML mempunyai sebuah tag yang dinamakan HTML tag
    • • diapit dengan kurung lancip. Ex : <html>
    • • terdapat 2 jenis tag :: tag pembuka dan tag penutup. sekali anda membuat tag pembuka, jangan lupa untuk membuat tag penutupnya.
      Ex : <html> </html>

Bagaimana untuk membuat dokumen HTML?

1. Bukanlah notepad atau text editor anda.[Anda tidak membutuhkan HTML editor khusus]
2. Ketikan text di bawah ini :

<html>
<head>
<title>HTML pertamaku</title>
</head>

<body>
<h1>betapa mudahnya membuat HTML</h1>
</body>
</html>

3. Save as "example.html"
4. Setelah anda selesai mengetikan text di atas, anda bisa men-double-click pada example.html dan melihat halaman web pertama anda


Description
¤ <html></html> membuat browser mengenali bahwa dokumen tersebut adalah dokumen HTML.
¤ <head></head> header dari dokumen HTML
¤ <title></title> Judul dari halaman web anda.
¤ <body></body> isi dari halaman web anda, misalnya : image, text, link.
¤ <h1></h1> adalah heading elemen. anda bisa mempelajari lebih lanjut mengenai elemen pada HTML pada tutorial berikutnya.


See you on the next tutorial. . .

9 comments:

  1. wew.. bagus..

    tapi jangan lupa ada tag yang gak ada tag tutupnya.. contoh: tag "input", "br", "hr" juga.. hehe

    ReplyDelete
  2. hmm. . . oh iya ada tag tanpa penutup.

    ehem. . .

    makasi cc

    ReplyDelete
  3. woow seep2 nice gan....
    klo isa kedepannya materinya yg lebih "IMBA" lagi gan.....
    awal yang baik...

    LANJUTKANNNnnnnnnn

    ReplyDelete
  4. @eng'z owkay. . . thx

    @bay the way hmm besok2 aja klo yang itu. . .:D

    ReplyDelete
  5. yeah!!!
    kalo bisa ditampilin outputnya sekalian gapapa ^^

    ReplyDelete
  6. @willi thanks

    @nazZzz iya. . . di part 2 ada outputnya :D

    ReplyDelete