HTML version 5 Kisinna


Thumapui

HTML ahileh World Wide Web (www) bawl khettu Sir Tim Berners-Lee in 1990 a ana bawl doh ahi.
HTML ahileh internet (web page) gel na dia khuampi poimo pen ahi.
A gawm in khuampi 3 leh 4 bang gen thei ding um a, a maute ahi leh:

Tulai tah in html version 5 ki zang pen hi. Tami html ahileh, internet (web page) adia
a khuam pi maimai hilou in, a zungpi (foundation) petma ahi.

Inn lam dan toh tekhin ta lei, HTML, CSS, JavaScript ahisihleh PHP chite akibat lou dan tam bang ahi:

HTML pen a inn zungpi ahia
CSS inn cheina bang ahia
PHP ahisihleh JavaScript ahi uleh inn sung vanzat poimo te bang ahi.


HTML Zilna dia Kisamte

HTML zilna dia kisam vanzat poimo 2 a um a, amaute ahileh:

Windows OS (operating system) adin Notepad install ngai sese lou a, a um sa ahi. Apple iMac zang ten
tami website apat VSCode na download thei ding uhi. Windows OS zang te'n zong
ut leh VS Code download a, install thei veve ahi. Notepad sang in VS Code pen Text Editor hoi zaw leh sil bawlthei zaw ahi.


HTML version zil pan ta ni

HTML gelh thei na dia ngaidan poimo pen ahileh <html> tag ahia, html tag kigelh dan
tam anaui ah en in:
Screen shot of html5 structure
HTML document na gelh chiang a, line masa penpen ahi leh "document type declaration" ahia, hi chin na gelh ding hi: <!DOCTYPE html>

HTML tag poimo dang khat ahi leh <html> opening tag leh </html> closing tag. HTML tag te chi ni in kikhen thei hi:

Aban ah, Container Tag poimo khen khat te ahileh <head> tag, <title> tag, <body> tag, heading tag, paragraph <p>tag, <link> tag, leh tag dang dang.
Atung a html code pen a file min ding in index.html i chi ding a, Documents folder sung ah i save ding hi. Tun index.html file double click le chin, na browser (eg., Google Chrome) sung ah a hing ki hong ding hi. A ki hon lou zenzen leh, na Chrome browser (ahi sihleh, browser khat photphot) hong in la, Control + O (Windows OS) ahi kei leh Command + O shortcut key te toh index.html file hong in. Na html file output ah tami na mu ding hi:

Hello world!

Container tag <body> </body> kikal a content na gelh teng maimai browser ah a suah thei ding hi. Container tag <head> </head> a code na gelh te browser ah hing suah lou ding hi. Hinanleh, title tag sung a thu kigelh te screen tung, veilsm ning ah akilang hamham ding hi.



HTML Headings

HTML in heading tag 1 apat 6 tan anei a, heading lian penpen heading level 1 <h1> ahia, heading neu penpen
te ahileh heading level 6 <h6> ahi. HTML file ah heading 6 umte suah sah theina din, tami a nuai
a bang in html file sung ah kigelh hi.

Heading 1 to 6 in html

HTML file sung ah, a tung a bang html code na gelh leh, tam anaui a bang output na mu ding hi.

Hello World!

Hello World!

Hello World!

Hello World!

Hello World!

Hello World!
Hello World!


Lagui gelh Dan

Lagui na gelh chiang in, line tha (line break) tampi kisam a, line tha pat theina din
anglular bracket sung ah <br> tag ahisihleh <br /> ki gelh zel hi.
Tami <br> pen empty tag ahiziash in opening tag maimai poimo a, closing tag kisam sese lou hi.
How to state new lines

Jack and Jill

Jack and Jill
Went up the hill
To fetch a pale of water
Jack fell down
And broke his crown
And Jill came tumbling after



Website link Bawl Dan: anchor

Na html file toh website URL dang khat a kizop (link) theina din anchor container tag <a> leh href kisam uhi. href=" " attribute toh na kizoppi ut website URL na zom khawm thei ding hi.



John Gruber leh Markdown Language

John Gruber in html tags teng um lou a, a bailam leh theinop zaw din Markdown language khat ana bawl doh hi. Plain text toh kibawl Markdown language pen, utleh html file na suah sah thei veve ding hi. Hinanleh html sang in Markdown language sim nop zaw a, thei nop zaw hi. John Gruber in a Markdown language tami blog ah a sun hi.



LEARNING RESOURCES
  1. Tim Berners-Lee's TED talk
  2. Markdown Language Guide
  3. John Gruber's blog