Sunday, March 1, 2015

html

---
Asas HTML Untuk Hybrid Apps Development
HTML Basics for Hybrid Apps Development
1) HTML adalah singkatan kepada Hyper Text Markup Language. Hyper bermaksud lompat, iaitu apabila pembaca mengklik elemen Hyper Text yang terdapat pada sesebuah laman web, dia akan "melompat" ke laman web yang lain.
2) HTML5 bermaksud HTML versi 5. Dalam versi ini, bahasa HTML telah disesuaikan untuk paparan dalam pelbagai peranti (device) dan ia juga menyokong elemen multimedia seperti audio, video dan animasi. Ringkasnya bahasa HTML menjadi lebih dinamik.
3) Struktur asas HTML adalah seperti berikut
sample.html
ini adalah penanda HTML versi 5
tag penanda dokumen html
tag penanda bahagian
  Page Titletag penanda untuk </span></p> <p class="c3 c1" style="font-size: 11pt; font-family: Arial; line-height: 1.15; padding-top: 0pt; padding-bottom: 0pt; widows: 2; orphans: 2; direction: ltr;"> <span class="c0" style="vertical-align: baseline; font-size: 11pt;"></head></span></p> <p class="c3 c1 c5" style="font-size: 11pt; font-family: Arial; line-height: 1.15; padding-top: 0pt; padding-bottom: 0pt; widows: 2; orphans: 2; direction: ltr; height: 11pt;"> <span class="c0" style="vertical-align: baseline; font-size: 11pt;"></span></p> <p class="c3 c1" style="font-size: 11pt; font-family: Arial; line-height: 1.15; padding-top: 0pt; padding-bottom: 0pt; widows: 2; orphans: 2; direction: ltr;"> <body> - <span class="c4" style="vertical-align: baseline; color: rgb(255, 0, 0); font-size: 11pt;">tag penanda untuk bahagian <body></span></p> <p class="c3 c1" style="font-size: 11pt; font-family: Arial; line-height: 1.15; padding-top: 0pt; padding-bottom: 0pt; widows: 2; orphans: 2; direction: ltr;">   <h1> This is a Heading</h1> - <span class="c4" style="vertical-align: baseline; color: rgb(255, 0, 0); font-size: 11pt;">tag untuk <heading></span></p> <p class="c3 c1" style="font-size: 11pt; font-family: Arial; line-height: 1.15; padding-top: 0pt; padding-bottom: 0pt; widows: 2; orphans: 2; direction: ltr;">   <p> This is a paragraph.</p> - <span class="c4" style="vertical-align: baseline; color: rgb(255, 0, 0); font-size: 11pt;">tag untuk <paragraph></span></p> <p class="c3 c1" style="font-size: 11pt; font-family: Arial; line-height: 1.15; padding-top: 0pt; padding-bottom: 0pt; widows: 2; orphans: 2; direction: ltr;"> <span class="c0" style="vertical-align: baseline; font-size: 11pt;"></body></span></p> <p class="c3 c1 c5" style="font-size: 11pt; font-family: Arial; line-height: 1.15; padding-top: 0pt; padding-bottom: 0pt; widows: 2; orphans: 2; direction: ltr; height: 11pt;"> <span class="c0" style="vertical-align: baseline; font-size: 11pt;"></span></p> <p class="c1 c3" style="font-size: 11pt; font-family: Arial; line-height: 1.15; padding-top: 0pt; padding-bottom: 0pt; widows: 2; orphans: 2; direction: ltr;"> <span class="c0" style="vertical-align: baseline; font-size: 11pt;"></html></span></p> <p class="c5 c11" style="font-size: 11pt; font-family: Arial; line-height: 1; padding-top: 0pt; direction: ltr; padding-bottom: 0pt; height: 11pt;"> <span class="c0" style="vertical-align: baseline; font-size: 11pt;"></span></p> </td></tr> </tbody></table> <p class="c1 c5" style="font-size: 11pt; font-family: Arial; widows: 2; orphans: 2; direction: ltr; height: 11pt;"> </p> <p class="c1 c5" style="font-size: 11pt; font-family: Arial; widows: 2; orphans: 2; direction: ltr; height: 11pt;"> </p> <p class="c1 c5" style="font-size: 11pt; font-family: Arial; widows: 2; orphans: 2; direction: ltr; height: 11pt;"> </p> <p class="c1 c5" style="font-size: 11pt; font-family: Arial; widows: 2; orphans: 2; direction: ltr; height: 11pt;"> </p> </div> <div id="footer" style="padding: 10px; border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; font-family: arial, sans, sans-serif; background: rgb(240, 240, 240);"> Published by <a target="_blank" title="Learn more about Google Drive" href="https://docs.google.com/">Google Drive</a><span class="dash" style="padding: 0px 6px;">–</span><a href="https://docs.google.com/abuse?id=12OJaPrMMDll4N_m0Km3UnHWa7EBBKaotaAoVOIXoidQ">Report Abuse</a><span class="dash" style="padding: 0px 6px;">–</span>Updated automatically every 5 minuteshtml</div> <p> ---</p>
Read More