.svg)
.svg)
.svg)
Mách~íñé L~éárñ~íñg É~ñgíñ~éér]
[1. íñtr~ódúc~tíóñ~]
[Fírs~t, áñ ó~vérv~íéw ó~f thé~ HTML~5 frám~éwór~k ís g~ívéñ~ áñd t~hé st~rúct~úré ó~f wéb~síté~s ís é~xámí~ñéd. Ý~óú wí~ll ál~só lé~árñ m~óré á~bóút~ thé s~ýñtá~x óf H~TML5.]
- [Árch~ítéc~túré~, Vérs~íóñs~]
- [Márk~úp lá~ñgúá~gés]
- [Sýñt~áx: Él~éméñ~t, átt~ríbú~té, cá~tégó~rý]
- [Stýl~é Gúí~dé fó~r HTM~L5]
[2. dócú~méñt~s]
[Íñ th~ís mó~dúlé~, thé s~trúc~túré~ óf á w~ébsí~té ís~ éxám~íñéd~ íñ mó~ré dé~táíl~. Éách~ élém~éñt í~s pré~séñt~éd íñ~díví~dúál~lý wí~th ít~s fúñ~ctíó~ñs.]
- [Dócú~méñt~ týpé~ HTML~5]
- [Élém~éñts~ html~, héád~, títl~é, bód~ý]
- [Stáñ~dárd~ áttr~íbút~és óf~ wéb p~ágés~]
- [Cómm~éñts~ íñ th~é cód~é]
[3. métá~ íñfó~rmát~íóñ]
[Álth~óúgh~ thé m~étá í~ñfór~mátí~óñ óf~ á wéb~síté~ ís ñó~t dís~pláý~éd tó~ thé v~íéwé~r, ít p~róví~dés í~mpór~táñt~ íñfó~rmát~íóñ t~ó thé~ brów~sér, s~érvé~r áñd~ róbó~ts. Hé~ré ýó~ú wíl~l léá~rñ hó~w tó s~ét év~érýt~híñg~ úp có~rréc~tlý.]
- [Élém~éñts~ básé~ áñd m~étá]
- [Whíc~h chá~ráct~ér sé~t ís c~órré~ct¿]
- [Éñtí~tíés~ éxpl~áíñé~d íñ d~étáí~l]
- [Dété~rmíñ~é thé~ víéw~pórt~]
[4. héád~íñgs~]
[Thé h~éádí~ñgs ó~f á wé~bsít~é áré~ décí~sívé~ fór t~hé st~rúct~úré ó~f thé~ págé~, bóth~ fór t~hé ús~érs á~ñd fó~r rób~óts t~hát c~áptú~ré th~é wéb~ págé~s áút~ómát~ícál~lý.]
- [Héád~íñg l~évél~s éxp~láíñ~éd íñ~ détá~íl]
[5. séct~íóñs~]
[Évéñ~ íf th~é láý~óút ó~f á wé~bsít~é ís c~réát~éd ús~íñg ó~thér~ méáñ~s, thé~ré ár~é bás~íc él~éméñ~ts th~át cá~ñ bé ú~séd t~ó dís~pláý~ séct~íóñs~ áñd p~árág~ráph~s. Thí~s pár~t óf t~hé có~úrsé~ shów~s thé~ póss~íbíl~ítíé~s áñd~ límí~tátí~óñs.]
- [Líñé~ bréá~ks wí~th br~ áñd w~br]
- [Hórí~zóñt~ál dí~vídí~ñg lí~ñés w~íth h~r]
- [Thé p~árág~ráph~ élém~éñts~ p áñd~ pré]
[6. qúót~és]
[Thér~é áré~ sévé~rál ó~ptíó~ñs fó~r híg~hlíg~htíñ~g téx~t. Ýóú~ wíll~ fíñd~ óút w~héñ w~hích~ élém~éñt í~s cór~réct~ áñd w~hát t~hís m~éáñs~ fór t~hé dí~splá~ý.]
- [Élém~éñts~ blóc~kqúó~té, ád~drés~s, q, cí~té]
[7 Défí~ñítí~óñs]
[Thé d~éfíñ~ítíó~ñs íñ~ HTML~5 áré ú~séd t~ó már~k úp t~hé sé~máñt~íc mé~áñíñ~g, stý~lé áñ~d réá~dábí~lítý~ óf th~é cód~é. Thé~ élém~éñts~ áré p~résé~ñtéd~ héré~ áñd s~hówñ~ whéñ~ théý~ áré ú~séd.]
- [Élém~éñts~ dfñ, á~bbr, d~étáí~ls. sú~mmár~ý]
[8. téxt~s]
[Téxt~ élém~éñts~ áré d~ésíg~ñéd ú~síñg~ CSS. Ñ~évér~thél~éss, t~héré~ áré m~áñý é~lémé~ñts t~hát c~áñ bé~ úséd~ tó ch~áñgé~ thé d~íspl~áý óf~ téxt~.]
- [Stáñ~dárd~ élém~éñts~ fór t~éxt l~ábél~íñg]
- [Spéc~íál é~lémé~ñts f~ór fó~rmúl~ás]
- [Élém~éñts~ fór f~órmá~t láb~élíñ~g]
[9. áññó~tátí~óñs]
[Thé rúbý éléméñt ís úséd tó díspláý téxt wíth áññótátíóñs thát týpícállý áppéár ábóvé ór ñéxt tó thé máíñ téxt. Ít ís máíñlý úséd fór Éást Ásíáñ wrítíñg sýstéms súch ás Chíñésé áñd Jápáñésé tó próvídé próñúñcíátíóñ híñts (fúrígáñá) ór tráñslátíóñs fór cháráctérs.]
- [Élém~éñts~ rúbý~, rt, rp~]
- [Úsé c~ásés~ fór á~ññót~átíó~ñs]
[10. líst~s]
[Gét t~ó kñó~w thé~ díff~éréñ~t týp~és óf~ líst~s íñ H~TML á~ñd lé~árñ h~ów tó~ úsé l~íst é~lémé~ñts á~ñd ñé~st lí~sts.]
- [Élém~éñts~ ól, lí~, úl]
- [Élém~éñts~ dl, dt~, dd]
- [Ñést~íñg]
[11. réfé~réñc~és]
[Léár~ñ hów~ tó cr~éáté~ hýpé~rlíñ~ks tó~ ñáví~gáté~ thé w~ébsí~té áñ~d hów~ tó ús~é ífr~ámé é~lémé~ñts t~ó émb~éd có~ñtéñ~t. Áls~ó dís~cóvé~r hów~ tó sé~t líñ~ks tó~ íñté~rñál~ áñd é~xtér~ñál s~óúrc~és.]
- [Élém~éñts~ á, ífr~ámé, l~íñk]
[12. ímág~és]
[Éxpl~óré t~hé ús~é óf t~hé ím~g élé~méñt~ fór í~ñsér~tíñg~ ímág~és íñ~tó wé~b pág~és. Gé~t tó k~ñów ó~thér~ élém~éñts~ thát~ ýóú c~áñ ús~é tó c~réát~é íñt~érác~tívé~ áñd r~éspó~ñsív~é ímá~gés.]
- [Élém~éñt í~mg]
- [Élém~éñts~ máp, á~réá, p~íctú~ré, só~úrcé~]
[13. gráp~hícs~]
[Úñdé~rstá~ñd hó~w tó ú~sé th~é mét~ér áñ~d pró~grés~s élé~méñt~s fór~ méás~úrém~éñt d~íspl~áýs á~ñd dí~scóv~ér th~é pós~síbí~lítí~és óf~ véct~ór gr~áphí~cs wí~th sv~g áñd~ thé c~réát~íóñ ó~f drá~wíñg~s áñd~ áñím~átíó~ñs wí~th cá~ñvás~.]
- [Élém~éñts~ mété~r áñd~ próg~réss~]
- [Élém~éñt s~vg]
- [Élém~éñt c~áñvá~s]
[14. múlt~íméd~íá]
[Léár~ñ hów~ tó íñ~tégr~áté á~údíó~ áñd v~ídéó~ cóñt~éñt í~ñtó t~hé wé~bsít~é áñd~ évéñ~ ádd s~úbtí~tlés~ áñd t~éxt t~ráck~s tó t~hé pá~gé.]
- [Élém~éñt á~údíó~]
- [Élém~éñt v~ídéó~]
- [Élém~éñt t~ráck~]
[15. íllú~strá~tíóñ~s]
[Léár~ñ hów~ tó ús~é thé~ fígú~ré él~éméñ~t tó s~trúc~túré~ fígú~rés á~ñd dí~ágrá~ms áñ~d hów~ tó ád~d dés~críp~tíóñ~s áñd~ légé~ñds f~ór fí~gúré~s wít~h fíg~cápt~íóñ.]
- [Élém~éñt f~ígúr~é]
- [Élém~éñt f~ígcá~ptíó~ñ]
[16. tábl~és]
[Tábl~és ár~é áñ í~mpór~táñt~ tóól~ íñ HT~ML5 áñ~d cáñ~ álsó~ bé ús~éd tó~ dísp~láý c~ómpl~éx có~ñstr~úctí~óñs. L~éárñ~ hów t~ó cré~áté t~áblé~s áñd~ hów t~ó úsé~ thé á~dváñ~céd t~échñ~íqúé~s.]
- [Élém~éñt t~áblé~]
- [Élém~éñts~ tr, th~, td]
- [Spéc~íál é~lémé~ñts f~ór dé~sígñ~íñg t~áblé~s]
[17. láýó~úts]
[Dísc~óvér~ whíc~h láý~óút é~lémé~ñts ý~óú cá~ñ úsé~ tó dé~sígñ~ thé s~trúc~túré~ óf ýó~úr wé~bsít~é áñd~ léár~ñ hów~ thés~é élé~méñt~s cóñ~tríb~úté t~ó sém~áñtí~c órg~áñíz~átíó~ñ áñd~ bétt~ér ác~céss~íbíl~ítý.]
- [Thé m~áíñ l~áýóú~t élé~méñt~ dív]
- [Élém~éñts~ fór í~ñdív~ídúá~l pág~é áré~ás]
[18. fórm~s]
[Léár~ñ áll~ ábóú~t cré~átíñ~g fór~ms wí~th th~é fór~m élé~méñt~ áñd t~hé má~ñý dí~ffér~éñt í~ñpút~ élém~éñts~. Ýóú w~íll á~lsó l~éárñ~ hów t~ó dés~ígñ ú~sér-f~ríéñ~dlý á~ñd íñ~térá~ctív~é fór~ms.]
- [Thé f~órm é~lémé~ñt]
- [Élém~éñts~ fór t~éxt í~ñpút~]
- [Íñté~ráct~ívé é~lémé~ñts]
- [Élém~éñts~ fór c~óñté~xt át~tríb~útés~]
- [Ýóú w~íll á~cqúí~ré íñ~-dépt~h kñó~wléd~gé óf~ básí~c áñd~ ádvá~ñcéd~ HTML~5 élém~éñts~ áñd t~échñ~íqúé~s.]
- [Ýóú w~íll l~éárñ~ hów t~ó úsé~ várí~óús H~TML5 é~lémé~ñts é~fféc~tívé~lý tó~ créá~té áp~péál~íñg á~ñd fú~ñctí~óñál~ wébs~ítés~.]
- [Ýóú w~íll l~éárñ~ hów t~ó úsé~ thé s~pécí~ál fú~ñctí~óñs í~ñ HTM~L5 tó í~ñtég~ráté~ múlt~íméd~íá, gr~áphí~cs áñ~d íñt~érác~tívé~ élém~éñts~.]
- [Ýóú ú~ñdér~stáñ~d hów~ tó st~rúct~úré c~óñté~ñt íñ~ á sém~áñtí~cáll~ý cór~réct~ áñd ú~sér-f~ríéñ~dlý w~áý tó~ ímpr~óvé á~ccés~síbí~lítý~ áñd s~éárc~h éñg~íñé ó~ptím~ízát~íóñ.]
[Thís~ cóúr~sé có~ñsís~ts óf~ tráí~ñíñg~ tráí~ñíñg~ áñd í~s léd~ bý á t~ráíñ~ér wh~ó súp~érví~sés t~hé pá~rtíc~ípáñ~ts lí~vé. Th~éórý~ áñd p~ráct~ícé á~ré tá~úght~ wíth~ lívé~ démó~ñstr~átíó~ñs áñ~d prá~ctíc~ál éx~ércí~sés. T~hé ví~déó c~óñfé~réñc~íñg s~óftw~áré Z~óóm í~s úsé~d.]
[Thís~ cóúr~sé ís~ áímé~d át á~ñýóñ~é whó~ ñééd~s tó c~réát~é wéb~síté~s:]
- [Wébm~ásté~r]
- [Wéb d~évél~ópér~s]
- [Wéb d~ésíg~ñérs~]
- [sóft~wáré~ dévé~lópé~rs]
- [Cóñt~éñt m~áñág~érs]
- [áñd m~úch m~óré.]
.svg)
