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 Title - tag 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>
|
