డౌ LLOYD: సో మేము గడిపిన గురించి నా గణిత కుడి ఉంటే, మరియు నేను ఆలోచించడం back-- చూస్తున్న అనుకుంటున్నాను మేము మాట్లాడటం గురించి 35 వీడియోలను ఖర్చు బహుశా C యొక్క వివిధ కోణాలు గురించి కొంచెం ఉండవచ్చు కొద్దిగా తక్కువ. మరియు మేము కవర్ లేదు సి లో ప్రతిదీ, కానీ మేము ఒక పెద్ద భాగం కవర్ భాష, ఇది మెజారిటీ ఖచ్చితంగా సాధారణ వినియోగాలకు. ఇప్పుడు మేము మాట్లాడటానికి వెళుతున్న గురించి మరొక భాష, HTML. మరియు మేము కవర్ చూడాలని అది కేవలం ఒక వీడియో వివరించాడు. 

కానీ ఆ సరే చేస్తాడు. వాస్తవానికి మారింది జరగబోతోంది ఏదో మీరు అలవాటుపడతారు చూడాలని. ఇప్పుడు మీకు ఒక భాష యొక్క మౌలిక ఇది నిజానికి చాలా సులభం ఇతరులు నేర్చుకోవడం. కాబట్టి మేము ఆరంభమవుతుంది చేస్తున్నారు కొద్ది తిరిగి దశను మరియు ప్రాథమిక మీద వ్యాఖ్యానం ఈ భాషల మధ్య తేడాలు మరియు విధమైన దానికి మీరు వదిలి. నిజంగా గొప్ప చాలా ఉంది ఇంటర్నెట్, వనరులు ఇది మేము మీరు దర్శకత్వం ఆరంభమవుతుంది చేస్తున్నారు ఇంటర్నెట్ ఎందుకంటే వైపు సమాచారం యొక్క ఒక విస్తారమైన రిపోజిటరీ. కాబట్టి అది చేస్తాము మీరు ఇష్టం లేదు తప్పనిసరిగా ఉండాలి పాలయ్యింది సమాచారం కలిగి లేదు ఒక వీడియో లో కవర్. మీరు ఇప్పటికీ పొందుటకు చెయ్యగలరు ప్రతిదీ మీరు అవసరం మరియు ఉపయోగం మీరు ఇప్పటికే చేసిన జ్ఞానం సి అవగాహన ఏర్పడి ఈ కోసం సాంకేతికతను చేయడానికి నిజానికి ఇతర భాషలు చాలా బల్లపరుపుగా. నేను ప్రమాణం చేస్తున్నాను. 

కానీ యొక్క మరో భాష గురించి మాట్లాడటానికి వీలు ప్రతి వెబ్ కోసం నిజంగా ప్రాథమిక వార్తలు HTML పేజీని. HTML హైపర్ టెక్స్ట్ మార్కప్ లాంగ్వేజ్. HTML ఒక భాష కానీ అది ఒక ప్రోగ్రామింగ్ భాష. 

HTML వేరియబుల్స్ లేదు. ఇది తర్కం లేదు లేదా విధులు లేదా అలాంటిదే ఏదైనా. మేము ఏ చేయలేను HTML లో కేవలంగా ప్రోగ్రామింగ్. కొన్నిసార్లు మీరు వింటారని ప్రజలు తాము వివరించడానికి HTML ప్రోగ్రామర్లు, ఏది పూర్తిగా నిజం కాదు. మేము HTML కార్యక్రమాలు రాయలేదు. 

HTML టెక్స్ట్ మార్కప్ చేయడానికి ఉపయోగిస్తారు. ఇది ఒక మార్కప్ భాష అని. మరియు ఈ markup-- దేనిని ఏమి మేము HTML మరియు ఈ టాగ్లు టాగ్లు ఉపయోగించడానికి ఈ అర్థ వివరణ markup-- ఒక పేజీ యొక్క నిర్మాణం నిర్వచిస్తుంది మరియు సాదా టెక్స్ట్ కలిగిస్తుంది టాగ్లు అన్వయించి మధ్య ఉంది వివిధ మార్గాల్లో బ్రౌజర్లు. మరియు బహుశా అది వివరించడానికి ఉత్తమ వార్తలు ఒక దృష్టాంతం ఈ ద్వారా మార్గం. 

ఇక్కడ చాలా సాధారణ HTML పేజీ, కాదు ఒక HTML కార్యక్రమం, మళ్ళీ, ఒక HTML పేజీ. మరియు మేము అది తెలుసు HTML పేజీ మేము చేసిన ఎందుకంటే HTML ట్యాగ్లు ప్రతిదీ కలిగి. కాబట్టి ఈ ఒక HTML టాగ్ కనిపిస్తుంది ఏమిటి. ఇది బ్రాకెట్లు మధ్య ఉంది. మరియు మేము ఎగువన గమనిస్తారు HTML మరియు చాలా దిగువన, మేము ఏమి చేసిన తర్వాత స్పష్టంగా ఇతర HTML చాలా, మేము కోణ బ్రాకెట్ స్లాష్ HTML కలిగి. కాబట్టి ఆ విధమైన సరిహద్దు HTML ఏమిటి మరియు ఏ కాదు మధ్య. మరియు కోర్సు యొక్క, సంప్రదాయకంగా, కేవలం మీ సి కార్యక్రమాలు అన్ని రాసాడు డాట్ సి పొడిగింపులతో, మీ HTML ఫైళ్లు అన్ని డాట్ HTML పొడిగింపులతో ముగుస్తుంది. కానీ ఇక్కడ మరింత అక్కడ జరగబోతోంది. మేము కేవలం ఈ HTML ట్యాగ్లను కలిగి లేదు. మేము స్పష్టంగా ఈ కలిగి విషయం ఒక తల ట్యాగ్ అని. Well, సరే, ఆ ఏముంది? 

Well బహుశా అది చేయడం ఉత్తమం ఒక శరీరం ద్వారా వేరు, శరీర వెబ్ పేజీ యొక్క కంటెంట్ ఉండటం. కాబట్టి బహుశా తల ట్యాగ్ stuff నిర్వచిస్తుంది ఆ, బ్రౌజర్ విండోలో సరైన కాదు కానీ ఏదో ముఖ్యం మా వెబ్ పేజీ సరిగ్గా అన్వయించ. ఉదాహరణకు, లోపల తల ట్యాగ్ మేము శీర్షిక ట్యాగ్లను కలిగి. 

దీనితో శీర్షికను హలో వరల్డ్ ఉండటం, వాస్తవానికి ఏమి చేస్తాడు Chrome లో టాబ్ లో చూపిస్తుంది లేదా Safari లేదా Firefox-- లో సంసార బ్రౌజర్ మీరు ఆ prefer-- ఏమి టైటిల్ చూపించడానికి జరగబోతోంది. మరియు టాబ్లను ముందు అది చూపిస్తుంది మీ మొత్తం బ్రౌజర్ విండోలో మరియు మీరు మాత్రమే ఒక పేజీ ఉండవచ్చు ఒక సమయంలో ఒక బ్రౌజర్ విండోలో తెరవండి. కాబట్టి ఆ చేస్తాడు టాబ్ లో నా పేజీ యొక్క శీర్షిక లేదా బ్రౌజర్ విండో బార్, హలో ప్రపంచ. మరియు అప్పటి కంటెంట్ నా వెబ్ పేజీ హలో, ప్రపంచం ఉంటుంది. కాబట్టి యొక్క కొన్ని పరిశీలించి వీలు ఈ వంటి విషయం లాగా ఉండవచ్చు. ఈ ఒక అందమైన సాధారణ HTML పేజీ ఉంది. నేను నా CS50 IDE ఇక్కడ ఉన్నాను నేను కొద్దిగా జూమ్ చేసిన. నేను కేవలం వెళుతున్న హలో డాట్ HTML తెరుచుకుంటుంది మరియు ఈ చాలా చక్కని అని మీరు చూపించడానికి మేము ముందు చూసిన పేజీ కంటెంట్. నా సాధారణ HTML, తల ట్యాగ్లు శీర్షిక టాగ్లు, కాబట్టి శరీరం, మరియు. నేను శుభ్రంగా ఉండాలి ఇండెంట్ చేసిన. 

నేను చేయవచ్చు అప్పుడు ఏమి నా IDE కేవలం పేజీ ప్రివ్యూ ఉంది. మరియు అక్కడ మేము వెళ్ళి. నా పేజీ యొక్క కంటెంట్, ప్రపంచ హలో, మరియు నేను ఏదైనా చూడండి లేదు అక్కడ తల టాగ్లు నుండి. ఇది శరీరం యొక్క కంటెంట్. ప్రపంచ హలో. మళ్ళీ శరీరం కేవలం అన్నారు, ప్రపంచంలో, హలో. ఇతర భాగంగా లేదు. 

తద్వారా నిజంగా అది అంతే. ఈ చాలా సులభమైన ప్రాథమిక HTML పేజీ ఉంది. ఇప్పుడు నేను నా HTML ఇండెంట్ చేసిన నిజంగా nice మరియు వ్యవస్థీకృత కానీ నేను నిజానికి లేదు. నేను అందంగా అగ్లీ కనిపించేలా. మరియు ఇది ఇప్పటికీ పని చేస్తుంది. ఈ ఖచ్చితమైన వెబ్ పేజీ అవుతుంది. నేను విమోచనం సంపాదించిన చేసిన తెల్లని స్థలం అన్ని. 

దీనిని టర్న్స్, తెల్లని స్థలం డేటా. కాబట్టి మేము నుండి డేటాను పంపడం చేసినప్పుడు పంపినవారు సర్వర్ నుండి గ్రాహకి వరకు క్లయింట్, డేటా డబ్బు ఖర్చవుతుంది. కాబట్టి తెల్లని తొలగిస్తున్నాము నిజానికి ఒక మంచి ఆలోచన మీరు ఎవరైనా ఉంటే ఎవరు పనిచేస్తుంది వెబ్ కంటెంట్ చాలా అప్. మీరు అయితే ఇది ఒక చెడు ఆలోచన ఈ విషయాన్ని తెలుసుకున్న ఎవరు ఎవరైనా మరియు మీరు కావాలి ఇది చక్కగా నిర్వహించారు. ఈ కంటే అన్వయించడం చాలా సులభం. కానీ అది కార్యాచరణలో సమానంగా ఉంది. 

ఆ వంటి ఇండెంటేషన్ని మరియు stuff నిజానికి HTML లో పట్టింపు లేదు. ఆ విషయాలను తెరవడం టాగ్లు మరియు సరైన క్రమంలో టాగ్లు మూసివేయడం. అయితే, ఇక్కడ ఏమి గమనిస్తారు. మార్కప్ మాకు ఒక మార్గాన్ని అందిస్తుంది అదనపు సమాచారాన్ని మేము వ్రాయలేదు గురించి. హలో, ప్రపంచం భాగంగా ఉంది టైటిల్ వ్యాఖ్యానించబడింది. మరియు, హలో భాగంగా ప్రపంచం కంటెంట్ వ్యాఖ్యానించబడింది లేదా ఉండాలి నా వెబ్ పేజీలో కనిపిస్తాయి. 

ఈ వివిధ 100 పైగా ఉన్నాయి టాగ్లు మరియు గొప్ప వనరుల మా వాటిని కనుగొనడానికి ఆన్లైన్. మేము ఒక గురించి మాట్లాడటానికి వెళుతున్న ఈ వీడియోలో వాటిలో కొన్ని, కొన్ని నిజంగా ప్రాథమిక stuff యొక్క. కానీ మేము చర్చ వెళ్ళడం లేదు చేస్తున్నాం అన్ని గురించి ఇది ఎందుకంటే అలా కూలంకష ఉంటుంది. 

మీరు అయితే, అలా చేయవచ్చు మరో విషయం డెవలపర్ ఉపకరణాలు తెరుచుకుంటుంది ఉంది. మరియు మీరు నుండి గుర్తు ఉంటే HTTP మా వీడియో, నేను తెరిచి ఎలా వివరించారు డెవలపర్ ఉపకరణాలు. Chrome లో అది సాధారణంగా F12 కీ డెవలపర్ టూల్బార్ తెరవటానికి. అప్పుడు బదులుగా నెట్వర్క్ ఎంచుకోవడం టాబ్, మీరు ఎలిమెంట్స్ టాబ్ ఎంచుకోవచ్చు. మరియు మీరు ఒక వెబ్ లోడ్ ఉంటే పేజీ, మీరు నిజంగా చేస్తాము వెబ్ పేజీ సృష్టిస్తుంది HTML చూడండి. కాబట్టి మీరు HTML గురించి చాలా తెలుసుకోవచ్చు మీ ఇష్టమైన వెబ్సైట్లను చూడటం ద్వారా మరియు వారు నిర్మించడానికి ఎలా చూసిన మీరు నచ్చిన వాటిని వివిధ ముక్కలు. కాబట్టి బహుశా ఈ చల్లని ఉంది నమూనా లేదా అలాంటిదే. ఎలా వారు HTML తో తయారు చెయ్యాలి? Well మీరు కేవలం మీ డెవలపర్ తెరుచుకుంటుంది ఆ మూలకం పైగా టూల్స్ మరియు హోవర్ మరియు HTML చేస్తుంది సరిగ్గా చూడటానికి. కాబట్టి ఒక నిజంగా HTML తెలుసుకోవడానికి మంచి మార్గం, మరియు నేను గట్టిగా సిఫార్సు మీరు రెండు తెలుసుకోవడానికి? HTML కూడా కొద్దిగా తెలుసుకోవడానికి ఎంపికలు కొన్ని గురించి బిట్ మీకు అందుబాటులో డెవలపర్ ఉపకరణాలు, ఇది ఖచ్చితంగా ఉపయోగకరంగా ఉండగలదో మీరు మరింత ఇంటెన్సివ్ వెబ్ చేయడం మొదలు ప్రోగ్రామింగ్. 

కాబట్టి యొక్క ఒక పరిశీలించి వీలు సాధారణ HTML టాగ్లు జంట. మరియు మేము జంప్ మరియు పరిశీలించి చేస్తాము ఈ టాగ్లు కూడా కలిగిస్తుంది ఏమి నా IDE కొన్ని ఫైళ్ళను చూడటం లాంటివి. కనుక ఇక్కడ మూడు చాలా ప్రాథమిక టాగ్లు ఉంటాయి టెక్స్ట్ యొక్క రూపాన్ని ట్వీకింగ్. B ట్యాగ్లు, నేను ట్యాగ్లు మరియు U టాగ్లు ఉంది. వరుసగా వారు ఏమి బోల్డ్ వాటిని మధ్య టెక్స్ట్ నటించు, ఇటాలిక్స్, మరియు పరిస్తితులలో. కాబట్టి యొక్క ఆ చూడండి ఏమి చూద్దాం నా IDE లో ఒక వాస్తవ వెబ్ పేజీలో. 

ఇక్కడ నా IDE లో నేను ఒక biu డాట్ HTML అనే ఫైలు. Biu డాట్ HTML కేవలం ఉండటం బోల్డ్, ఇటాలిక్, పరిస్తితులలో. నేను దానిని తెరిచి చేస్తాము. 

మరియు మేము నేను చూస్తారు ఈ టెక్స్ట్ B టాగ్లు బోల్డ్ ఉంది. ఈ టెక్స్ట్ నేను టాగ్లు ఇటాలిక్ ఉంది. మరియు ఈ టెక్స్ట్ U టాగ్లు మార్క్ ఉంది. ఏం ఇలా అన్నారు? బాగా మళ్ళీ, నేను కలిగి ఇక్కడ వెళ్ళి అలా నా బ్రౌజర్ నా ఫైల్ బ్రౌజర్, క్లిక్ ప్రివ్యూ, మరియు ఈ అప్ వస్తుంది ఏమిటి. 

B మధ్య లో టెక్స్ట్ టాగ్లు నిజానికి ఇప్పుడు బోల్డ్ ఉంది. నేను మధ్య లో టెక్స్ట్ టాగ్లు నిజానికి ఇప్పుడు ఇటాలిక్ ఉంది. మరియు U మధ్య లో టెక్స్ట్ టాగ్లు నిజానికి ఇప్పుడు మార్క్. కాబట్టి ఆ అందంగా బావుంటుంది. మేము ఇప్పుడు టెక్స్ట్ చేయడానికి ఎలా కొంచెం ఫాన్సీ చూడండి లేదా కొన్ని విషయాలు దృష్టి డ్రా. ఇక్కడ సాధారణ టాగ్లు మరో జంట ఉన్నాయి పేరా టాగ్లు, P, శీర్షిక ట్యాగ్లు ఇది నేను HX ఇక్కడ ఇవ్వబడిన చేసిన. 

ఈ p టాగ్లు, ఈ పేరా టాగ్లు పేరాలు మీ టెక్స్ట్ను విడిపోతారు. ఇది కేవలం తగినంత కాదు ఎంటర్ మరియు ఖాళీలు వదిలి హిట్, ఒక కంప్యూటర్ మాత్రమే అన్నారు ఎందుకంటే మీరు దీన్ని చెప్పండి ఏమి మరియు అది తెల్ల పట్టించుకోదు చాలా భాగం ఖాళీ. కాబట్టి మేము కేవలం ఎంటర్ నొక్కండి కాదు మరియు మా కంప్యూటర్ ఆశించే మేము కావలసిన అనువదించేందుకు ఒక కొత్త పేరా ప్రారంభించడానికి. మేము చాలా స్పష్టంగా ఈ చెప్పే ఈ పేరా ఒక another-- ఉంది పి టాగ్లు సెట్లో ఒకదానితో మూసివేయడం ద్వారా. 

మరియు మేము కూడా ఈ ఎంపికలు ఉన్నాయి H టాగ్లు, ఈ శీర్షిక టాగ్లు కోసం. మేము ఆరు వివిధ స్థాయిలు శీర్షికలు, ఒకటి, రెండు, మూడు, ఇవి నాలుగు, ఐదు, ఆరు, క్రమక్రమంగా పెద్ద మరియు పెద్ద శీర్షికలు. వారు చిన్న పొందడానికి మరియు చిన్న మరియు చిన్నది. కాబట్టి మనం రెండవ ఒక ఉన్నత స్థాయి శీర్షిక కలిగి స్థాయి శీర్షిక, మరియు అందువలన న, మరియు అందువలన న. 

యొక్క బహుశా కొన్ని పరిశీలించి లెట్ పి టాగ్లు మరియు కొన్ని శీర్షిక టాగ్లు ఒక వెబ్ పేజీ చర్య లో. ఇక్కడ నా IDE లో నేను అనే ఫైల్ కలిగి PH డాట్ HTML, PH ఉండటం పేరాలు మరియు శీర్షిక ట్యాగ్లను. ఆ తెరుచుకుంటుంది. చాలా ఇక్కడ అక్కడ జరగబోతోంది నేను కొన్ని లోరెం ఉంచాము ఎందుకంటే ఇప్సమ్, ఇక్కడ కొన్ని కేవలం యాదృచ్ఛిక టెక్స్ట్. నేను కొద్దిగా బయటకు జూమ్ చేస్తాము అక్కడ ఎందుకంటే చాలా జరగబోతోంది. కానీ నేను చాలా వద్ద కలిగి గమనించవచ్చు నేను ఒక H1, ఒక స్థాయి ఒక కలిగి ఇక్కడ టాప్ శీర్షిక ట్యాగ్. అప్పుడు నేను కేవలం ఇది ఒక పేరా కలిగి యాదృచ్ఛిక text-- లోరెం కొంత ipsum-- కేవలం టెక్స్ట్ ప్రామాణిక నింపి డిఫాల్ట్. నేను ఆ లోపల రెండు పేరాలు ఉన్నాయి ఒకటవ స్థాయి శీర్షిక ఆపై డౌన్ నేను క్రింద లైన్ 24 న ఇక్కడ ఒక స్థాయి రెండు శీర్షిక కలిగి రెండవ స్థాయి శీర్షిక, మరియు మరొక రెండు పేరాలు. Well ఈ కనిపిస్తుంది చేస్తుంది నా ప్రివ్యూ లో చూడడానికి ఉంటే? చూద్దాం. 

సో గమనించవచ్చు ఇక్కడ మొదటి స్థాయి శీర్షిక వాస్తవానికి కొంచెం పెద్దది రెండవ స్థాయి శీర్షిక కంటే. కాబట్టి మేము H1 టాగ్లు ఉపయోగిస్తారు. మరియు P టాగ్లు మాకు అనుమతించే గమనించవచ్చు పేరాలు విషయాలు బయటకు. మేము ఆ P టాగ్లు విమోచనం సంపాదించిన ఉంటే మరియు వాస్తవానికి కేవలం చాలు ప్రవేశించింది లేదా రిటర్న్స్ మేము ఆశించిన ఏమి మధ్య చేస్తాను వివిధ పేరాలు ఉంటుంది, వారు అన్ని కేవలం కలిసి స్లామ్ ఉంటుందని మరియు ఈ nice పేరా ఉండదనే పైన మరియు క్రింద స్థలం తో వేరు. కాబట్టి ఆ ఏమి ఉంది పేరా టాగ్లు మరియు శీర్షిక ట్యాగ్లను సాధారణంగా డ్రా చేయాలని ఉపయోగిస్తారు మా వెబ్ పేజీ యొక్క భాగాలు దృష్టి ఆ విధంగా. 

తర్వాత మేము ఉపయోగించే కొన్ని ట్యాగ్లు ఉంటాయి మా వెబ్ పేజీలో జాబితాలు నిర్మించడానికి. కాబట్టి మేము క్రమం కలిగి జాబితాలు ULs-- ఇది కేవలం ఆదేశించారు బులెట్ జాబితాలు, numbered-- ఇవి జాబితా OLs-- మరియు దాని లోపల గాని వారిలో మేము కలిగి ఉండాలి , LI జాబితా అంశాలను సూచించడానికి ఎలా సెట్లు. కాబట్టి మేము ఓపెన్ UL ట్యాగ్ మరియు మనం లోపల అంశాలను ఉంచండి. మరియు తర్వాత మేము పూర్తి చేసినప్పుడు ఆ, మేము UL ట్యాగ్ మూసివేయవచ్చు. 

మరియు అలాగే మేము కలిగి ఒక ఆదేశించింది లేదా సంఖ్యా జాబితా మరియు లోపలి జాబితా అంశాలను ఉంచండి. కాబట్టి యొక్క పరిశీలించి తెలియజేయండి జాబితాలు ఒక జంట వద్ద మరియు అవి ఏమి చేస్తాను CS50 IDE నాటికి రెండర్. నేను నా IDE ఒక లో ఇక్కడ కలిగి ఫైలు అని జాబితాలు HTML కలదు. యొక్క పరిశీలించి లెట్. 

మరియు ఇక్కడ గమనించవచ్చు నేను క్రమం కలిగి అది అయిదు విషయాలు జాబితా. ఆపై నేను ఒక క్రమ జాబితాను కలిగి, మరియు నేను ట్యాగ్ కొద్దిగా మార్చారు, కుడి? నేను ప్రారంభంలో ఆరు సమానం చెప్పారు చేసాము. ఇది ఒక క్రమ జాబితాను నేను అవుతుంది ప్రారంభ స్థానం ఎక్కడ సెట్ చేయవచ్చు నేను one-- ఉంటుంది అప్రమేయంగా కోరుకుంటే కేవలం ఈ అని పిలవబడే లక్షణం జోడించడం నా OL ట్యాగ్. అందువలన ఈ జాబితా రెడీ ఆరు వద్ద లెక్కింపు మొదలు. ఆ సంఖ్య జాబితా కాబట్టి అంశాలు ఉండాలి ఆరు, ఏడు, ఎనిమిది, తొమ్మిదు, పధి, ఐదు అంశాలు ఉన్నాయి ఎందుకంటే జాబితాలో, ఒక వ్యతిరేకంగా, రెండు, మూడు, నాలుగు, ఐదు, ఇది నేను OL చెప్పి ఉంటే సందర్భంలో ఉంటుంది ప్రారంభంలో లక్షణ పేర్కొనకుండా. 

మీరు చేయగలరా కాబట్టి మేము కేవలం ఈ మునుజూపు చేస్తాము ఇక్కడ జరగబోతోంది ఏమి కోసం ఒక భావాన్ని పొందండి. మరియు అక్కడ మేము వెళ్ళి. నా జాబితాలో ఉంది. మొదటి ఐదు అంశాలు క్రమం లేదా బులెట్ జాబితాలు. మరియు తదుపరి ఐదు అంశాలు ప్రత్యేక ఆదేశించింది జాబితాలో ఉన్నాయి ఆరు నుండి ప్రారంభమయ్యాయి. సో ఎలా మేము HTML ఉపయోగించి జాబితాలు నిర్మించడానికి. మరో విషయం మీరు వాటిని HTML తో చేయాలనుకుంటున్నారా ఒక టేబుల్ బిల్డ్ వరుసలు మరియు కాలమ్లను సమాచారం ఒక సమాచారమును ప్రదర్శించడానికి ముఖ్యంగా మార్గం నిర్వహించారు. మేము ఒక కలిగి HTML తో దీన్ని ఓపెన్ బ్రాకెట్ ప్రారంభించి పట్టిక నిర్వచనం పట్టిక. మరియు ఆ పట్టిక లోపల మేము వరుసలు, TR టాగ్లు సమితి కలిగి ఉండవచ్చు ప్రతి వరుసలో సూచించడానికి. ఆపై TD టాగ్లు TR టాగ్లు లోపల వెళ్ళి వరుసగా లోపల ఒక కాలమ్ తెలుపుటకు. 

ఎందుకు అది TD అని మరియు TC లేదు? Well, TD పట్టిక డేటా కోసం నిలుస్తుంది. సాధారణంగా మీరు పెట్టటం చేస్తున్నారు అక్కడ మీ సమాచారం. ఇది టీడీ మరియు TC వై కాబట్టి ఆ. ఇది కొద్దిగా గందరగోళంగా ఉంది. 

కాబట్టి మీరు పట్టిక టాగ్లు మరియు మీ పట్టిక టాగ్లు లోపల మీరు వరుసలు టిఆర్ఎస్ ఉన్నాయి. మరియు ప్రతి వరుస లోపల మీరు నిలువు సంఖ్య TDS మీరు కావలసిన నిర్దిష్ట వరుసగా. యొక్క చాలా పరిశీలించి లెట్ CS50 IDE పైగా సాధారణ పట్టిక. 

కాబట్టి నేను ఇక్కడ ఒక ఫైల్ కలిగి పట్టిక డాట్ HTML అనే. యొక్క వద్ద ఒక లుక్ కలిగి లెట్ ఏమి ఆ కనిపిస్తుంది. చాలా ఇక్కడ అక్కడ జరగబోతోంది కానీ మీరు గమనించవచ్చు ఉంటే నేను ఒక టేబుల్ తెరిచారు. నేను పట్టిక డెఫినిషన్ మొదలు చేస్తున్నాను. అప్పుడు నా మొదటి వరుసలో నేను స్పష్టంగా నాలుగు నిలువు, ఒకటి, రెండు, మూడు, నాలుగు. ఆపై నేను ఆ వరుసలో పూర్తయింది. 

అప్పుడు నేను మరొక వరుస మొదలు మరియు రెండు, నాలుగు, ఆరు, ఎనిమిది చేయండి. ఆ వరుసలో ముగించు. మరొక వరుస, మూడు, ఆరు, తొమ్మిది, 12 డు. ఆపై ఒక చివరి వరుసలో, నాలుగు, ఎనిమిది, 12, మరియు అది అయితే కొద్దిగా, 16 ఇక్కడ కత్తిరించిన. 

నేను ఆ వరుసలో ముగించాడు. నేను టేబుల్ను పూర్తి. అప్పుడు నేను నా HTML తో పూర్తయింది. ఏమి ఈ కనిపిస్తుంది చేస్తుంది? Well, అది చూడటానికి నిజంగా కాదు. నేను స్పష్టంగా నా సమాచారాన్ని నిర్వహించాను కొంత మరింత వ్యవస్థీకృత విధంగా. కానీ ఇక్కడ సూపర్ అందంగా కాదు. మరియు మేము వ్యవహరించే చూడాలని మేము CSS గురించి మాట్లాడినప్పుడు. మేము ఈ ఆలోచన సందర్శించండి చేస్తాము మేము ఒక పట్టిక తయారు చేయడానికి ఏమి బహుశా కొద్దిగా మెరుగైన దానిని ఫార్మాట్? కానీ నేను ఇప్పటికీ నాలుగు వరుసలు కలిగి లేదు, వీటిలో ప్రతి నాలుగు నిలువు, ఒక ఉంది మరియు నిజంగా ఈ మొత్తాలను చాలా సాధారణ నాలుగు నాలుగు గుణకారం ద్వారా పట్టిక. 

మనం మాట్లాడదాము మరికొన్ని టాగ్లు. గురించి మాట్లాడండి లెట్ ఒక HTML రూపం భావన. కాబట్టి మీరు ఈ చూసిన ఒక వెబ్ పేజీ లోకి లాగింగ్ యొక్క కాంటెక్స్ట్. సాధారణంగా మీరు మీ యూజర్ పేరును టైప్. మీరు మీ పాస్వర్డ్ను లో టైప్ మరియు మీరు అన్నిటికి ఉన్నాము. ఒక రూపం ప్రారంభంలో ఉంటుంది. 

పైగా ముళ్లు రెండవ DIV. మేము కూడా ఇన్పుట్లను కలిగి ఉండే రకమైన రూపాలు లోపల సరిపోయే. ఈ అంశాలు మీరు నిజంగా, టైప్ చేస్తున్నారు లేదా రేడియో బటన్ మీరు ticking, లేదా చెక్ మీరు ఆఫ్ ticking చేస్తున్న బాక్సులను. కాబట్టి ఈ రూపాలు లోపలి వెళ్ళండి. మరియు వారు ప్రధానంగా వహిస్తాయి రూపం యొక్క ప్రతి వరుస మీ రూపం బాగా ఫార్మాట్ ఉంటే. అప్పుడు ఈ భావన ఉంది నిజంగా కాదు ఇది ఒక DIV, ఏదైనా నిర్దిష్ట వర్గం లో సరిపోయే నేను వాటిని వంటి టాగ్లు గతంలో చేస్తున్న. ఇది కేవలం విధమైన కొలతను గుర్తించడము కొన్ని స్వతంత్రమైన division-- ప్రారంభం పేజీ యొక్క div--. ఏ దృశ్య విరామం ఉంది. ఏ గీత ఉంది. ఇది ఒక ఆఫ్ సెట్ కాదు స్వయంచాలకంగా ప్రత్యేక భాగం. మీరు శైలి కలిగి ఇష్టం ఆ విధంగా చేయాలని. 

ఇది కేవలం విధమైన నేను కావలసిన ఒక చెప్పారు నా వెబ్ పేజీలో స్థలం ప్రహసనం మరియు నేను కాల్ వెళుతున్న ఇది నా పేజీ యొక్క ఈ విభాగం. మేము లోపల stuff ఉంచవచ్చు divs యొక్క, మరియు నిజానికి, మేము పైగా తలనొప్పి ఉన్నప్పుడు రెండవ IDE, మేము చేస్తాము నేను పెట్టటం కాబట్టి చూడండి నా ఒక DIV యొక్క లోపల ఏర్పాటు. 

నేను నా IDE ఒక లో ఇక్కడ కలిగి div రూపం డాట్ HTML అనే ఫైలు. యొక్క ఇది తెరుచుకుంటుంది లెట్. నేను అన్నాడు వంటి గమనించండి, div ఏకపక్ష యొక్క రకం. కుడి? ఇది నిజంగా ఏదైనా అర్థం లేదు. నేను ఏకపక్ష కలిగి నా పేజీ యొక్క మొదటి విభాగం. ఆపై బదులుగా మరొక div తరువాత, లైన్ ఎనిమిది ప్రారంభమయ్యే నేను ఈ రూపంలో. మరియు రూపం యొక్క లోపల నేను ఒక కలిగి ఇన్పుట్లను సంఖ్య, రూపం యొక్క ఖాళీలను. కాబట్టి నేను దీని పేరు ఒక రంగంలో ఫంక్షన్ నిజంగా ఏదైనా అర్థం లేని కుడి ఇప్పుడు ఆ స్పష్టంగా టెక్స్ట్, మరొక ఒక పడుతుంది ఒక రేడియో అని పాస్వర్డ్, మరొక పడుతుంది బటన్, చెక్ బాక్స్ మరొక, మరియు మరొక ఒక బటన్ సమర్పించండి. Well, ఈ ఏమి అన్ని నిజానికి కనిపిస్తుంది? సరే, ఒక లుక్ తీసుకుందాం. మేము మా ప్రివ్యూ విండో లో ప్రారంభించిన చేస్తాము. ఈ ఏకపక్ష గమనించండి మొదటి ఉంది division-- ఇక్కడ ఏ దృశ్య వేరు. ఇది నిజంగా కుడి, ఏమీ చేయలేదు? 

అప్పుడు నేను నా రూపం కలిగి. నేను ఏ ప్రత్యేక ఫార్మాటింగ్ ఆడలేదు. సో రూపం ఒకటి సమాచారం యొక్క పెద్ద వరుసగా. నేను విభిన్నంగా నా రూపం ఫార్మాట్ కాకపోయి ఉంటే, నేను లైన్ ద్వారా లైన్ ద్వారా లైన్ కలిగి ఉండవచ్చు. కానీ నేను ఏ స్టైలింగ్ ఆడలేదు. మళ్ళీ, మేము ఇక్కడ CSS గురించి మాట్లాడటం లేదు. మేము కేవలం HTML గురించి మాట్లాడటం చేస్తున్నాం. 

నా వెల్ టెక్స్ట్ రూపంలో నేను రకాన్ని చేయవచ్చు గుర్తున్నది రకం టెక్స్ట్ యొక్క రూపాలు కాబట్టి నేను నా పేరు ఉంచవచ్చు. నా పాస్వర్డ్ లో నా పాస్వర్డ్ను టైప్ చేయవచ్చు. మరియు ఆ రంగంలో ఎందుకంటే టైప్ పాస్వర్డ్ను ఉంది మీరు నా పాస్వర్డ్ను ఏమి తెలియదు. ఇది అన్ని చుక్కలు వార్తలు. 

నేను కూడా ఒక ఆఫ్ ఆడుతున్నట్లు ఎంచుకోవచ్చు రేడియో బటన్ లేదా ఒక చెక్ బాక్స్ ఆఫ్ ఆడుతున్నట్లు. లేదా నేను నా రూపం submit కాలేదు. నేను ఏమీ చేయలేదు, కాబట్టి నేను నా రూపం సమర్పించినప్పుడు, పేజీ కేవలం రిఫ్రెష్ అవుతుంది. కానీ నేను బహుశా ఆకృతీకరించుటకు కాలేదు నా ఏదో చేయాలని submit బటన్. మరియు మేము చేయవచ్చు ఏమి చూస్తారు PHP ఒక భవిష్యత్తు వీడియో లో. కానీ ఈ చాలా ఆధారమై సాధారణ రూపం మేము వినియోగదారులు పరస్పరం కలిగి ఉపయోగించవచ్చు మరియు మా వెబ్సైట్ సమాచారం submit. 

వన్ చివరి వ్యాఖ్య మేము ముందు కొన్ని ఇతర టాగ్లు కొనసాగండి ఈ పరిశీలించి తీసుకోవాలని ఉంటాయి ఇన్పుట్ ట్యాగ్ మరొకసారి. నేను హైలైట్ చేసిన నోటీసు ఎరుపు లో ట్యాగ్ యొక్క చివరలను. మేము ఇప్పటివరకు చూసిన ప్రతి ఇతర ట్యాగ్ ఒక ప్రారంభంలో మరియు ఒక ముగింపు, ఒక ప్రారంభ ఉంది ట్యాగ్ మరియు ఒక ముగింపు ట్యాగ్. 

కానీ ఒక ఇన్పుట్ ట్యాగ్ లేదు. వెళ్ళే వచనం ఏదీ ఇన్పుట్ టాగ్లు మధ్య. సమాచారాన్ని అన్ని మేము చెప్పేటప్పుడు ఉద్దేశించి చేస్తున్న భాగంగా పరిధిలోనే ఉంటుంది ఆ ఇన్పుట్ ఆపాదించాడు. మేము ఇన్పుట్ పేరు x సమానం కలిగి గమనించవచ్చు. టైప్ y సమానం. ఆ నిజంగా అన్ని సమాచారం మేము అవసరం. 

ఈ ఒక స్వీయ ముగింపు ట్యాగ్ అంటారు. ఇది ఒక ప్రారంభ మరియు ఒక అవసరం లేదు దగ్గరగా సమాచారాన్ని అన్ని ఎందుకంటే లోపల ఉన్న ట్యాగ్ మరియు దాని విశేషణములను. కాబట్టి కొన్నిసార్లు మీరు చాలా, ఈ చూస్తారు. మీరు ఒక కలిగి ఉంటే తద్వారా కేవలం తెలుసుకోవాలి పూర్తిగా స్వీయ ఉంటుంది ట్యాగ్ అది తెరుచుకుంటుంది మరియు కూడా ముగుస్తాయి ఎడమ ఓపెన్ బ్రాకెట్ మరియు స్లాష్ కోణం కుడివైపు బ్రాకెట్. మేము ఆ మరొక ఒకటి చూస్తారు ప్రస్తుతం చిత్రం టాగ్లు అలాగే. 

మేము చిత్రాలు గురించి మాట్లాడే ముందు, మేము హైపర్లింక్స్ గురించి మాట్లాడటానికి అవసరం. మేము మా వెబ్ పేజీగా ఇంటరాక్టివ్ మరియు మాకు చుట్టూ తరలించడానికి, అది చెయ్యగలరు బాగుండేది వారిలో క్లిక్ ఏమి సాధారణంగా ఒక నీలం లింక్ ఉంది. ఈ మేము నిర్మించడానికి ఎలా నిజానికి ఉంది మా వెబ్ పేజీ లో ఒక హైపర్ లింక్. మరియు తగినంత ఆసక్తి మరొక HTML ట్యాగ్ ఒక హైపర్ లింక్ కాదు, లింక్ అని. ఇక్కడ యాంకర్ ఉన్నచో మేము ఒక హైపర్ లింక్ సూచిస్తుంది ఎలా. 

ఒక href x అంటే వెళ్ళండి సమానం వెబ్ పేజీ X. మరియు ప్రతిదీ ఒక టాగ్ ఓపెన్ మధ్య మరియు దగ్గరగా ఒక టాగ్ ఏమి చేస్తాడు అని ఉద్ఘాటించారు ఒక లింక్ కనిపిస్తోంది నీలి టెక్స్ట్ మేము తెలిసి ఆ. ఆ క్రింద మేము ఒక చిత్రం ట్యాగ్ కలిగిన ఒక స్వీయ ప్రదర్శించడానికి ట్యాగ్ మూసివేయడం ఉంది X వద్ద ఉన్న ఒక చిత్రం మరియు మీరు మార్చడానికి చేయగలరు పేర్కొనడం ద్వారా ఆ చిత్రం వెడల్పు మరియు ఎత్తు మరియు ఇతర లక్షణాలను లో డాట్ డాట్ అక్కడ కలదు. 

ఇక్కడ చాలా దిగువన మేము చాలా ఆసక్తికరమైన కలిగి ట్యాగ్ చూడటం లేదు ఒక ముగింపు ట్యాగ్ అవసరం. ఇది ఆశ్చర్యార్థకం పాయింట్ doctype HTML ఉంది. కాబట్టి HTML నుండి ఉనికిలో ఉంది వెబ్ పేజీలను నిర్మించటానికి 1990 మొదలులో మరియు అది చేసారని అయిపోంది అప్పటి నుండి పలు సవరణలు. ఇటీవల 2014 లో అది ఒక పునర్విమర్శ లోనయ్యింది ఇప్పుడు ప్రస్తుత ఇది HTML5 అనే వాస్తవ HTML ప్రమాణంలో విధమైన. 

సూచిస్తున్నాయి మా వెబ్ పేజీలు, HTML5 ఉపయోగించి వ్రాస్తారు మేము ఆఫ్ చేయడం ఎలా. ఇది ఆపివేస్తారు కానీ ఏమి ప్రాథమికంగా అంటే మీరు టాగ్లు ఏ ఉపయోగించలేరు ఉంది HTML5 టాగ్లు, ఆ కొత్త టాగ్లు ఉంటాయి. కాబట్టి మేము ఎల్లప్పుడూ ఆఫ్ మొదలు మేము HTML5 ఉపయోగించి ఉంటే. అన్ని టాగ్లు మేము గురించి మాట్లాడారు చేసిన గతంలో HTML5 టాగ్లు కాదు. కానీ ఈ సూచిస్తుంది HTML5 టాగ్లు ప్రస్తుతం ఉంటుంది. కాబట్టి మేము ఆశ్చర్యార్థకం కలిగి doctype HTML, ఇందులో చాలా ప్రారంభంలో మా HTML ఫైల్ మరియు ఆ తర్వాత ఆ పాయింట్ మేము నిజంగా మా HTML తెరిచిన ట్యాగ్ మరియు అక్కడ నుండి ముందుకు. 

చివరి ఒక వ్యాఖ్యను ట్యాగ్ ఇది చాలా, కొంచెం విభిన్నంగా కనిపిస్తుంది. ఇది కోణం తో ఆఫ్ మొదలవుతుంది బ్రాకెట్ ఆశ్చర్యార్థకం డాష్ డాష్ కానీ ఏ ముగింపు బ్రాకెట్. అక్కడ ఆ రెండు అంశాల మధ్య లో మీరు మీ వ్యాఖ్యలు వ్రాయడానికి పేరు ఉంది. మరియు యొక్క చిత్రాలు పరిశీలించి వీలు మరియు వ్యాఖ్యానాలు మరియు CS50 IDE లో లింకులు. 

కాబట్టి నేను ఒక ఫైల్ అని చిత్రం లింక్ ఇక్కడ కలిగి నేను తెరవటానికి వెళుతున్న డాట్ HTML. మరియు నేను ఒక జంట వచ్చింది చేసిన గమనిస్తారు నా HTML వ్యాఖ్యలు ఇక్కడ వ్యాఖ్యానిస్తాడు. కాబట్టి కేవలం సి మరియు ఇతర వంటి ప్రోగ్రామింగ్ భాషలు, కేవలం ఒక మార్కప్ భాష ఉండటం ద్వారా HTML వ్యాఖ్యలు సామర్థ్యం కలిగి లేదు. కాబట్టి నేను స్పష్టంగా వెళుతున్న రిక్ ఆష్లే యొక్క ఒక చిత్రం ఉంచండి ఎక్కడో ఈ DIV మధ్య ట్యాగ్, ఈ ఏకపక్ష డివిజన్. స్పష్టంగా ఫైల్ రిక్ డాట్ JPEG, వద్ద ఉన్న మేము పైగా తిరిగి తల ఉంటే రెండవ కోసం నా ఫైలు చెట్టు, లో ఉనికిలో ఉన్న ఒక ఫైల్ ప్రస్తుత డైరెక్టరీ. కాబట్టి ఆ సరే. నేను కూడా సూచించవచ్చు. 

అప్పుడు నేను అంతర్గత లింకులు ఉన్నాయి. కాబట్టి ఇక్కడ లైన్ 11 న గమనించవచ్చు నా href హలో డాట్ HTML ఉంది. కాబట్టి కేవలం డాట్ HTML హలో సూచిస్తుంది ప్రస్తుత డైరెక్టరీ ఉంది. నేను కూడా బాహ్య కలిగి HTTPS కేవలం పేర్కొనడం ద్వారా లింకులు నేను మాట్లాడటం లేదు అని సూచించడానికి నా ప్రస్తుత డైరెక్టరీలో ఒక ఫైలు గురించి. నేను ఉనికిలో ఉన్న ఒక ఫైల్ గురించి మాట్లాడటం చేస్తున్నాను ఎక్కడో నేను కలిగి, ఇంటర్నెట్ లో HTTP ప్రోటోకాల్ను ఉపయోగించి అభ్యర్థించవచ్చు. 

కాబట్టి యొక్క పరిశీలించి తెలియజేయండి ఈ పేజీ లాగా ఉండవచ్చు మరియు రిక్ యొక్క ఒక చిత్రానికి సిద్ధంగా పొందుటకు ఆష్లే మీ స్క్రీన్ లో చూపబడతాయి. నేను ఈ మునుజూపు చేస్తాము. రిక్ ఆష్లే వద్ద ఉంది ఈ ఏకపక్ష లో అగ్రభాగాన డివిజన్ నేను ఎగువన ఉంచారు. ఆపై డౌన్ నేను క్రింద నా లింకులు లేదు, కుడి? 

నేను హలో డాట్ HTML కు ఒక లింక్ను కలిగి. నేను ఆ క్లిక్ చేస్తే, నేను పొందిన ఈ పేజీకి తరలించబడిన మేము నుండి చాలా తెలిసి ఆ మా కార్యక్రమం ప్రారంభం. నేను మళ్ళీ తెరిచిన పేజీ పాప్ అయితే, నేను ఉంటే పాప్ చిత్రం లింక్, మరొకసారి తెరవడానికి నేను కూడా బాహ్యంగా వెళ్ళే CS50 యొక్క వెబ్సైట్. మరియు అక్కడ మేము నేను చేస్తాము see-- ఒక కొద్దిగా దూరంగా ఇక్కడ మేము CS50 యొక్క వెబ్సైట్ విధమైన చూస్తారు మా పేజీ మధ్యలో పొందుపరిచారు. కాబట్టి నేను ఒక అంతర్గత తయారు చేయగలిగాడు బయటి లింకును అలాగే లింక్. 

HTML తో గత నియమం మేము ఇక్కడ గురించి మాట్లాడటానికి వెళుతున్న మీ HTML బాగా ఏర్పాటు చేయాలి అని. సి లో మేము గురించి చాలా మాట్లాడారు విషయాలు వివిధ సింటాక్స్. HTML సింటెక్స్ నిజంగా టాగ్లు చుట్టూ తిరుగుతుంది. మీరు తెరిచి ప్రతి ట్యాగ్ మూసివేయబడతాయి అవసరం. నిజానికి, ప్రతి ట్యాగ్ మీరు తెరిచి రివర్స్ క్రమంలో మూసి ఉంచాలి. 

సో మీరు ఒక బోల్డ్ ట్యాగ్ తెరిస్తే, ఒక ఇటాలిక్ ట్యాగ్, మరియు అప్పుడు ఒక అండర్లైన్ ట్యాగ్ ఒక మూడు చేయాలని టెక్స్ట్ యొక్క ప్రత్యేక సెట్, మీరు రివర్స్ వీరిని దగ్గరగా ఉండాలి. మీరు లావుగా తెరిచింది చేస్తే, ఇటాలిక్, మీరు, అండర్లైన్ బోల్డ్, అండర్లైన్, ఇటాలిక్ మూసివేయాలని మీరు అనుకుంటున్నారా. తొడుగు ఈ విధమైన ఏమిటి HTML nice మరియు వ్యవస్థీకృత ఉంచుతుంది. 

సి కాకుండా, అయితే, వాక్యనిర్మాణ లోపాలను లేదు రెడీ నిజానికి బహుశా మీ HTML జరిగితే. మీ HTML కాదు బాగా ఉండవచ్చు ఏర్పాటు కానీ ఇప్పటికీ పని చేస్తుంది. కాబట్టి ఈ లోపాలు ద్వారా స్లయిడ్ యొక్క క్రమం చేయవచ్చు. ఇది నిజంగా అప్రమత్తంగా ఉండాలి మీకు అనిపిస్తుంది. కొన్నిసార్లు వారు విఫలమౌతుంది కానీ కొన్నిసార్లు మీరు అది తో దూరంగా పొందవచ్చు. 

ఇది నిజంగా ఉంటుంది కష్టమైన పని, అయితే, మీరు తెరిచినప్పుడు ట్రాక్ ఒక ట్యాగ్, మీరు మూసివేయడంతో, ముఖ్యంగా మీ HTML గా ఫైళ్లు పెద్ద మరియు పెద్ద పొందుతారు. మీరు కొన్ని సహాయం చెయ్యవచ్చును. మరియు ఆన్లైన్ ఉన్నాయి వ్యాలిడేటర్కు టూల్స్ మీరు మీ వెబ్ వద్ద ఒక లుక్ కలిగి ఉపయోగించవచ్చు పేజీ మరియు అది బాగా ఏర్పాటు HTML అయితే చూడండి. మరియు మీరు ఖచ్చితంగా ఆ పరిశీలించి మరియు మీరు వాటిని ఉపయోగించడానికి మొదలు HTML తో పని చేయడం మొదలు, మీరు పొందుటకు కేవలం కాబట్టి, HTML రాయడం నిర్వహణ గురించి కొన్ని మంచి అలవాట్లు ఒక మంచి మార్గం లో మీ HTML మరియు మంచి శైలి మరియు చూసుకోవాలి మీరు ఏదైనా చేయడం లేదు ఆ వాక్యనిర్మాణ దోషం సృష్టిస్తుంది మీరు ఒక బిట్ కారణమౌతుంది వీధిలోనే ఒక సమస్య. 

నేను డౌ లాయిడ్ ఉన్నాను. ఈ CS50 ఉంది.