Selasa, 18 Januari 2011

Dasar-Dasar Membuat Web Dengan HTML


Dasar Dasar Membuat Web Dengan HTML web desain grafisNah, anda pasti sudah banyak melihat tutorial tutorial HTML yang ada di ilmuwebsite.com. Tapi, masih ada 1 kekurangan, tutorial HTML untuk tingkat pemula???
Nggak ada kan??? nah, maka dari itu, saya, C.H.I.P. Sensei, akan menjelaskan bagaimana website di bangun menggunakan tag-tag HTML, dan ini penulis sediakan untuk pemula. Tapi sebelum itu,  ada yang perlu diketahui.
tag <>
digunakan untuk menuliskan sintak, ada dua jenis, yaitu tag container dan tag biasa.
Tag container adalah tag yang berisi text yang akan ditampilkan setelah tag ditutup. Contoh: <td> text yang ditampilkan </td>.
Tag biasa, yahh...tag aja, contoh <BR> (break). <br> kaga perlu ditutup oleh tag </br>, tapi jika sintak yang digunakan tag container, contoh: <h1>, yah mesti ditutup dengan </h1>.
Tag yang digunakan untuk mengakhiri sintak punya karakter / (slash) sebelum sintaknya, contohnya: <td> </td>
Kita juga dapat mengetik attribut di dalam sebuah tag, contoh: <body bgcolor="red"> </body>. atau <input type="text">.
LANGKAH 1
  • MEMBUKA NOTEPAD.
LANGKAH 2
  • MENGETIKKAN SINTAK/SYNTAX.
Berikut ini adalah syntax dasar yang membentuk suatu HTML.
pertama, ketikkan
<html>
tekan enter, kemudian ketik
<head>
Dalam container head, kita bisa mengetikan beberapa sintak, tapi yang paling penting jangan lupa mengetikan sintak <title> judul halaman web </title>. Untuk sintak lain nanti saja.
Sekarang ketikkan sintak title tadi, jadi seperti ini:
<head> <title> judul halaman web </title> </head>
Kemudian ketikkan <body>. Tag body merupakan badan/tubuh/inti dari halaman web, tampilan web yang kita lihat itu berasal dari <body>.
Body tuh tag container, jadi mesti ditutup. Hasil sampai sekarang:
<html>
<head>
<title> Judul Halaman Web </title>
</head>
<body>
</body>

Selanjutnya bagaimana cara menampilkan tulisan ke dalam HTML??? Ketikan sembarang text ke dalam tag body, contohnya seperti ini :
<body>
Contoh text yang ditampilin di halaman web, By: C.H.I.P. Sensei
</body>
terus, jika sudah, ketikkan </html>, script lengkapnya seperti ini :
<html>
<head>
<title> Judul Halaman Web </title>
</head>
<body>
Contoh text yang ditampilkan di halaman web, By: C.H.I.P. Sensei
</body>
</html>
kalo udah, sekarang save dengan nama dasarHTML.
kalo udah disave, buka data yang tadi di save.

Pada bagian ini, kalian mungkin akan bingun,g karena html yang tadi disave dan cape cape diketikkan, ternyata gagal. Malah yang terbuka adalah file di notepad/wordpad. tau kenapa???
Karena ketika men-save, file tersebut di save dalem bentuk TXT, bukan HTML. Nah cara men-save dalem bentuk HTML yaitu: ketika mensave, ada satu tempat di bawah tempat kita menulis nama file,  yakni Save As Type. Silahkan ubah dari text document(*.txt) menjadi all files, ketika menulis nama, di akhir di berikan extensi .html, contoh: dasarHTML.html.

Sekian tutorial dari C.H.I.P. Sensei. Meskipun sedikit semoga bermanfaat untuk anda yang baru memulai membuat website menggunakan HTML.


Postingan yang mungkin berhubungan:
  1. Trik Membuat Submit Button dengan Image
    Oke, mungkin pada awalnya kebanyakan dari web developer pun pernah bertanya-tanya bagaimana membuat suatu image menjadi submit button dari suatu form. Dan fungsi seperti ini...
  2. Memperbaiki kode HTML dengan ekstensi php_tidy.dll
    sebagai seorang web programmer pasti kita pernah salah dalam menuliskan kode-kode HTML atau melewatkan beberapa tag HTML,Hal seperti ini biasanya terjadi jika kita bekerja dengan...
  3. Mengetik Realtime dengan Document Object Model
    Pada kesempatan kali  ini saya akan membawakan tutorial judulnya "Ngetik Realtimen dengan Document Object Model" maksudnya itu saat kita ngetik di input box,atau textarea hasil...
  4. Membuat Logo Pada Addres Bar
    Favicon adalah icon kecil yang ada di url address bar, bisa juga masuk dalam daftar bookmark jika kita mem bookmark suatu situs yang mempunyai Favicon,...
  5. Membuat Box Style Link Cantik ala dr.emi dengan CSS
    Jimanee nDesign box link cantik dengan menggunakan CSS ? Pernah liat page link nyang ada di :  http://www.dremi.info/tutorial/photoshop-forum.php ???nah bagian paging na gw pake CSS...

1 komentar:

Abbi... mengatakan...

gan bararingung
,bkina oge..

Posting Komentar

 
Powered by Blogger | Tested by Blogger Templates | Best Credit Cards