HTML (Hyper Text Markup Language) adalah bahasa pemrograman yang memungkinkan kita membuat halaman web untuk ditampilkan di dalam browser.
Nah, kini kita mulai dari langkah awal yaitu belajar bahasa HTML.
Belajar HTML ..?
saat ini, hampir semua dokumen web dibuat dengan bahasa HTML (Hypertext Mark-up Language). Meskipun anda bisa saja membuat web page (halaman web) tanpa mengerti sedikitpun HTML, yakni dengan menggunakan editor HTML berjenis WYSIWYG seperti Microsoft FrontPage, Adobe PageMill atau Netscape Composer, namun sangat disarankan bahkan nyaris diharuskan, agar anda mengerti bahasa HTML. Terutama agar anda bisa memanfaatkan secara optimal berbagai fasilitas browser dan mengingat sejumlah kelemahan yang terdapat pada editor WYSIWYG seperti di atas. Untuk itu langkah pertama bagi Anda yang bercita-cita memiliki website sendiri adalah belajar HTML.
HTML (Hypertext Markup Language) adalah bahasa program yang digunakan untuk menulis format dokumen yang dapat digunakan dalam Web. Dengan HTML, teks ASCII (file *.txt) dapat dipoles (di-mark-up) dengan kode-kode tertentu yang disebut tag untuk menjadi dokumen HTML (file *.htm atau *.html). Oleh karena itu, untuk membuat dokumen HTML, anda bisa menggunakan semua program teks editor biasa, mulai dari Notepad hingga MS Word. Untuk mudahnya, kita gunakan program Notepad. Bukalah program Notepad. Bila anda belum tahu caranya, klik Start > Programs > Accessories lalu Notepad. Sekarang ikutilah dengan seksama latihan-latihan berikut satu demi satu.
Pengenalan Kode HTML..?
sekarang waktunya anda langsung Belajar buat web dengan HTML..
yang pertama langkahnya buka program Notepad(aplikasi - all program - accesories - Notepad)
Dalam program Notepad anda, tulislah seperti ini:
<html>
<head><title>Ini adalah homepage pertamaku</title></head>
<body>
<p>Paragraf Pertama</p>
<p>Paragraf Kedua</p>
<p> Paragraf<br>Ketiga</p><hr>
<h1>Ini contoh heading 1</h1>
<h2>Ini contoh heading 2</h2>
</html>
SIMPAN.FILE -SAVE AS-dengan Nama:Latihan1.Html.
Masing-masing baris di atas disebut tag. Tag adalah kode yang digunakan untuk me-mark-up (memoles) teks ASCII menjadi file HTML. Setiap tag diapit dengan tanda kurung runcing. Ada tag pembuka yaitu dan ada tag penutup yaitu yang ditandai dengan tanda slash (garis miring) di depan awal tulisannya. Tag di atas memberikan faidah bahwa yang akan ditulis diantara kedua tag tersebut adalah isi dari dokumen HTML. Perlu anda ketahui bahwa tag-tag html dapat ditulis dengan huruf besar ataupun huruf kecil. Artinya, penulisan atau atau sama saja hasilnya. Namun perlu selalu diingat bahwa penulisan tag yang salah meskipun hanya satu karakter akan berpengaruh terhadap dokumen HTML anda, bahkan bisa berakibat dokumen HTML anda tidak bisa ditampilkan dalam browser.
Sekarang kita akan beralih pada tag selanjutnya. Tambahkanlah tag seperti berikut:
ini adalah koding untuk ukuran Huruf
<html>
<head><title>Ini adalah homepage pertamaku</title></head>
<body>
<p>Paragraf Pertama</p>
<p>Paragraf Kedua</p>
<p> Paragraf<br>Ketiga</p>
<hr>
<h1>Ini contoh heading 1</h1>
<h2>Ini contoh heading 2</h2>
<h4>Ini contoh heading 4</h4>
<h5>Ini contoh heading 5</h5>
<h6>Ini contoh heading 6</h6>
<hr>
<h3 align="left">Ini contoh heading 3 di kiri</h3>
<h3 align="center">Ini contoh heading 3 di tengah</h3>
<h3 align="right">Ini contoh heading 3 di kanan</h3>
<hr>
<!-- komentar ini tidak akan ditampilkan -->
</body>
</html>
SIMPAN.FILE -SAVE AS-dengan Nama:Latihan2.Html.
selanjutnya koding yang berisi link Html di dadalamnya:
<html>
<head>
<title>Ini adalah homepage pertamaku</title>
</head>
<body bgcolor="cornflowerblue" background="Blue hills.jpg">
<h1 style="color:#0000FF">Selamat Datang</h1>
<p>
Ini adalah homepage pertama saya, karena saya baru belajar tentang cara
membuat homepage.
</p>
<p>
Homepage ini masih dalam tahap pengembangan, oleh karena itu tampilannya
masih
terlalu sederhana.
</p>
<p>
Saya akan berusaha untuk terus memperbaiki homepage saya ini, sehingga
semakin lama
semakin menarik untuk dilihat.
</p>
<span style="font-weight:bold;"><a href=test.htm>Klik disini untuk melihat test.htm</a>-<br></span>
<span style="font-weight:bold;"><a href=format_teks.htm>Klik disini untuk melihat hasil pemformatan
teks</a><br></span>
<span style="font-weight:bold;"> <a href=preformatted.htm>Klik disini untuk melihat preformatted teks</a><br></span>
</body>
</html>
SIMPAN.FILE -SAVE AS-dengan Nama:Latihan3.Html.letak di folder yang anda tentukan.
setelah di simpan,masuk ke folder tadi,Dan Buka file latihan3.html yang telah anda simpan tadi ,dengan web browser.
*yang di bold merupakan koding untuk memasukan link.
jika berhasil tampilan web nya akan seperi di bawah ini:
begitu juga dengan latihan1.html serta latihan2.html,di buka dengan cara seperti di atas.
demikian kira2 contoh dasar awal program web menggunakan HTML dari saya,semoga bermanfaat bagi teman2 yang juga masih pemula seperti saya.
kok kebanyakan tulisan daripada script nya mas????
BalasHapusscript nya mana????bisa bikinin saya web gak???wkwkwkwkwkk.......