{"id":31,"date":"2009-02-18T14:04:23","date_gmt":"2009-02-18T14:04:23","guid":{"rendered":"http:\/\/syarman.com\/soft\/?p=31"},"modified":"2009-02-18T14:05:53","modified_gmt":"2009-02-18T14:05:53","slug":"hypertext-markup-language-html","status":"publish","type":"post","link":"http:\/\/syarman.com\/soft\/2009\/02\/18\/hypertext-markup-language-html\/","title":{"rendered":"Hypertext Markup Language (HTML)"},"content":{"rendered":"

Hypertext Markup Language <\/em>atau lebih dikenali sebagai html merupakan kod-kod aturcara yang difahami oleh pelayar(browser<\/em>). Editor yang aku gunakan adalah Notepad++(muat turun disini<\/a>). Ianya percuma.<\/p>\n

Kebiasaannya tag-tag html mempunyai pembukaan dan penutupnya, sebagai contoh <p><\/p>, <div><\/div>, <table><\/table> dan juga <code><\/code>. Sungguhpun begitu masih ada tag-tag html yang hanya mempunyai penutup sebegini \/>. Contoh, <br \/> dan <hr \/>.<\/p>\n

Artikel kali hanya akan menerangkan perkaa asas yang perlu ada untuk membina satu muka laman web. Setiap kod-kod\/tag-tag html haruslah berada didalam <html><\/html>. Keseluruhan stuktur <html><\/html> ini pula terbahagi kepada dua, iaitu kepala (<head><\/head>) dan juga badan (<body><\/body>).<\/p>\n

Segala isi kandungan sesebuah laman web haruslah diletakkan di bahagian badan(body<\/em>). Sekiranya\u00a0kamu meletak sesuatu dibahagian kepala(head<\/em>), ia tidakkan memaparkan maklumat tersebut pada pelayar kamu.<\/p>\n

Kod aturcara dibawah mungkin dapat memahami apa yang aku maksudkan.<\/p>\n

\r\n<html>\r\n    <head>\r\n        <title>\r\n            Laman Web Pertama Saya\r\n        <\/title>\r\n    <\/head>\r\n    <body>\r\n        <p>\r\n            Salam Dunia!\r\n        <\/p>\r\n        <p>\r\n            <h1>Salam Dunia H1<\/h1>\r\n            <h6>Salam Dunia H6<\/h6>\r\n        <\/p>\r\n        <p>\r\n            Sini mulanya <br \/> sini tamatnya.\r\n        <\/p>\r\n    <\/body>\r\n<\/html>\r\n<\/pre>\n
Hasil dari kod-kod aturcara diatas, inilah hasilnya.<\/p>\n
\"lamanweb\"<\/a><\/p>\n
Laman web terbaik untuk merujuk perkara berkaitan html ini adalah http:\/\/www.w3schools.com\/<\/a>. Setiap fail html mestilah disimpan(save<\/em>) sebagai .html atau .htm<\/p>\n
Untuk melihat hasil kerja kamu, kamu boleh menggunakan pelayar yang biasa kamu gunakan.<\/p>\n","protected":false},"excerpt":{"rendered":"
Hypertext Markup Language atau lebih dikenali sebagai html merupakan kod-kod aturcara yang difahami oleh pelayar(browser). Editor yang aku gunakan adalah Notepad++(muat turun disini). Ianya percuma. Kebiasaannya tag-tag html mempunyai pembukaan dan penutupnya, sebagai contoh <p><\/p>, <div><\/div>, <table><\/table> dan juga <code><\/code>. Sungguhpun begitu masih ada tag-tag html yang hanya mempunyai penutup sebegini \/>. Contoh, <br \/> […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,11],"tags":[],"class_list":["post-31","post","type-post","status-publish","format-standard","hentry","category-code","category-html"],"_links":{"self":[{"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/posts\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":2,"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/posts\/31\/revisions"}],"predecessor-version":[{"id":34,"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/posts\/31\/revisions\/34"}],"wp:attachment":[{"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/media?parent=31"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/categories?post=31"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/tags?post=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}