áááááááááá 1: áááá£á¨ááá, á áá áá¥ááá ááá¥áá áááááá áá tabular áááááªááááá, á áá áá¡á£á á ááááááááá ááá áááá ááá áááááá, á ááááá áá á¡ááá¢ááá. á áááá  á¨ááá«áááá áááá¡ áááááááá? 

áá¡ááá, á¬áááá¡á¬áá  áá¥ áá ááá¦ááá£áá áááá¬á§á table.html, áááááá áá á¦áá tags áá áááááá áá ááá®á£á á£áá tags. Inside á¡á®áá£ááá¡ áá®áá, ááááá áá áá¡ áááááá áá¥áá¡. áá á¬áááá¡á¬áá , á£áá áááá áá¡á á áá áá áá  ááááááá¬á§ááááá, ááááá ááááªááá¡ áá®áá áááááá tag áá¡ááá. á¨ááááá á áá, ááááá ááá£ááááá áá áá¤áá¨á áá ááá tr áá¥áá¡. áá, áá¡ááá á¬áááá¡á¬áá , ááá®á£á áá¡, á áá. 

áá®áá á¨ááááá áá row, ááááá ááááá¡ááá¦áá áá á¡ááá¢áááá¡ áá áááááªááááá, á áá áá¥áááá á¨ááááá áá á¡ááá¢ááá, áá á¡áááááá¨á ááá¡á¨á. áááá¡ááááá¡ ááááá ááááááá§áááá td tag á¡á£á¤á áá¡ áááááªááááá. á¦áá bracket td áá®áá bracket. áá áá®áá, á á á©ááá ááá¬á§ááá á¡ááá£áááªáá á¡áá¢áááá¤ááá áááá ááá. ááááá¬á§áá áá áá, áá á¨ááááá ááá®á£á áá áááááá áááááªááááá áá¥áá¡. ááááá áááá®á¡ááá áá®ááá áá áá 2. ááá®á£á áá, á áá áá áá áá¡ááá. áá á¨ááááá ááá¡ááá. td 3 close td. 

á¡áá ááá  áá ááááá áá áá? áá¡á, áá ááªá®áááááá, á áá á ááááá á©ááá áááá¥áá¡ áá áá¤áá¨á, á¨ááááá á ááª á©ááá á¡ááá áááááá áªáááááá¡, á©ááá áá á¡áááááá áá¥áá¡ ááá¡áá¬á§áá¡á ááááááá¡ááá, á áá áá áá ááááááá áá á¡ááá á¡ááá¢áá. ááááá áá®áá ááá¡áªáá¡ ááá¡ ááá áááá£áá ááááá¢ááááá á ááááá. 

á¥ááááá áá®ááá¡ tr tag, ááááá ááá®á¡áá á¡á®áá tr tag, áá á¬áááá¡á¬áá  close á áá áá áá áá¡ááá. á¨ááááá á áá, ááááá áá®áá ááááááááá td 4 td 5 áá td 6. á¥ááááá á áá row, ááááá ááá¡ááá. á¦áá áá áá¤áá¨á, áá®áá áá áá¤áá¨á. á¨ááááá á áá, td 7 td 8 áá td 9. 

áá ááááá¡, á£áá áááá, á ááá á áá á¡áááá¢áá áá¡á, ááááá, á¨áááá¡áá ááááá¨á áá á¢áááá¤áááá¡ pad. á¦áá tr áá áá®áá tr. áá á¨ááááá á áá td ááá á¡áááááá, td 0, áá td á¤á£áá¢á. ááááá áá®áá ááááá á©ááá áá á¤ááááá¡ á¨ááªáááá¡ ááá¡á á£á¤áááááá áá á©ááá ááá¡ áá áá£ááá á¨á. 

Chmod + r table.html. ááááá áá®áá ááá®á¡áá Chrome. http://localhost/table.html. áá áá¥ á©ááá á á á©ááá¡ á£ááá áá§áá¡ HTML ááááááá¡ááá. áá¡ áá  á¡áááááá á°áááá¡ áááááá. ááááá áááááá£á áááááá¢áá á¡ááá¦áá áá¡ ááá á¨ááá á§áááá áá ááááááá¡ááá á£á¯á ááááá. 

ááááá áááá£áá á£áááá gedit áá ááááá®áááá up ááááááá¡ááá tag ááááá. áá ááááá áááááá¢áá áá¢á ááá£á¢á, á ááááááª áªááááááá á áááá áª "á¡ááá¦áá áá¡", á ááááááª áááá¡ááá¦áá ááá¡ á ááªá®áááá áááá¨ááááááá á¡ááááá á¡ááá¦ááá áá. á¡áá¡ááá¦áá á á¨ááááááá¡ áááªááá unquote 1, á¡ááááª 1 ááá¨áááá¡ á¡ááááá áááááá á¡ááá¦ááá ááá. ááááá á¤ááááá¡ á¨áááá®áá áá á©áá¢ááá ááá áááá ááá á©ááá¡ áá áá£ááá á¨á. 

á£ááá Chrome, áááááá®ááá. áá áá¥ á©ááá ááá. á«ááááá ááá®ááá¯á, áááá áá ááá£á®áááááá áááá¡á tabular áááááªááááá.