Belajar Membuat HTML
HTML adalah singkatan dari Hyper Text Markup Language, HTML adalah kode atau bahasa yang digunakan untuk pembuatan situs web. Bila kita belum pernah membuat sebelumnya, kode ini mungkin terlihat rumit sekkali, namun yang Anda perlukanadalah hanya sebuah aplikasi edit teks biasa dan peramban internet.Bagi para bloger , saya yakin Anda sudah mengenali tentang kode HTML saat mengubah teks di forum internet, menyesuaikan profil internet, atau bahkan membuat sebuah artikel untuk postingan. atau anda setting tempelate dan tata letak blog anda pasti kenal dengan HTML.
HTML adalah alat bantu yang berguna bagi siapa saja yang menggunakan internet, dan untuk menguasai dasar-dasar HTML tidaklah sesulit yang kita bayangkan. bagi para pemula,mari kita berlajar bersama-sama untuk bisa menguasai HTML , sehingga kita akan lebih mudah berkreasi di blog kita.
Anda akan melihat peringatan bahwa dokumen Anda akan berubah menjadi "teks biasa" dan bukan "rich text," atau format khusus dan gambar tidak akan disimpan dengan benar. Ini tidak apa-apa; Dokumen HTML tidak menggunakan pilihan ini.Tidak ada perbedaan antara berkas .html dan .htm. Kedua format ini dapat bekerja.
2. Tampilkan dokumen dengan peramban internet. Simpan dokumen kosong, lalu cari ikon dokumen tersebut di komputer Anda dan klik dua kali untuk membukanya. Sebuah halaman web kosong akan terbuka di peramban. Jika tidak, tarik ikon dokumen tersebut ke baris URL (alamat) di peramban. Ketika mengedit dokumen HTML pada tutorial ini Anda dapat tetap memeriksa kembali dan melihat perubahan pada halaman web.
dengan menggunakan pasilitas pratinjau. Halaman tidak akan dapat diakses oleh orang lain dan Anda tidak memerlukan koneksi internet untuk menguji dokumen. Anda menggunakan peramban hanya untuk "membaca" dokumen HTML seolah-olah sebuah situs web.
3. Pahamilah tag markah. Tag markah tidak muncul pada halaman web seperti teks biasa. Sebaliknya tag markah memberi tahu peramban web bagaimana untuk menampilkan sebuah halaman dan isinya. "Tag awal" berisi instruksi. Sebagai contoh, tag dapat memberi tahu peramban untuk menampilkan teks tebal. Anda juga perlu sebuah "tag akhir" untuk memberi tahu peramban tahu tempat instruksi berlaku: pada contoh ini, semua teks antara tag awal dan tag akhir akan tampil tebal. Tag akhir juga ditulis di dalam sudut sudut, namun memiliki tambahan sebuah garis miring setelah tanda kurung buka.
Tuliskan tag awal di antara kurung sudut: Templat:purpletag awal di siniTemplat:purple
Tuliskan tag akhir di antara kurung sudut, dengan tambahan sebuah garis miring setelah tanda kurung buka: Templat:purpletag akhir di siniTemplat:purple)
Lanjutkan membaca untuk tahu cara menulis tag markah fungsional. Untuk langkah ini, Anda hanya perlu mengingat format dasar tag markah: <> dan </>
Jika Anda juga memiliki tutorial HTML lain, tutorial tersebut mungkin menyebutkan tag sebagai "elemen", dan teks di antara tag awal dan tag akhir sebagai "konten elemen."
4. Tuliskan tag <html> pertama Anda. Setiap dokumen html dimulai dengan sebuah tag Templat:purple dan diakhiri dengan sebuah tag Templat:purple. Kode ini memberi tahu peramban bahwa segala sesuatu antara tag ini adalah kode HTML. Tambahkan tag ini ke dokumen Anda:
Tuliskan <html> di bagian atas dokumen.
Tekan enter atau return beberapa kali untuk menambahkan spasi, lalu tuliskan </html>
Jangan lupa untuk menuliskan apa saja di antara kedua tag tersebut.
5. Isikan bagian <head> di dokumen. Di antara tag <html> dan </html>, tuliskan sebuah tag awal <head> dan sebuah tag akhir </head>. Tambahkan beberapa spasi di antaranya. Segala sesuatu yang berada di antara tag head akan ditampilkan pada halaman. Cobalah kode berikut dan lihat di mana kode ini akan muncul:
Di antara tag <head> dan </head>, tuliskan <title> dan </title>
Di antara tag <title> dan </title>, tuliskan Cara Belajar HTML - singkat.
Simpan dokumen lalu buka di peramban (atau simpan dokumen, lalu segarkan halaman peramban jika sudah terbuka.) Apakah Anda melihat kode tersebut di bagian atas peramban, di atas baris alamat?
6. Buatlah sebuah bagian <body>. Kode lainnya di dalam dokumen akan berada di bagian body, yang akan tampil pada halaman web. Tuliskan <body> dan </body> setelah tag akhir </head> namun sebelum tag </html>. Untuk kode lainnya di tutorial ini, semuanya harus dituliskan antara tag body tersebut. Dokumen Anda sekarang seharusnya terlihat seperti ini (abaikan tanda poin):
<html>
<head>
<title>Cara Belajar HTML - dengan cepat</title>
</head>
<body>
</body>
</html>
7. Tambahkan teks dalam berbagai gaya. Kini saatnya untuk menuliskan sesuatu yang benar-benar dapat dilihat di peramban! Apa pun yang Anda tuliskan di dalam tag body akan muncul di peramban setelah Anda menyimpan dokumen HTML dan menyegarkan halaman peramban. Jangan tuliskan apa pun dengan simbol < atau >, karena peramban Anda akan menafsirkannya sebagai instruksi HTML dan bukannya teks normal. Tuliskan Halo Dunia! (atau apa saja yang Anda suka), lalu tambahkan tag baru ini di sekitarnya dan lihat apa yang terjadi untuk masing-masing tag:
<em>Halo Dunia!</em> akan muncul sebagai "teks tegas:" Halo Dunia!
<strong>Halo Dunia!</strong> akan muncul sebagai "teks tebal:"Halo Dunia!
<s>Halo Dunia!</s> akan muncul sebagai teks dicoret: Halo Dunia!
<sup>Halo Dunia!</sup> akan muncul sebagai teks superskrip: Halo Dunia!
<sub>Halo Dunia!</sub> akan muncul sebagai teks subskrip: Halo Dunia!
Cobalah kombinasi berikut: Seperti apa <em><strong>Halo Dunia</strong></em> terlihat?
8. Bagilah teks menjadi beberapa paragraf. Jika Anda menuliskan beberapa baris teks dalam dokumen HTML, Anda mungkin melihat bahwa jeda baris tidak muncul di peramban. Anda harus menambahkan kode ini sendiri:
<p>Ini adalah paragraf terpisah.</p>
Kalimat ini diikuti oleh sebuah baris baru. <br>sebelum kalimat ini dimulai.
Ini adalah tag pertama Anda yang tidak perlu tag akhir! Tag ini disebut "tag kosong."
Buatlah judul untuk menampilkan nama-nama bagian:
<h1>teks header</h1>: header terbesar<h2>teks header</h2> (header level 2)
<h3>teks header</h3> (header level 3)
<h4>teks header</h4> (header level 4)
<h5>teks header</h5> (header terkecil)
9. Pelajari cara membuat daftar. Ada berbagai cara untuk menuliskan daftar pada halaman web. Cobalah jenis-jenis kode berikut untuk tahu mana yang Anda sukai. Perhatikan bahwa sepasang tag berada di sekitar seluruh daftar (seperti tag <ul> dan </ul> untuk "daftar tidak tersortir"), sedangkan item individual pada daftar dikelilingi oleh sepasang tag, seperti <li>dan</li>.
Gunakan kode ini untuk membuat daftar poin:
<ul><li>Salah satu item</li><li>Item lain</li><li>Item lain</li></ul>
Atau kode ini untuk membuat daftar bernomor:
<ol><li>Item 1</li><li>Item 2</li><li>Item 3</li></ol> Atau kode ini untuk membuat daftar definisi istilah:
<dl><dt>Coffee</dt><dd>- no money</dd><dt>Leite</dt><dd>- nong krong</dd></dl>
10. Ramaikan halaman dengan jeda baris, garis horizontal, dan gambar. Kini saatnya untuk menambahkan hal-hal selain teks ke halaman Anda. Cobalah tag berikut, atau klik tautan tersebut untuk informasi lebih lanjut. Anda harus menggunakan layanan hosting gambar internet agar bisa memiliki URL untuk tautan ke dalam tag gambar:
- Create a Line Break in HTML:
<br> - Make a Line in HTML:
<hr> - Menambahkan gambar:
<img src="url_gambar_animasi">
11. Tautkan ke tempat lain pada halaman yang sama. Anda juga dapat menggunakan kode ini untuk menautkan ke halaman dan situs web lain, namun karena Anda belum memiliki situs web, kita akan berfokus untuk membuat "jangkar", atau tempat-tempat tertentu pada halaman yang dapat Anda tautkan:
Pertama buatlah jangkar dengan tag <a> di titik pada halaman tempat tujuan tautan. Namai sebagai sesuatu yang deskriptif dan mudah diingat.:
<a name="Tips"> ini adalah teks untuk menempatkan jangkar.</a>
Gunakan <href> untuk menautkan ke jangkar tersebut atau ke halaman web lain:
<a href="url halaman web, atau nama jangkar di dalam halaman ini">Tuliskan teks atau gambar yang akan ditampilkan sebagai tautan di sini.</a>
Untuk menghubungkan ke sebuah jangkar pada halaman web lain, tambahkan tanda # setelah URL, diikuti dengan nama jangkar. Misalnya, http://nurdinonline.blogspot.com/Belajar-HTML#Tips akan menautkan ke bagian Tips di halaman ini
Sebenarnya masih banyak sumber lain yang bisa dijadikan referensi anda untuk belajar, dan semoga jika anda menemuikan dan membaca tutorial membuat HTML di blog saya akan menjadi manfaat yang besar untuk kiita semua.
Ŝêľāɱɚʈ ƁȅȊǟĴăŔ HTML
0 Response to "Belajar Membuat HTML"
Post a Comment