DOUG LLOYD: áá¡á ááááá¢áá áá ááááá áá£ á©ááá ááááááá¢áááá¡ á£á¤áááá, áá áá áá¤áá¥á áá, á áá áá«ááá¡ back-- áá¤áá¥á áá, á©ááá áááá®áááááá 35 ááááá á¡áá£ááá á á¡á®ááááá¡á®áá áá¡ááá¥á¢ááá C, á¨áá¡áá«ááá, áªáá¢á ááá¢á, áá¥ááá áªáá¢á ááááááá. áá á©ááá áá  ááá¤áá ááá¡ á§ááááá¤áá á C, áááá áá á©ááá ááá¤áá á£áá áááá ááááá áááá¡, á£áá ááááá¡áááá¡ áá¡, á á áá¥áá á£ááá, á¡ááá áá áááááááá¡ááááá¡. áá®áá á©ááá ááááá ááá, á áá ááááá á¨áá¡áá®áá á¡á®áá ááááá, HTML. áá á©ááá ááááá ááá ááá¤áá ááá¡ ááá¡ áá®áááá áá áá ááááá. 

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

áááá áá ááááá ááá¡áá£áá áá áá á ááááá á áá ááá ááááª á¤á£ááááááá¢á£á á á§áááá ááá áááá áá, á ááááááª áá áá¡ HTML. HTML áá áá¡ Hyper Text Markup Language. HTML áá áá¡ ááá, áááá áá áá¡ áá  áá áá¡ áá ááá áááá áááá¡ ááá. 

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

HTML áá®áááá áá¦á¡áááá¨ááááá up á¢áá¥á¡á¢á. áá¡ á.á¬. ááá. áá á á áá¡ áááá¡ áá markup-- á©ááá ááá§ááááá tags HTML áá áá tags-- áá markup-- á¡ááááá¢ááá£á áá áááá¡ááá¦áá ááá¡ á¡á¢á á£á¥á¢á£á á áááá áá áá áá¬áááá¡ á«áá ááááá á¢áá¥á¡á¢á, á ááááááª á¨áá áá¡ áá á¡ááááá¡ tags á£ááá ááááááá á¢áá¡ áá áá£ááá ááá á¡á®ááááá¡á®áá ááááá. áá, ááááá, áá¡ á¡áá£ááááá¡á áá®á¡ááá¡ áá áááá ááá£á¡á¢á ááªáá. 

áá¥ áá áá¡ á«ááááá ááá á¢ááá HTML áááá áá, áá  HTML- áá¡ áá ááá ááá, ááááá áá áá®áá, HTML áááá áá. áá á©ááá áááªáá, á áá áá¡ HTML áááá áá áááá¢áá, á áá á©ááá áá¡ááá¦áá ááá á§ááááá¤áá á HTML tags. áá¡á á áá, áá¡ áá áá¡ áá¡, á ááª áá áá¡ HTML tag á°áááá¡. áá¡ á¨áá áá¡ áá£áá®á á¤á á©á®ááááá¨á. áá á¨áááá¨áááá¡, áááá á©ááá HTML áá á«ááááá ááááá¨á, ááá¡ á¨ááááá, á ááª á©ááá ááááááááá, á á áá áá¡ á áááá áª á©ááá¡, áááá á á¡á®áá HTML, á©ááá áá£áá®á£á á á¤á á©á®ááá slash HTML. áá¡á á áá áá ááááá á á¡ááá¦áá áá¡ á¨áá áá¡, á á áá áá¡ HTML áá á á áá  áá áá¡. áá á á áá¥áá á£ááá, ááá áááááá, á£áá áááá á áááá áª áá¥ááá ááá¬áá á á§áááá áá¥áááá C áá ááá ááááá¡ áá ááá dot C áááá á«ááááá, á§áááá áá¥áááá HTML á¤áááá ááá¡á á£ááááá dot HTML áááá á«ááááá. áááá áá áá¥ á£á¤á á á®áááá áá¥. á©ááá áá á áá®áááá á£ááá áá HTML tags. á©ááá áá¨ááá áá áá¥áá¡ áá á áá ááá£á¬ááá á®áááá«á¦áááááá á¢áááá. áá¡ááá, OK, á á áá áá¡ áá¡? 

áá¡á áá¥ááá áá¡ á¡áá£ááááá¡á áá¦ááá áá¡ áááá áá ááááá¡, áá ááááá¡, á ááááááª á¨ááááá á¡áá¡ ááá-áááá ááá. áá¡á á áá, á¨áá¡áá«ááá á®áááá«á¦áááááá tag áááá¡ááá¦áá ááá¡ ááá á¡áááááá¡ á ááááááª áá  áá áá¡ áá áá£ááá áá¡ á¤ááá¯áá áá¨á á¡á¬áá á, áááá áá á áá¢ááá¦ááª áááá¨áááááááááá, á áá á©áááá ááá áááá ááá áááááááá áááá¡ ááá¬áá£áá á¡á¬áá áá. ááááááááá, á¨ááááá á®áááá«á¦áááááá tag á©ááá á¡áááá£á á tags. 

áá¡á á áá, á¡áááá£á á áá§áá¤á Hello World, á ááááááª, á¤áá¥á¢ááá áááá, áá¥áááá á á áááá©áááááá¡ up tab in Chrome áá safari áá Firefox-- á áá¡ááª áá áá£ááá áá¡ áá¥ááá prefer--, á áá á á á®áááá ááááá©ááááá á¢áá¢á£áá. áá á¡áááá á©áááá ááááá¡, á áá ááá®áá ááá áá¥áááá áá áá£ááá áá¡ á¤ááá¯áá áá¨á áá áá¥ááá á¨áááá«áááá áá®áááá áá áá áááá áá ááá®á¡áá áá áá£ááá áá¡ á¤ááá¯áá áá¨á áá áá¡. áá¡á á áá áá¥áááá á¢áá¢á£áá á©ááá áááá áá á¬ááá¡ tab áá áá áá£ááá áá¡ á¤ááá¯áá áá¨á ááá á, hello áá¡áá¤áááá¨á. áá ááá¨áá á¨ááááá á¡á á©ááá ááá-áááá áá áá¥áááá áá¡áá¤áááá¨á, hello. ááááá á¨ááá®áááá á áá¡ááª áááááá áá á áá ááá¡á¬ááá¡ áá¡ á¨ááá«áááá áááááá§á£á áááááá¡. áá¡ áá áá¡ á¡áááááá ááá á¢ááá HTML áááá áá. áá¡á á áá, áá áá¥ á©ááá CS50 IDE áá áá áááá®ááááá áªáá¢á. áá áá á£áá áááá áááá ááá¡ ááá®á¡áááá áááá¡áááááá dot HTML áá ááá©áááááá, á áá áá¡ áá áá¡ á¡áááááá áááá á áááá ááá¡ á¨ááááá á¡á, á ááááááª á©ááá áááá®áá ááá á. á©ááá ááá á¢ááá HTML, á®áááá«á¦áááááá tags, á¡áááá£á á tags, á¡á®áá£ááá¡, áá áá¡á á¨ááááá. áá áááá£á¡á¢áááá¡ááááá¡ á¡á£á¤áá. 

áá ááá á á á á¨áááá«ááá áááááááá á©ááá¡ IDE áá áá¡ áá®áááá á¬áááá¡á¬áá  áááá ááá. áá áá¥ á¬áá¡ááá. á¨ááááá á¡á á©ááá áááá áá áá¡áá¤áááá¨á, hello, áá áá ááá  áá®áááá á áááá á¡áá¬á§áá¡á á®áááá«á¦áááááá tags áá á¡ááááá¡. áá¡ áá áá¡ áá®áááá á¨ááááá á¡á áá áááá. World, hello. áá¡áá áá áá¡áá á¡á®áá£ááá¡ áá®áááá áááááªá®ááá, áá¡áá¤áááá¨á, hello. áááá á ááá¬ááá áá áá¡ ááááá áá£áá. 

áá¡á á áá, á áááá£á áá á§áááá áá¡ áá áá¡. áá¡ áá áá¡ á«ááááá ááá á¢ááá á«áá ááááá HTML áááá áá. áá®áá áá áááá£á¡á¢áááá¡ááááá¡ á©ááá HTML to ááá ááááª áááááá áá áá áááááááá£áá, áááá áá áá áá  á áááá£á áá á£ááá. áá ááá  á ááá áá¡ áááááá§á£á ááá á¡áááááá ááá®ááá¯á. áá áá¡ áááááª ááá£á¨ááááá¡. áá¡ áá¥áááá áá£á¡á¢áá ááááá ááá-áááá ááá. áá á£áá áááá ááá¦ááá£áá á©áááá¨áá áááá¡ á§áááá áááá  á¡ááá áªáá¨á. 

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

á¬ááááªááááá áá ááá á¡áááááá¡ ááá á«áááá á¤áá¥á¢ááá áááá áá  áá¥áá¡ HTML. á§áááá áááá áá áá¡ ááá®á¡áá tags áá ááá®á£á ááá¡ tags á¡á¬áá á áááááá. á§á£á ááá¦ááá áááá¥áªááá, á á ááá®áá áá¥, áá£ááªá. ááá ááá ááá£áá áááá«áááá¡ ááá á£á áááá áááá ááááá¢ááááá ááá¤áá áááªáá áá¡, á ááª á©ááá áááá¬áá áá. ááááá á¯ááá, World ááá¬ááá áá§á áááááá£áá, á áááá áª á¡áááá£á á. áá áá¡áá¤ááá, hello ááá¬ááá áá§á áááááá£áá, á áááá áª á¨ááááá á¡á áá á á á£ááá áá§áá¡ á©ááá¡ á©ááá¡ ááá-áááá ááá. 

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

ááááá áá áá á áá á¨áááá«áááá áááááááá, áá£ááªá, áá áá¡ ááá®á¡áááá ááááááááá á ááá¡á¢á á£áááá¢ááá. áá áá£ ááá®á¡ááá, á©áááá ááááá HTTP, áá ááá£á®á¡ááá, á áááá  á£ááá ááá®á¡áá up ááááááááá á ááá¡á¢á á£áááá¢ááá. In Chrome, á áááá áª á¬áá¡á, F12 ááá¡áá¦ááá ááá®á¡áááá ááááááááá á áááááá. ááá¨áá áááªáááá áá á©áááá¡ á¥á¡ááá tab, á¨áááá«áááá ááááááá¢ááá tab. áá áá£ áá¥ááá á©áá¢ááá ááá ááá áááá áá, áá¥ááá á áááá£á áá áá®áááá HTML, á ááááááª á¥áááá¡, á áá ááá-áááá ááá. áá¡á á áá, á¨áááá«áááá ááá¡á¬ááááá áááá á á áá HTML áá«ááá¡ áá¥áááá¡ á¡áá§ááá áá á¡ááá¢áááá áá á®ááááá¡, áá£ á áááá  áááá¨áááá á¡á®ááááá¡á®áá áªááá ááá, á áá áá¡á£á á. áá¡á á áá, á¨áá¡áá«ááá, áá¥ áá¡ ááááá á áááá£á¨á áá á ááá ááááááááá á¡. á áááá  áá¡ááá áááá¦áá¡ ááá HTML? áá¡ááá áá¥ááá á¨áááá«áááá á£áá áááá ááá®á¡áááá áá¥áááá ááááááááá á ááá¡á¢á á£áááá¢ááá áá hover ááá¢á á áá ááááááá¢á¡ áá áá®áááá, áá£á¡á¢áá á á HTML á®ááá¡. áá¡á á áá, ááá ááááª ááá áá ááá á£ááá ááá¡á¬ááááá HTML, áá áá ááá á©ááá, á áá áá¥ááá áááá¡ áááááááá, á áááá áª á£ááá ááá¡á¬ááááá HTML áá áá¡ááá á£ááá ááá¡á¬ááááá áªáá¢á áªáá¢á á¨áá¡áá®áá á áááááááá ááá áááá¢á á®ááááá¡áá¬ááááá á¨ááá¥ááááá ááá¡á¢á á£áááá¢ááá, á ááááááª á á áá¥áá á£ááá áááááá¡ ááá¡áá®áá á®ááááá áá¥ááá áááá¬á§áá¡ ááááááá¡ á£á¤á á ááá¢ááá¡áá£á á ááá áá ááá áááá áááá¡. 

ááááá á¨ááá®áááá á áááááááá á¡ááá áá HTML tags. áá á©ááá á®á¢ááá áá á¨ááá®áááá áá¡, á ááª áá tags áá¡ááá ááá¬ááá á áááá áª á¨ááá®ááááá áááááá áá á¤áááá á©ááá¡ IDE. áá¡á á áá, áá¥ áá áá¡ á¡ááá á«ááááá á«áá ááááá á¢ááááá á¡á á£áá§áá¤á áááá£ááá£á á ááá á¡áá®á á¢áá¥á¡á¢á. áá á¡ááááá¡ B tags, áá tags áá U tags. áá, á¨áá¡áááááá¡áá, á áá¡ááª áá¡ááá áááááááá, ááá£á¬ááá¡ á¢áá¥á¡á¢á ááá á¨áá áá¡ áááááá, áá£á á¡áááá, áá á®ááá¡ á£á¡áááá¡. ááááá áááá®áá á á, á áá áááááá§á£á áááááá¡ áá¡ááá á áááá áª á¤áá¥á¢ááá ááá ááá áááá ááá á©ááá IDE. 

áá¡á á áá, áá¥ á©ááá IDE ááá¥áá¡ á¤áááá á¡áá®áááá ááá£ dot HTML. ááá£ dot HTML áá®áááá áááá¢áá, á áá áááááá, áá£á á¡áááá, á ááª á®ááá¡ á£á¡áááá¡. áá ááá®á¡ááá¡. 

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

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

áá¡ P tags, áá áá£áá¥á¢áá¡ tags, á¨áá¡áááááá áá¥áááá á¢áá¥á¡á¢á ááá§áá¤áááá áá£áá¥á¢ááá¨á. áá¡ áá  áá áá¡ á¡ááááá áá¡á áááá¡ááááá¡, á áá áááá­áá áá áá ááá¢áááá á¤áá áááá, áááá¢áá, á áá áááááá£á¢áá á áá®áááá áááá ááá¡ á á áá¥ááá áá£áá®á á ááá¡ áááá¡ áááááááá áá áá¡ ááááá áá áááá¡ áááá á á¤áá áá ááá¬ááá. áá¡á á áá, á©ááá áá  á¨ááááá«ááá á£áá áááá áááá­áá áá áá ááááá á©áááá¡ áááááá£á¢áá á¨á ááá¢áá áá áá¢ááªáá, á áá á©ááá áááááá áááá¬á§áá¡ áá®ááá áá£áá¥á¢á. á©ááá á£ááá á«ááááá áááá¤ááá ááá¥áá, á áá áá¡ áá á-áá áá paragraph-- áá¡ áá áá¡ another-- áááá  ááá áá áááá¡ áááááá£áá ááááááá¥á¢á P tags. 

á©ááá áá¡ááá ááá¥áá áá¡ ááá áááá¢á ááá for H tags, áá á¡áááá£á áá¡ tags. á©ááá áááá¥áá¡ áá¥áá¡á á¡á®ááááá¡á®áá áááááá of headers, áá áá, áá á, á¡ááá, ááá®á, á®á£áá, áá¥áá¡á, á áááááááª áááááááááááá á£á¤á á áá á£á¤á á headers. áá áá¡ááá ááá¢áá á áá ááá¢áá á áá ááá¢áá á áá ááá¢áá á. áá¡á á áá, á©ááá ááááá¡ header, áááá á áááá ááááá, áá áá¡á á¨ááááá, áá áá¡á á¨ááááá. 

ááááá á¨ááá®áááá á¨áá¡áá«ááá, á áááááááá P tags áá áááááá áá header tags ááá¥ááááááá¨á ááá áááá ááá. áá¡á á áá, áá¥ á©ááá IDE ááá¥áá¡ á¤áááá á¡áá®áááá PH dot HTML, PH áá§áá¤á áá£áá¥á¢ááá áá header tags. ááá®á¡áá á áá. áá á¡ááááá¡ áááá á á®áááá áá¥ áááá¢áá, á áá áá áááá§ááá á áááááááá áááááá á á¢áá¥áááá, áááá á£áá áááá á¨áááá®áááááá á¢áá¥á¡á¢á áá¥. áá¡á á áá, áá áááá¨áá ááá¡ áªáá¢á áááá¢áá, á áá áá¥ ááááááá áááááááá áááá¡. áááá áá á¨áááá©ááá, á áá áá ááá¥áá¡ á«ááááá áááá á£áááá áá¥ ááá¥áá¡ H1, áááá áá áá, header áá¥áá¡. ááá¨áá áá áá á-áá áá áá£áá¥á¢á, á ááááááª áá®áááá bunch of á¨áááá®áááááá text-- áááááá á ipsum-- áá®áááá áááá£ááá¡á®ááááá á¡á¢ááááá á¢á£áá á¨ááá¡áááá¡ á¢áá¥á¡á¢á. áá¡á á áá, áá áá á áá£áá¥á¢áá¡ á¨ááááá á áá áááááá áá áá ááááá áá á¨ááááá á¥ááááá áá áá¥áá¡ áááááá áá á áááá£á á áá¥ on line 24, áááá á ááááá¡ header, áá ááááá áá á áá£áá¥á¢ááá¨á. áá¡á, á áá¡ á°áááá¡ áá£ áá áá¡ á©ááá áá¡áááá? áááá®áá. 

áá¡á á áá á¨áááá©ááá, á áá ááá ááá áááááá header áá¥ á áááá£á áá á¡áááááá áªáá¢á ááááá áááá á áááá á áááá header. áá¡á á áá, á©ááá áááááá§ááááá H1 tags. áá á¨áááá¨áááá¡, á áá P tags á¡áá¨á£áááááá¡ áááá«áááá¡ á¨áá¡áááááá á áá out á¨ááááá áá£áá¥á¢ááá. áá£ á©ááá ááá¦ááá£áá á©áááá¨áá áááá¡ áá P tags áá á áááá£á áá áá®áááá áááá§ááá á¨áááááá¡ áá ááááá¦áá£á ááá á¨áá áá¡, á áá¡ááª á©ááá ááááá áááááá¥áá, á áá áá§áá¡ á¡á®ááááá¡á®áá áá£áá¥á¢ááá, áá¡ááá á§áááá á£áá áááá ááá áá¢ááááá¡ áá ááá áá áá¡, á áá áá  áá¥áá¡ áá áááááá áá£á®ááá¡ áá ááááá§áá¤áá¡ á¡ááá áªáá¨á ááááá áá á¥ááááá. áá áá¡á, á áá áá¡, á ááª áá£á®ááá¡ áá tags áá á¡áááá£á áá¡ á¢ááááá áááááá§ááááá, á ááá áááá¡ ááááá§á áá¡ á§á£á ááá¦ááá ááá¬ááá á©áááá ááá-áááá áá áá áááá. 

á¨áááááá up áááááá áá tags, á áá á©ááá ááá§ááááá áá¨ááááá á¡áááá á©áááá¡ ááá-áááá ááá. áá¡á á áá, á©ááá á£á¬áá¡á ááá á¡áááá ULs-- á áááááááª áá®áááá á©áááááááááá, ááá¦ááá£áá á¡áá, á áááááááª numbered-- OLs-- áá á¨ááááá áá áá á-áá áá áá á©ááá á£ááá ááááááá¥á¢á, áá£ á áááá  á£ááá ááá£ááááá¡ á¡áá ááááááá¢á, LI. áá¡á á áá, á©ááá á¦áá UL tag áá á©ááá ááááááá á¨ááááá ááá¡. áá ááá¨áá, á áááá¡ááª á©ááá ááááááááá á áá, á©ááá á¨ááááá«ááá ááá®á£á áá UL áá¥áá¡. 

áá áááááááá£á áá á©ááá á¨ááá«áááá á°á¥ááááá¡ á£áá á«ááá áá áááááá ááá á¡áá áá á¡áá ááááááá¢á á¨ááááá á áá. ááááá á¨ááá®áááá áá áá¡ á áááááááá á¡áááá áá á á áá¡ááá ááá¬ááá, á áááá áª CS50 IDE. áá¡á á áá, áá áá¥ á©ááá IDE á¤áááá á¡áá®áááá á¡áááá dot HTML. ááááá á¨ááá®áááá. 

áá á¨áááá©ááá áá¥ ááá¥áá¡ á£á¬áá¡á ááá á¡ááá¨á á®á£áá á áá ááá. áá ááá¨áá áá á£áá á«ááá á¡ááá¨á, áá áá á¨áááªáááá tag áªáá¢á, áá á? áá áááááªá®ááá ááá¬á§ááá á¨ááááááá¡ áá¥áá¡á. ááááááá¡, á áááááááª á£áá á«ááá á¡ááá¨á áá á¨áááá«áááá áááá§áááá áááá¡ááááá á¬áá á¢ááá, á¡ááááª áá want-- áá§áá¡, áá¡ áá¥áááá one-- áá®áááá ááá¡á«ááá, á áá áá¡ á.á¬. áá¢á ááá£á¢á á©ááá OL áá¥áá¡. áá¡á á áá, áá á¡ááá¨á áááá¬á§ááá ááááááá¡ áá áá¡ áá¥áá¡á. áá¡á á áá, ááááááá¢ááá, á áá áááááá ááá á¡áá á£ááá áá§áá¡ áá¥áá¡á, á¨áááá, á áá, áªá®á á, ááá, áááá¢áá, á áá áá á¡ááááá¡ á®á£á ááááááá¢ááá áá á¡ááá¨á, á áááá áª áá¬ááááá¦ááááááááá áá áá, áá á, á¡ááá, ááá®á, á®á£áá, á ááááááª áá¥áááá áá á¨áááá®ááááá¨á, áá£ áá ááá¥áá, OL ááááááá áá¢áááá¡ ááá áá¨á ááá¬á§áááá¡ áá¢á ááá£á¢á. 

áá¡á á áá, á©ááá áá®áááá á¬áááá¡á¬áá  áá¡á á áá áá¥ááá á¨áá£á«ááá ááá á, á á á®áááá áá¥. áá áá¥ á¬áá¡ááá. áá¥ á©ááá¡ á¡ááá¨á. ááá ááá á®á£á ááááááá¢ááá á£á¬áá¡á ááá áá bulleted á¡áááá. áá áááááááá á®á£á ááááááá¢ááá áªáááá á¬áá¡á áááááá á¡áá ááá¬á§ááá£áá áá¥áá¡á. áá¡á á áá, á áááá  á¨ááááá«ááá áááá¨áááá á¡áááá ááááá§áááááá HTML. ááááá áá áá á áá, ááááá áá¡á£á á, á áá HTML áá¨ááááá áááááá ááá¤áá áááªáá á ááááá áá á¡ááá¢ááá á¬áá ááááááááá¡ ááá¤áá áááªáá áááá¡ááá£áá áááá áá áááááááá£áá ááá. áááá¡ááááá¡ HTML á¨ááááá«ááá áá¥áá¡ áááááá áááááá á¢ááá ááá¬á§ááá£áá á¦áá bracket áááááá. áá á¨ááááá á¨ááááá á áá ááááááá¡ááá á©ááá á¨ááá«áááá á°á¥ááááá¡ áááá ááá á ááááá, TR tags ááá£ááááá¡ áááááá£áá áá¬áá ááá. áá ááá¨áá TD tags á¬áá¡ááá á¨ááááá TR tags ááá£ááááá á¡ááá¢á ááááááááááá¨á ááááááá. 

á áá¢áá áá¬ááááá ááá¡ TD áá áá á TC? áá¡á, TD áááá¡ áááááá áááááªááááá. á áááá áª á¬áá¡á, áá¥ááá áá§ááááá¡ áá¥áááá ááá¤áá áááªáá áá á¡ááááá¡. áá¡á á áá, áá£ á áá¢áá áá áá¡ TD áá áá á TC. áá¡ áªáá¢á ááá£ááááá áá. 

áá¡á, á áá áá¥ááá áááááá tags áá á¨ááááá áá¥áááá ááááááá¡ááá tags áá¥ááá ááá¥áá á¡á¢á áá¥áááááá¡ á áááááááá, TRS. áá á¨ááááá áááááá£áá á áááá¡ áá¥ááá ááá¥áá TDS á ááááááááá¡ á¡ááá¢ááá á áá áá¡á£á á áá¥áá¡ áá ááááá áá¢á£á ááááááá. ááááá á¨ááá®áááá á«ááááá á£áá ááá áááááá ááá¢á CS50 IDE. 

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

ááá á áááá¬á§ááá áááá á á áááá¡ áá áááá¡ áá á, ááá®á, áá¥áá¡á, á áá. ááá¡á á£ááááá, á áá ááááááá. áá£ áááá á á áááá¡, á¡ááá, áá¥áá¡á, áªá®á á, 12. áá á¨ááááá áááá ááááááá, ááá®á, á áá, 12, áá ááá£á®áááááá áááá¡á, á áá áá¡ áá áá¡ áªáá¢á á¨áá¬á§ááá¢á áá¥, 16. 

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

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

Skipping ááá¢á div áááá á. á©ááá áá¡ááá áááá¥áá¡ áááááªááá, á ááááááª á¡áá®áá¡ á¨ááá¡ááááááá á¤áá áááá. áá¡ áá áá¡ ááááááá¢ááá, áá¥ááá á áááá£á áá ááá áá¤áá á¨ááááá, áá á áááá á¦ááááááá áá¥ááá á¬á£áááá¡, áá áááá¨áááá á§á£áááá, á áá áá¥ááá ticking off. áá¡á á áá, áá¡ á¬áá¡ááá á¨ááááá á¤áá áááá. áá áá¡ááá ááááªááá¡ á«áá áááááá áááááá£áá á áááá¡ á¡áá®áá áá£ áá¥áááá á¡áá®áá ááá¤áá ááá¢áááá¡ ááá ááá. ááá¨áá áá¥ ááááªáá¤áªáá div, á ááááááª ááááááááá áá  á¨ááá¡ááááááá ááááá¡áááá  ááááá áá¢á£á ááá¢áááá ááá¨á tags, á áááá ááªáá, ááááª áá áááááááá ááá á. áá¡ áá®áááá áá ááááá á demarcates ááá¬á§ááá£áá áááááá áá áááááááá£á á division-- div-- áááá ááá. áá  áá á¡ááááá¡ áááá£ááá£á á á¨áá¡áááááá. áá  áá á¡ááááá¡ áááááá. áá¡ áá  áááá«á á, á áááá áª áªáááá ááááá ááá¢áááá¢á£á áá. ááá¢áá á£ááá á¡á¢ááá á áá ááá á£ááá áááááááá¡, á áá. 

áá¡ áá®áááá áá ááááá á áááááá¡ áá ááááá ááá­áá á á¡ááá áªáá¨á á©ááá¡ ááá áááá ááá, áá áá á£áá áááá ááááá áá áááá£á¬ááá áá¡ áá áááá§áá¤áááááá¡ á©ááá áááá áá. á©ááá á¨ááááá«ááá áááá§ááá ááá á¡áááááá¡ á¨ááááá á¡áá¥áá áááááá¡ divs, áá, á¤áá¥á¢ááá áááá, á áááá¡ááª á©ááá á£á®áááá«á¦áááááááá¡ ááááá¡áªá IDE áááá á, á©ááá ááááááááááááá á®ááááá, á áá áá áá§ááááá¡ á©ááá á¨áá¥áááá¡ á¨ááááá div. 

áá¡á á áá, áá áá¥ á©ááá IDE á¤áááá á¡áá®áááá div á¤áá áá dot HTML. ááááá ááá®á¡ááá¡. ááááááááá¡á¬áááá, á áá á áááá áª ááá¥áá, div á¡áá®áá¡ áááááááá£á á. ááá á¯áááá? áá¡ ááááááááá áá  ááá¨áááá¡ áá áá¤áá á¡. áá¡á á áá, áá áááááááá£á á ááá áááá áááááááááá¡ á©ááá áááá áá. áá ááá¨áá áááªáááá á¡á®áá div ááááááááááá, ááá¬á§ááá£áá á®ááá á áá, áá áá á¤áá ááá. áá á¨ááááá á¡áá®áá ááá¥áá¡ ááááá á á¡áá¨á£áááááááá, á¡á¤áá áááá¨á á¡áá®áá. áá¡á á áá, áá áááá, á ááááá¡ á¡áá®ááááª áá áá¡ A-- á ááááááª ááááááááá áá  ááá¨áááá¡ áááá¡ áá áá¤áá á á£á¤áááá, áá®áá, á áá, á áááá áª á©ááá¡, áá¦ááá¡ á¢áá¥á¡á¢á, ááááá áá áá, á áá áá¦ááá¡ ááááááá¬á§ááá, áááá á, á áá á áááá á¦ááááá¡, ááááá áá áá, á áá áááááá¡, áá áááá á, á áá áá áá¡ á¦ááááá¡. áá¡á, á áá¡ ááá¨áááá¡ áá¡ á§áááá á áááá£á áá áááááá§á£á áááááá¡? áá¡á, ááááá á¨ááá®áááá. á©ááá ááá®á¡áá áá¡ á©áááá ááááá®ááááá¡áá¡ á¤ááá¯áá áá¨á. ááááááááá¡á¬áááá, á áá áá¡ áááááááá£á á ááá áááá division-- áá¥ áááá£ááá£á á ááááá§áá¤áá¡ áá¥. áá¡ ááááááááá áá  áá áá¤áá á, áá á? 

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

áá¡á, á©ááá á¢áá¥á¡á¢áá¡ á¡áá®áá á¨áááá«ááá type-- áááá®á¡ááááá¡, á áá á¤áá áááá á¢áááá¡ á¢áá¥á¡á¢áá¡ ááá  áááá§ááá á©ááá á¡áá®ááá. áá á©ááá¡ ááááááá¬á§ááá áá á¨áááá«áááá á©áá¬áá áá ááááááá¬á§ááá. áá áááá¢áá, á áá áááá áá áá¡ á¢áááá¡ ááááááá¬á§ááá, áá¥ááá áá  áááªá, á á á©ááá ááá ááá. áá¡ á§ááááá¤áá á á¬áá á¢ááá. 

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

áá á-áá áá áááá áááááá¢áá á, á¡áááá á©ááá áááááááááááá á áááááááá á¡á®áá tags á£ááá á¨ááá®áááá áá á¨áá§ááááá¡ tag ááááá áá áá®áá. ááááááááá¡á¬áááá, á áá áá á®ááááá¡ááá ááááááá áá¥áá¡ á¬ááááá. á§áááá á¡á®áá tag á©ááá áááá®áá á¯áá á¯áá áááá ááá¡áá¬á§áá¡á á°á¥áááá áá ááááá¡, ááá®á¡ááá¡ tag áá ááá®á£á ááá¡ á¢ááá. 

áááá áá á¨áá§ááááá¡ tag áá  áá áá¡. á¢áá¥á¡á¢á áá  áá áá¡, á áá ááááá¡ á¨áá áá¡ á¨áá§ááááá¡ tags. á§áááá ááá¤áá áááªáá á©ááá áááá ááá¡ ááááááááªá áá áá¡ ááááááá£áá, á áááá áª ááá¬ááá áá¢á ááá£á¢ááá á áá á¨áá§áááá. ááááááááá¡á¬áááá á©ááá input á¡áá®ááá á¢áááá x. á¢ááá á£áá áá¡ y. áá¡ ááá ááááª á§áááá ááá¤áá áááªáá ááá­áá áááá. 

áá¡ áá¬ááááá áááááááá áááááááá¡ ááá®á£á ááá¡ á¢ááá. áá¡ áá  á¡áá­áá áááá¡ ááá®á¡áá áá áá®ááá¡, á ááááá á§áááá ááá¤áá áááªáá á¨áááªááá¡ á¨ááááá tag áá ááá¡á áá¢á ááá£á¢ááá. áá¡á á áá, áááá¯áá  áááááá®ááá, á«ááááá. áá¡á á áá, á£áá áááá á£ááá ááªáááá¡, á áá áá£ áá¥ááá ááá¥áá áá¥áá¡, á áá áááááááá áááááááá áááááááá¡ á¨áááªááá¡, áá¡ á®á¡ááá¡ áá á®á£á ááá¡ ááááá á¦áá áá£áá®á£á á á¤á á©á®ááá ááá áªá®ááá áá áá áááá¡ áá£áá®á bracket á£á¤áááá. á©ááá ááááááá®ááá, ááááá áá áá áá áá®áá áá ááá áááá¯á tags áá¡ááá. 

á¡áááá á©ááá áá¡áá£áá ááá á¡á£á ááááá, á©ááá á£ááá ááá¡áá£áá áá ááá£áááá¡. áá£ á©ááá áááááá, á áá á©áááá ááá-áááá áá á£ááá áá§áá¡ ááá¢áá áá¥á¢áá£áá áá áá¦ááá«á ááá¡ ááá á¨ááá, áá¡ áá¥áááááá áááááá á¨áá«áááá¡ áááá¬áááá£ááá áá á-áá áá áá áá¡, á ááª, á áááá áª á¬áá¡á, áá§á áá£á á¯á ááá£áá. áá¡ áá áá¡ á áááá£á áá á áááá  ááá¨ááááá á°áááá ááá£ááá¡ á©áááá¡ ááá-áááá ááá. áá á¡áááá¢áá áá¡áá áá á¡ááááá¡ ááááá áá áá HTML tag ááá£á¬ááá ááááá, á ááááááª áá  áá áá¡ á°áááá ááá£áá. áá¥ áááá¡ á¬ááá§áááá áá áá¡ áá áá¡ áá¡, áá£ á áááá  á©ááá ááá£ááááá¡ á°áááá ááá£áá. 

A href á¢áááá x á¡áá¨á£áááááá á¬áá¡ááá ááá-áááá áá X. áá á§ááááá¤áá á á¨áá áá¡ á¦áá tag áá ááá®á£á áá¡ tag áá áá¡ áá¡, á ááª áá¥áááá, á áá á®ááá ááá£á¡áá, áá£á á¯á á¢áá¥á¡á¢á á áá á°áááá¡ ááááá á áá á©ááá ááªáááá¡. á¥ááááá, á áá á©ááá áááá¥áá¡ áááá¯á áá¥áá¡, á ááááááª áá áá¡ áááááááá áááááááá¡ ááá®á£á ááá¡ á¢ááá á©ááááááá¡áá¡ áááá¯á áááááá áááá¡ X. áá áá¥ááá á¨áá«áááá á¨ááªááááá á áá ááááá¡áá®á£áááá áááá¡ááá¦áá áá á¡ááááá áá á¡áááá¦áá áá á¡á®áá áá¢á ááá£á¢ááá á áá dot dot dot áá á¡ááááá¡. 

á«ááááá ááááá¨á áá¥ á©ááá áááá¥áá¡ á«ááááá á¡áááá¢áá áá¡á áá«ááá¡ tag, á ááááááª áá  áá¥áá¡ ááá®á£á ááá¡ á¢ááá. áá¡ á«áá®áááá¡ á¬áá á¢ááá doctype HTML. áá¡á á áá, HTML á£ááá ááá á¨ááá á¬ááááá 1990-áááá á¬ááááá¡ áá¨ááááááááá¡ ááá áááá áááá, áá áá¡ á¬ááááá ááááááá á áááááááá ááá á¡áááá¡ á¨ááááá. áªáá¢á á®ááá¡ á¬áá, 2014 á¬ááá¡ ááá¡ á©áá£á¢áá áá ááááá¡ááá¯ááá¡ ááá£á¬ááá HTML5 á ááááááª áá áá¡ áááááááá á áá ááááá á áá á¤áá¥á¢á HTML á¡á¢ááááá á¢á. 

ááá£áááááá¡ ááááá, á áá á©áááá¡ ááá áááá áááá áá¬áá ááá ááááá§áááááá HTML5, áá¡ áá áá¡, áá£ áááá¬á§áá¡ off. áá¡ á¨ááá«áááá áá§áá¡ ááááá¢ááááá£áá, áááá áá á á, á áá, á«áá áááááá, á¡áá¨á£áááááá áá¥ááá ááá  á¨áá«áááá áááááá§áááá á ááááááá tags á áá HTML5 tags, áá áá®ááá tags. áá¡á á áá, á©ááá á§áááááááá¡ áá¬á§ááá off áá£ á©ááá ááááá§áááááá HTML5. áá á§áááá tags á©ááá ááá¡áá£áá áá ááá á áá  áá áá¡ HTML5 tags. áááá áá áá¡ ááááá ááá£áááááá¡, á áá HTML5 tags áá¥áááá á¬áá ááááááááá. áá¡á á áá, á©ááá áááá¥áá¡ á«áá®áááá¡ doctype HTML, á ááááááª áá áá¡ á«ááááá ááá¡áá¬á§áá¡á¨á á©áááá HTML á¤áááá, áá ááá¨áá á¨ááááá áá¢áááá á©ááá á áááá£á áá áááá¥áá¡ á©áááá HTML á¦áá tag áá áááá á«ááááá áá¥áááá. 

áááá áá áá áááááá¢áá á tag, á ááááááª áááááá§á£á ááá ááááá áááá¡á®áááááá£áá, á«ááááá. ááá áá¬á§ááá off áá ááá áá£áá®á bracket á«áá®áááá¡ dash dash áááá áá áá  ááá®á£á ááá¡ á¤á á©á®ááá. áá áá á¡ á¨áá áá¡ ááááááá¢ááá áá  á¡ááááª áá¥ááá ááá¬áá áá áá¥áááá áááááá¢áá á. áá ááááá á¨ááá®áááá á¡á£á ááááá áá áááááá¢áá ááá áá ááá£áááá CS50 IDE. 

áá¡á á áá, áá áá¥ á¤áááá á¡áá®áááá á¡á£á áááá¡ ááá£áá dot HTML, á ááááááª áá ááááá áá ááá®á¡áá. áá á¨áááá©ááá áá ááááá¦á á áááááááá áááááá¢áá á áá¥ á©ááá¡ HTML áááááá¢áá á. áááá¢áá áá¡ááá á áááá áª C áá á¡á®áá áá ááá áááá áááá¡ ááááá, HTML á£áá áááá áááááá ááá ááá áááá¡ ááá áá¥áá¡ á£ááá á áá¥áá¡ áááááá¢áá ááá. áá¡á á áá, áá áá¨ááá áá áááá ááá¡ áááááááá¡áá á¡á£á ááá¡ Rick Astley á¡ááá¦ááª á¨áá áá¡ áá div tag, áá áááááááá£á á ááá§áá¤á. á áááá áª á©ááá¡, á áá á¤áááá áááááá áááá¡ Rick dot JPEG, á ááááááª áá£ á©ááá á£á®áááá«á¦áááááááá¡ á£ááá ááá¢á á©ááá á¤áááá á®á áááá á, á¤áááá, á ááááááª áá á¡ááááá¡ áááááááá á ááá áá¥á¢áá áá. áá¡á á áá, OK. á¨áááá«ááá ááááááááá¡ ááá. 

ááá¨áá áá á¨áááá«ááá áá¥áá¡ á¨ááá áááá¨áá ááá. áá¡á á áá á¨áááá©ááá on line 11 áá¥ á©ááá href áá áá¡ hello dot HTML. áá¡á á áá, á£áá áááá áá®ááá áááá¡áááááá dot HTML á ááááááª áá á¡ááááá¡ áááááááá á ááá áá¥á¢áá áá. áá áá áá¡ááá á¨áááá«áááá áá¥áá¡ ááá á ááá£áááá áá®áááá á¡áá¡á£á áááá HTTPS ááá£áááááá¡ ááááá, á áá áá áá  áá¡áá£áá ááá áááá®áááááá áá áá á¤áááá á©ááá áááááááá á ááá áá¥á¢áá áá. áá áá¡áá£áá áá á¤áááá, á ááááááª áá á¡ááááá¡ á¡áááá ááá¢áá ááá¢á¨á, á ááááááª áá ááá¥áá¡ ááááá®áááá¡ HTTP áá áá¢ááááá. 

ááááá á¨ááá®áááá á á áá áááá ááá á¨ááá«áááá áááááá§á£á áááááá¡ áá ááááááááá¡ á¡á£á ááá¡ Rick Astley ááááá©ááááá áá¥áááá¡ ááá áááá. áá¡á á áá, áá á¬áááá¡á¬áá  áá¡. áá á¡ááááá¡ Rick Astley áá á«ááááá ááááá áá áááááááá£á á á¡ááááá áááááá¡ áá áááá¡ áááá. áá á¨ááááá á¥ááááá áá ááá¥áá¡ á©ááá áááá¨áá ááá, áá á? 

ááá¥áá¡ ááá£áá áááá¡áááááá dot HTML. áá áá£ áá áááá¬áááá£ááá á áá, áá áááááááá áá áááá ááá á áá á©ááá á«ááááá ááªáááá¡ ááááááááá á©áááá áá ááá ááá. áá£ áá ááá, á áá áááá ááá á¦áá áá áá®áá, áá£ áá ááá á¡á£á áááá¡ ááá£áá ááá®á¡áá ááááá áá áá®áá, áá áá¡ááá á¨áááá«áááá ááá áááá CS50 ááá®áá. áá áá¥ see-- áá áááá¨áá ááá¡ áªáá¢á áá¥ á©ááá ááááááá®ááá, CS50 ááá®áá áá ááááá á á©áá áá£áá á¨á£á á©áááá¡ áááá ááá. áá¡á á áá, áá á¨áá«áá á¨ááá ááá£áá ááá áááá ááá á ááá£áá. 

áááá á¬áá¡áá HTML, á áá á©ááá ááááá ááá, á áá ááááá ááá áá¥ áá áá¡, á áá áá¥áááá HTML ááá ááá á£ááá á©áááá§ááááááá¡. In C á©ááá ááá¡áá£áá áá áááá á á¡á®ááááá¡á®áá á¡ááá¢áá¥á¡á á áá. In HTML á¡ááá¢áá¥á¡á ááá ááááª revolves ááá á¨ááá tags. á§áááá tag áá¥ááá ááá®á¡áá á¡áá­áá áááá¡ áááá£á¡á¢áááá¡ áá¤ááááááá¡ ááá®á£á á£ááá. áá á¡áááááááááá¨á, á§áááá á¢ááá áá¥ááá ááá®á¡áá á£ááá áááá®á£á áá¡ á¡áááá áá¡ááá á áááááá. 

áá¡á á áá, áá£ áá¥ááá ááá®á¡áá áááááá tag, ááá®á ááá tag, áá á¨ááááá ááááá ááá£áááááá¡, tag á áá á¡ááááá áá¥áá¡ ááááá áá¢á£áá ááááááá¥á¢á á¢áá¥á¡á¢á, áá¥ááá á£ááá ááá®á£á áá¡ ááá á¡áááá áá¡ááá á áááááá. áá¡á á áá, áá£ áá¥ááá áááá®á¡áá áááááá, ááá®á ááá, áá¦áááá¨áá, á áá áá¥ááá ááááá ááá®á£á áá ááááá ááá£áááááá¡, ááá®á ááá, áá£á¥á. áá¡ áá ááááá á encapsulation áá áá¡ áá¡, á ááª áááá á©á£áááá¡ HTML áááááá áá áá áááááááá£áá. 

áááá¡á®ááááááá C, áá£ááªá, á¡ááá¢áá¥á¡á£á á á¨ááªááááááá¡ áá  á áááá£á áá áá¡áá®áááá áá¥áááá HTML á¨áá¡áá«ááá. á¨ááá HTML áá  á¨ááá«áááá áá§áá¡ ááá ááá á©áááá§áááááá, áááá áá áááááª áá£á¨áááá¡. áá¡á á áá, áá¡ á¨ááªáááááá á¨áááá«áááá áááááááá á¡áááá áááá . áá¡ ááá áá¥ááá ááááááááá á£ááá ááá§áá. áááá¯áá  áá¡ááá ááá , áááá áá áááá¯áá  á¨áááá«áááá áááá¦áá áááá§ááááá¡ ááá. 

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

áá Doug Lloyd. áá¡ áá áá¡ CS50.