Posted in Informatika

TUTORIAL HTML 1

Tutorial 1
Halo..
pada kali ini saya ingin membagi sedikit ilmu mengenai cara membuat  web menggunakan bahasa HTML.

untuk pertama-tama menggunakan notepad sudah cukup
sebelumnya anda harus tahu yang namanya
tag <>

digunakan untuk menuliskan sintak, ada dua jenis, yaitu container dan biasa.

Tag container adalah tag yang berisi text yang akan ditampilkan setelah tag ditutup. Contoh: <td> text yang ditampilkan </td>.
Tag yang digunakan untuk mengakhiri sintak punya karakter / (slash) sebelum sintaknya, contohnya: <td> </td>
Tag biasa, contoh <BR> (break). <br> tidak perlu ditutup oleh tag </br>

Kita juga dapat mengetik attribut di dalam sebuah tag, contoh: <body bgcolor=”red”> </body>.

buka notepad kemudian ketikkan kode berikut ini

<html>
<head>
<title><title>
</head>
<body>
</body>
</html>


Syntax diatas adalah dasar dari sebuah HTML.
jangan lupa !,setiap membuat suatu tag container baru misal <body> harus ditutup dengan </body>
berikut penjelasannya….
1. <html> adalah tag paling dasar untuk membuat sebuah web dengan HTML
2. <head> mendefinisikan head dari dokumen HTML biasanya berisi script.
3. <title> judul dari halaman web yang anda buat
4. </head> tag penutup dari head
5. <body> tempat kita menuliskan atau menampilkan web yang kita inginkan
6. </body>penutup tag body
7. </html> penutup tag html

untuk merubah tulisan pada tab halaman web anda (judul)
contoh:
<title>Coba judul html</title>

untuk menampilkan tulisan , ketikkan di antara tag <body> </body>
contoh
<body>

halo , ini adalah halaman web pertama saya!

</body>

save file ini dengan format .html caranya ketika save atau menekan ctrl+s
filenamenya langsung anda ubah menjadi .html misal : coba.html


sekian dulu dari saya semoga bermanfaat

nantikan tutorial selanjutnya…


-END-

                                                                                                                                                                                 

Advertisements

Author:

Insan biasa

2 thoughts on “TUTORIAL HTML 1

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