sebenarnya aku pengen banget ngebahas html, akan tetapi yang saya pahami hanya html 4, sedangkan untuk kedepannya sebagian atribut di html 4 tidak akan berfungsi di html 5, ditambah lagi html 5 belum suport di semua browser(saya sarankan ganti browser anda dengan browser versi terbaru).
apa perbedaan antara html 4 dan 5?
- sebagian atribut pada html 4 tidak berfungsi lagi di html 5, sedangkan html 5 ada beberapa atribut yang di tambah.(intinya ialah hanya terletak pada pemambahan dan pengurangan atribut. Oia satu lagi, dalam penulisan html sangat disarankan menggunakan huruf kecil
Anda tidak perlu bingung sebab ketentuan dan cara penulisan html 4 dan 5 tetap sama.
berikut adalah aturan penulisan html;
- pada penulisan html selalu diapit oleh dua karakter yaituh buka kurung siku (<)dan tutup kurung siku (>)
- dalam penulisan html selalu berpasangan dimana tag penutup ditambahkan karakter /(garis miring) contoh <a> dan </a>, <div>
dan </div>
, <font> dan </font>, <b> dan </b> dan lain sebagainya - jika dalam suatu tag terdapat beberapa tag lagi, maka penulisan tag akhir tidak bleh bersilang dan harus berurutan, contoh <div><b> xxx </b> </div>
, <table><th> xxx </th> </table>
, <b><a> xxx </a></b>dan lain sebagainya, contoh yang salah;<div><b> xxx </div></b>
, <table><th> xxx </table></th>
, <b><a> xxx </b></a> - penulisan html diawali dengan <html> dan berakhiran </html>(khusus untuk blogger, abaikan aturan ini(jika hanya menambah widget)
- pada penulisan atribut, anda harus menambahkan karakter =(sama dengan) dan untuk nilai diapit oleh "(petik dua)
- berikut adalah cara menulis link html
- cara penulisan html gambar
- diawali dengan buka kurung siku <
- kemudian img
- masukkan atribut src="url lokasi gambar(extensi filenya antara lain jpg, png, gif) misal url gambar
- setelah memasukkan url gambar jangan lupa tambahkan karater petik dua "
- anda dapat menambah beberapa atribut lagi antara lain width="150px"(ukuran lebar gambar dalam pixel), height="140px"(ukuran tinggi gambar dalam pixex), alt="google"(keterangan gambar)
- jangan lupa tambahkan karakter > tutup kurung siku
- berikutnya ketik
- khusus; <img xxx="xxx" />(jika kosong) dapat disingkan menjadi seperti ini <img xxx="xxx" />
- maka penulisan htmlnya seperti ini; <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoPSYhrXPCwi-K3WzQTsPKIiI7niBmxz-YUIuJtWO5WafHv2xGqoFNUeK2XW6i2kklhe2vjklHcrFwt-U1rj-UHa88iVK25FuMjjqVC8kEtI9jrMAOH-UGH_klnQWu8b4jsF1XhHNeL7w/" width="150px" height="140px" alt="gambar google"/> sedangkan tampilan pada browser(firefox, internet explorer, opera, chrome, dsb) seperti ini
- kode link html adalah a
- penulisan html diawali dengan karakter <
- kemudian masukkan karakter a yang diikuti oleh beberapa atribut
- ketikkan atribut href kemudian = dan "
- setelah itu masukkan urlnya misal; http://blogger.com, yang diikuti oleh petik dua "
- anda dapat menambah atribut lagi diantaranya, title, target, rel
- setelah menambah beberapa atribut, jangan lupa tambahkan karakter tutup kurung siku >
- berikutnya ialah ketik karakter yang akan tampil pada browser, tentunya di sesuaikan dengan url, tadi kan http://bloger.com maka sebaiknya ketik blogger/sebenarnya anda bebas tulis apaan.
- berikutnya ketik lg buka kurung siku <
- kemudian garis miring /
- trus ketik lagi karakter a (tag html selalu berpasangan)
- trakhir tambahkan karakter tutup kurung siku >
- maka penulisannya seperti ini <a href="http://blogger.com">blogger.com</a> sedangkan tampilan pada browser seperti ini blogger
- cara penulisan html gambar
<a href="http://blogger.com/">
<img alt="gambar google" height="140px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoPSYhrXPCwi-K3WzQTsPKIiI7niBmxz-YUIuJtWO5WafHv2xGqoFNUeK2XW6i2kklhe2vjklHcrFwt-U1rj-UHa88iVK25FuMjjqVC8kEtI9jrMAOH-UGH_klnQWu8b4jsF1XhHNeL7w/" width="150px"/>
</a>
bersambung . . . . .
2komentar:
mas.. kalau untuk hasil tampilan di browser client berupa :
< (buka kurung) dan > (tutup kurung)
, kode htmlnya bagaimana ?
kirim jawaban via emailku dong ya...
mustopa2010@yahoo.com
Password errors are the most frequent obstacle faced by every client. To deal with password problems in Blockchain account, you can get a help from the administrators who are happy to serve you. You can reach them by dialing Blockchain number or dropping your queries via email.You can withdraw all your password problems to them and in return, you can get the plethora of solutions and remedies to fix the issue. You will be thrilled to know that they don’t charge a single penny and try to help you in every possible way.
Posting Komentar
Sudah bacanya? silakan berikan opini :)