PENDAHULUAN
Html singkatan dari hypertext markup language, merupakan program penulisan informasi sebuah homepage. Tulisan ini merupakan pendahuluan cara menulis dengan bahasa HTML. Banyak orang masih menuliskan bahasa HTML mempergunakan alat bantu seperti NotePad yang terdapat dalam Windows atau Simple Text Macintosh. Panduan ini akan menolong anda menulis HTML dengan lancar. Bahkan apabila anda cenderung tidak melakukan pengeditan HTML secara langsung dan hendak mempergunakan Editor HTML seperti Netscape Composer atau Amaya dari W3C atau Frontpage Express dari Microsoft, panduan ini akan semakin menolong anda dalam menulis HTML dengan program-program tersebut dan memungkinkan dokumen HTML buatan anda dapat diakses oleh berbagai jenis program browser. Setelah anda mempelajari dasar-dasar penulisan HTML, anda akan membutuhkan pelajaran bagaimana menambahkan sentuhan style mempergunakan CSS, dan penulisan HTML lanjut.
Saran : adalah cara yang baik dengan mempelajari bagaimana orang lain telah menuliskan kode-kode nya pada setiap halaman html. Untuk melakukan ini, klik menu "View" dan klik "Source". Cobalah lakukan langkah ini pada saat anda sedang membuka halaman html dokumen orang lain yang anda download atau copy dari internet. Dengan langkah ini maka anda akan melihat sendiri di layar monitor komputer anda berbagai kode yang dituliskan pada halaman html tersebut.
[edit] Menulis judul pada halaman homepage
Setiap dokumen HTML sebuah homepage perlu diberi judul. Berikut adalah tampilan pada saat anda melakukan perintah penulisan judul atau title :
Ubahlah teks "My first HTML document" dengan judul artikel anda. Penulisan judul biasanya dimulai dengan tanda tag
menambahkan sub-sub judul dan paragraphnya
Apabila anda telah biasa mempergunakan Microsoft Word, anda sudah biasa pula dengan model-model kodifikasi sub judul (heading) dengan tingkatan kepentingannya. Dalam bahasa HTML ada enam tingkat sub judul (heading). H1 adalah sub judul yang paling penting, H2 adalah sub judul yang agak kurang penting, begitu seterusnya sampai H6, yang paling sedikit kepentingannya..
Berikut adalah bagaimana caranya menambahkan sub judul (heading) :
An important heading
dan berikut adalah penulisan sub judul selanjutnya :
A slightly less important heading
Setiap paragraph yang anda tulis sebaiknya dimulai dengan sebuah kode tag
. Kode tag
hanya dipergunakan bila perlu. Kecuali pada penulisan sub judul biasanya diakhiri dengan kode tag . Contoh :This is the first paragraph.
This is the second paragraph.
menambahkan emphasis pada tulisan anda
Anda dapat menambahkan emphasis yang terdiri dari sebuah kata atau beberapa kata dengan menuliskan kode tag pada awal emphasisnya dan diakhiri dengan kode tag . Contoh
This is a really interesting topic!
menambahkan gambar (images)
Gambar (atau images) dapat ditambahkan kedalam halaman Web anda agar semakin informatif dan menolong penyampaian pesan anda. Cara sederhana untuk menambahkan sebuah gambar adalah dengan menggunakan kode tag
Lebar dan tinggi tidaklah terlalu penting akan tetapi ukuran gambar yang kecil akan menolong cepatnya tampilan halaman web anda diakses oleh orang lain di internet. Namun masih ada kekurangannya ! Orang lain yang tidak dapat melihat gambar anda, akan memerlukan deskripsi gambarnya. Anda dapat menambahkan deskripsinya dengan cara sebagai berikut :
Atribut alt dipergunakan untuk menuliskan perintah deskripsi singkat yaitu "My friend Peter". Untuk gambar-gambar yang kompleks, anda akan membutuhkan deskripsi yang lebih banyak. Misalkan perintah ini akan dituliskan dalam file "peter.html", anda dapat menambahkan atribut deskripsi yang panjang seperti dalam contoh berikut :
Anda dapat membuat gambar dengan beberapa cara, dapat dengan mempergunakan kamera digital, scanner, atau membuat gambar dengan program pembuatan gambar seperti Photoshop, Microsoft Photoeditor, LViewpro dll. Kebanyakan program browser dapat membaca format gambar GIF dan JPEG, program browser yang terbaru juga dapat membaca format PNG. Untuk mencegah lambatnya gambar anda diakses di internet sebaiknya anda menerapkan ukuran file gambar yang tidak terlalu besar.
Secara umum, format JPEG adalah format terbaik untuk fotografi dan memperhalus berbagai jenis gambar, sedangkan format GIF dan PNG baik untuk grafis seperti bidang datar berwarna, garis dan teks. Ketiga bentuk format itu memiliki kemampuan "progressive rendering" yaitu kemampuan mengirimkan gambar kasarnya terlebih dahulu dan kemudian dilanjutkan dengan menambahkan detailnya sampai gambar tersebut tampil seluruhnya dengan baik.
menambahkan link (tanda berhubungan) dengan halaman lainnya
Yang membuat Web demikian efektif adalah adanya kemampuan untuk membuat hubungan (link) dari satu halaman dengan halaman lainnya dan halaman lain yang berhubungan ini dapat dikerjakan cukup dengan satu kali klik saja.
Hubungan atau Link biasa ditulis dengan kode tag . Misalkan sebuah hubungan atau link hendak dibuat pada file "peter.html":
This a link to Peter's page.
Teks antara kode tag dengan kode tag adalah keterangan tentang hubungan atau link yang akan dibuat. Umumnya keterangan ini diberi garis bawah. Warna teks dan garis bawah dibuat berwarna biru.
Untuk membuat link ke tempat Web yang lain anda perlu menambahkan alamat internet Web selengkapnya (biasanya disebu URL), contoh untuk link ke www.w3c.org anda perlu menuliskan :
This is a link to W3C.
Anda dapat juga membuat gambar logo memiliki link ke halaman lain. Contoh penulisan berikut memungkinkan gambar logo anda dapat berhubungan dengan home page.
mempergunakan berbagai macam daftar (list)
