[సంగీతాన్ని] 

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

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

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

కానీ కెన్ నాకు మీరు భరోసా చేయాలనుకుంటున్నారు అతను చాలా మంచి ఫోటోగ్రాఫర్ అని, అతను ఒక ప్రొఫెషనల్ తీసుకుంటుంది అస్పష్టంగా లేని ఫోటోలు, దృష్టి లో మంచివి, మరియు అతను మా స్వంత సిబ్బంది చాలా కొన్ని పట్టింది. కానీ కంటే గుర్తించి మేము ఇష్టం ఆలోచనను కెన్ జాబితా ద్వారా వెళ్ళి సమర్పించిన వాస్తవ విద్యార్థులు. మరియు అది ఆ లాన్స్ అవుతుంది ఈ ఉదయం నాటికి 15 ఫోటోస్ మా విజేత. 

మరియు, లాన్స్ కాల్టన్ తో ఉంది ఇక్కడ పటంలో నాకు Skaz, మరియు సామ్ తో. కానీ అది మారుతుంది నాటికి 11:46 AM, కేవలం కొద్దిగా క్రితం, కాబట్టి నేను నా ఇమెయిల్ తిరిగి వెళ్లి దొరకలేదు మేము ఇంకా ఒక మరింత సమర్పణ ఉందని బోనీ అనే విద్యార్ది దీని ఇమెయిల్ మాత్రమే ఈ అన్నారు. అబద్ధం కాదు, అయామ్ తరగతి సమయంలో ఈ చేయడం. ఆపై కేవలం అటాచ్ బయలుదేరింది 14 ఫోటోలు, లాన్స్ 15 పిరికి ఒకటి. 

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

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

మరియు ఈ చేతుల్లో వైకల్పికం లేదా అవకాశాలు ఆధారంగా ఉపన్యాసాలిచ్చేందుకు అని విషయాల గురించి మరింత తెలుసుకోవడానికి కోర్సు యొక్క ఒక చిన్న సహాయక సిలబస్, అయితే అద్భుతమైన పదార్థం చివరి ప్రాజెక్టులు నడపడం. కాబట్టి ఈ అని జాబితా ఇక్కడ న్యూ హవెన్ లో CS50 సిబ్బంది కోసం ముందుకు వచ్చారు iOS గురించి ఈ సంవత్సరం ప్రోగ్రామింగ్, Android ప్రోగ్రామింగ్, గేమ్ అభివృద్ధి, మరింత టూల్స్ మరియు పుష్పగుచ్ఛాలు మరియు భాషలు మరియు పద్ధతులు. 

కాబట్టి CS50 యొక్క వెబ్ సైట్ లో ఒక కన్ను వేసి ఉంచండి. మరియు ఈ సమయంలో, మీరు చెయ్యాలనుకుంటే వీటిలో ఏ మీ ఆసక్తి నమోదు, CS50 యొక్క స్లాష్ రిజిస్టర్ వెళ్ళండి. అప్పుడు మేము వంటి అనుసరిస్తాము రోజులు మరియు విమాన సార్లు మరియు స్థానాలను మరియు everything-- అత్యంత ప్రతిదీ ఉంటుంది ప్రసారం మరియు డిమాండ్ కూడా అందుబాటులో మీరు దీన్ని చేయలేరు ఉంటే తర్వాత. కనుక తదుపరి శ్రమ లేకుండా, మేము GET తో చివరిసారి వదిలి. 

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

మరియు కేవలం ఒక వివేకం తనిఖీ, స్లాష్ ఏమి సూచించడానికి లేదు? స్లాష్ ఉన్నప్పుడు అర్థం ఏమిటి ఒక వెబ్సైట్ అభ్యర్థిస్తోంది? మీరు అన్ని సమయం అభ్యర్థించవచ్చు. అత్యంత ఏదైనా సమయం మీరు ఒక వెబ్ సైట్ సందర్శించండి, మీరు నిజానికి ఒక ఫైల్ పేరు లో టైప్ లేదు. మీరు బహుశా కేవలం, Facebook.com వెళ్ళండి , gmail.com, లేదా వంటి నమోదు. మరియు స్లాష్ ఏ ప్రాతినిధ్యం లేదు? ఏ ఫైల్? ప్రత్యేకంగా లేదా ఏ పేజీ? 

ఇండెక్స్, అవును. డిఫాల్ట్ పేజీ సో. మీరు ఒక ఫైల్ ఇవ్వకండి చేస్తే మేము చూడడానికి వీలుగా పేరు, మీరు నిజంగా కేవలం అభ్యర్థిస్తే నన్ను Facebook యొక్క డిఫాల్ట్ పేజీ ఇవ్వాలని లేదా నాకు నా ఇన్బాక్స్ ఇవ్వటానికి ఇవ్వాలని లేదా నాకు వార్తలను డిఫాల్ట్ పేజీ CNN యొక్క వెబ్సైట్ లేదా వంటి. మరియు ఒక సర్వర్ అప్పుడు స్పందిస్తుంది ఏదో ఆ సందేశం ఈ వంటి, నేను అవును అంటున్నారు HTTP వెర్షన్ 1.1 మాట్లాడతారు. 

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

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

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

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

మరియు అది ఒక చిన్న అధిక ఇక్కడ మొదటి చూపులో. కానీ నేను చేయ బోతున్నాను వీలు ఉంది నాకు కొద్దిగా సులభం. నేను ఆన్ వెళుతున్న ఇది ఎరుపు కాబట్టి కాంతి రికార్డింగ్. నేను లాగ్ సంరక్షించేందుకు చెప్పడానికి వెళుతున్నాను. మరియు ఈ కేవలం ఒక చిన్న ఉంది విషయం నేను కనుగొన్నారు కాలక్రమేణా ఆ సేవ్ వెళుతున్న బ్రౌజర్ లో జరుగుతుంది ప్రతిదీ. మరియు ఇప్పుడు నేను వెళ్ళడానికి వెళుతున్న http://facebook.com కు. 

నిజానికి, యొక్క www తెలియజేసేలా మంచి కొలత కోసం, స్లాష్. ఎంటర్. సో ఒక URL అనేక మీరు సందర్శించిన ఉండవచ్చు. ఇప్పుడు Facebook యొక్క వెబ్ పేజీ ఎగువన వస్తుంది. మరియు అప్పటి మొత్తం బంచ్ stuff దిగువన ద్వారా వెళ్లింది. నిజానికి, ఆ అవుతుంది మీరు Facebook.com సందర్శించినప్పుడు, మీకు ఒక HTTP అభ్యర్థన చేయడం లేదు ఇది Facebook.com వెళుతున్నాను అని అవుతుంది ఆ ఎన్విలాప్లను 41 పంపుతుంది దాని సొంత GET అభ్యర్థన ప్రతి, స్క్రీన్ వెనుక ఉండాల్సి సూచించిన ఇక్కడ, స్క్రీన్ దిగువన, అది నిజానికి, ఆ సూచిస్తుంది నా బ్రౌజర్ 41 అభ్యర్థనలు చేసింది. 

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

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

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

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

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

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

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

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

కుడి, ఈ ఒక వంటి ఉంది శైలి కోసం ఐదు నుండి. బలవంతపు కారణం ఉంది వారికి ఈ మూలల్లో కట్. All right, కాబట్టి అవి వద్దు సులభంగా మీరు చదివిన కోసం తయారు. కాబట్టి కొన్ని భావంలో, వారు ఇది obfuscating, అది యొక్క క్రమం స్క్రాంబ్లింగ్ కనీసం అందమైన కాబట్టి ఇది మైస్పేస్ క్లిష్టమవుతుంది ఆ వెళ్ళి ఆఫ్ చీల్చివేయు వారి హోమ్ మరియు ఇది కోసం HTML. ఇది కార్యక్రమాల తో హాజరవుతారు Chrome సహా అయితే, మేము సూపర్ సులభంగా ఈ శుభ్రం చేయవచ్చు. కనుక ఇది కారణం కాదు చాలా ఆ. వేరే ఏమి కారణం కావచ్చు. అవును. అవును, తెల్లని స్థలం ఖర్చులు డేటా. మీరు ఏమి అర్థం? అవును, సరిగ్గా. మీరు Tab కీ చాలా లేదా కొట్టినప్పుడు స్పేస్ బార్, పరిణామాలను పరిగణిస్తాయి. సో మీ కీబోర్డ్ ప్రతి కీ ఒక ఉంది [వినబడని] ఒక బైట్ ప్రాతినిధ్యం. 

కాబట్టి ఆ మార్క్ లేదా devs ఏ ఈ రోజుల్లో కేవలం ఒకసారి spacebar హిట్స్ ఈ HTML పేజీ లో Facebook యొక్క హోమ్ సూచిస్తుంది. మరియు Facebook చాలా ఉంది వినియోగదారుల ఈ రోజుల్లో. కాబట్టి ఆ Facebook యొక్క హోమ్ నేడు ఒక బిలియన్ మంది సందర్శిస్తారు. మరియు Facebook ఎవరైనా ఉంది కేవలం ఒకసారి స్పేస్ బార్ నొక్కండి. 

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

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

కానీ నేడు, మేము కోడ్ వ్రాయడం మొదలు పెడతారేమో మాకు మానవులు నిజానికి రీడబుల్ ఉంది. మీరు తిరిగి వెళ్ళండి ఉంటే, అయితే, బయటకు వస్తాడు Chrome లో ఈ సాధనం, ఎలిమెంట్ ను పరిశీలించు గతంలో, మేము నెట్వర్క్ టాబ్ ఉన్నాయి. ఇది మీరు వెళ్ళండి ఉంటే ఆ అవుతుంది మీరు నిజంగా చూసే అంశాలు టాబ్ క్రోమ్ యొక్క అందంగా ముద్రించబడుతుంది అదే HTML వెర్షన్. కాబట్టి మేము అది deobfuscated చేసిన. కనుక ఇది ఒక కంప్యూటర్ కోసం ఏ మ్యాచ్. ఇప్పుడు మీరు వాస్తవానికి చుట్టూ క్లిక్ ప్రారంభం ఒక వెబ్ పేజీ అని సోపానక్రమం చూడటానికి. కాబట్టి యొక్క వాస్తవానికి దీన్ని చూద్దాం. నేను ముందుకు వెళ్ళి న అప్ తెరిచి వెళుతున్న నా Mac టెక్స్ట్ మార్చు అనే ప్రోగ్రామ్. మరియు ఈ కేవలం ఉంది గుర్తుచేసుకున్నారు ఒక సూపర్ సాధారణ టెక్స్ట్ కార్యక్రమం. Windows notepad.exe ఉంది. నేను వెర్బేటమ్ వెళుతున్న కింది టైప్ చేయండి. Doc రకానికి HTML, ఓపెన్ బ్రాకెట్ HTML, బ్రాకెట్ HTML మూసివేయబడింది మేము ఇక్కడ పేజీ యొక్క తల కలిగి ఇక్కడ పేజీ యొక్క తల యొక్క ముగింపు ఒక టైటిల్, హలో ప్రపంచ వంటి ఉంటుంది. 

ఆపై డౌన్ ఇక్కడ, మేము అవసరం వెబ్ పేజీ యొక్క శరీరం. క్లోజ్డ్ శరీరం. ఆపై ఇక్కడ, హలో ప్రపంచ. అయితే సరే. కాబట్టి మేము ఒక సూపర్ ఫాస్ట్ వెబ్ పేజీ వ్రాయలేదు. నేను దానిని సేవ్ వెళుతున్న నా డెస్క్టాప్ మీద hello.html. నా Mac యొక్క, ఫిర్యాదు అన్నారు అని ఆలోచిస్తూ, ఒక నిమిషం వేచి, ఈ ఒక టెక్స్ట్ ఫైలు, అలా మీరు .txt కాల్ అనుకుంటున్నారా? కానీ, నేను డాట్ HTML ఉపయోగించాలనుకుంటున్నాను. 

నేను ఉంటే అప్పుడు nice ఏమిటి కేవలం ఈ ఫైల్ డబుల్ క్లిక్, hello.html, ఇక్కడ నా వెబ్ పేజీ యొక్క. దురదృష్టవశాత్తు, నేను ప్రపంచంలో ఏకైక వ్యక్తి ఎవరు ప్రస్తుతం ఈ పేజీని దర్శించండి. పేరు అది స్పష్టంగా నివసిస్తున్నారు ఎందుకంటే? ఇది నా Mac లో, కుడి? ఏ నిరుపయోగం. ఈ గదిలో ఎవరూ ఇలా ఇంటర్నెట్ లో విడదీసి నిజానికి ఆ పేజీని దర్శించండి. ఇప్పటికీ, మేము అవసరం మరొక మూలకం పరిచయం. 

మరియు దీన్ని, నేను వెళుతున్న ముందుకు వెళ్ళి మరియు క్లౌడ్ 9 తెరుచుకుంటుంది. కాబట్టి క్లౌడ్ 9 కోర్సు యొక్క ఉంది క్లౌడ్ ఆధారిత service-- CS50 IDE-- మా వర్క్స్పేస్లను అన్ని ఉంది ఎక్కడో ఇంటర్నెట్ లో అమలు. మరియు ఆ మా ఫైళ్లు అన్ని అర్థం ఇప్పటికే బహిరంగంగా అందుబాటులో ఉంటాయి. కాబట్టి యొక్క ముందుకు వెళ్లి మనం. నేను ముందుకు వెళ్ళడానికి వెళుతున్న మరియు ఒక కొత్త ఫైల్ NCS50IDE సృష్టించడానికి. నేను ముందు గా సేవ్ వెళుతున్న మరియు hello.html గా సేవ్ క్లిక్ చేయండి. మరియు ఇప్పుడు కేవలం సమయం ఆదా, నేను వెళుతున్నాను ఈ కోడ్ పేస్ట్ ముందుకు వెళ్లి కాపీ చేయడానికి కాకుండా తిరిగి టైప్. మరియు అది సేవ్. కాబట్టి ఇప్పుడు నేను ఒక కలిగి ఫైలు hello.html అని. కానీ ఎలా నిజానికి నేను ఏమి ఒక వెబ్ పేజీ తెరువుము? సరే, CS50 కు నిర్మించారు అవుతుంది IDE గణగణమని ద్వని చేయు వంటి మాత్రమే ఒక కంపైలర్ కాదు మరియు GDB వంటి ఒక డీబగ్గర్ మరియు ఇతర కార్యక్రమాలు పుష్పగుచ్ఛాలు, ఒక పూర్తి స్థాయి వాస్తవానికి ఉంది CS50 IDE లోపల నడుస్తున్న వెబ్ సర్వర్. 

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

మరియు మేము దానిని కొద్దిగా సులభం చేసిన Apache 50 పిలుస్తూ ద్వారా CS50IDE లో ఉపయోగించే. నిజానికి తద్వారా కింది అర్థం. నేను Apache 50 ప్రారంభ చెప్పడానికి వెళుతున్నాను. ఆపై నేను కేవలం డాట్ చెప్పడానికి వెళుతున్నాను. మరియు మేము కొన్ని కొంతవరకు చూడండి మాట్లాడుతూ మర్మమైన సందేశాన్ని Apache యొక్క పత్రం [సెట్టింగ్? సమూహం?] ఇంటికి, ఉబుంటు, సంసార, కార్యస్థలం స్లాష్. ప్రారంభిస్తోంది వెబ్ సర్వర్ విజయవంతంగా Apache 2. 

సో లాంగ్ కథ చిన్న, నేను కేవలం ఒక బటన్ పిలుపునిస్తున్నారు మరియు ఇప్పుడు ఎవరు ఒక వెబ్ సర్వర్ ఆన్ TCP పోర్ట్ న ఇంటర్నెట్లో వింటూ ఒక నిర్దిష్ట చిరునామా వద్ద 80. మరియు అది ఇక్కడ చెప్పారు, మరియు ఈ బేస్డ్ మారుతుంది మీ యూజర్పేరు మరియు ఇతర అంశాలపై, నేను ఈ క్లిక్ చేస్తే, ఇప్పుడు గమనించవచ్చు IDE50 డాట్ jharvard మరియు అందువలన కాబట్టి, గమనించే అన్ని ఈ సమయంలో గత కొన్ని కోసం వారాలు, మీరు కలిగి ఉండవచ్చు మీ స్వంత వాడుకరిపేరు గమనించి ఎగువ కుడి చేతి లో పొందుపరచబడింది CS50IDE యొక్క మూలలో. 

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

మరియు నేను ఒక బొత్తిగా చూడండి గమనించవచ్చు అగ్లీ ఇండెక్స్, ఒక డైరెక్టరీ జాబితా, కానీ ఏమి ఫైలు బహుశా మీరు జంప్స్? Hello.html. నేను సేవ్ ఎందుకంటే ఆ నా కార్యస్థలం ఫైలు. నేను Apache వెబ్ సర్వర్ చెప్పారు చేసిన ఏమి డేవిడ్ యొక్క కార్యస్థలం డైరెక్టరీలో చూడండి. మరియు ఎవరైనా వీలు ప్రపంచ ఆ ఫైళ్ళను చూడండి. 

నిజానికి, నేను ఉంటే ఇప్పుడు hello.html క్లిక్, నేను ఖచ్చితంగా ఈ టాబ్ ఆ ఫైల్ లోపల చూడండి. ఇప్పుడు క్లౌడ్ 9 కలిగెను గమనించవచ్చు మాకు కొద్దిగా ఏదో సహాయకారిగా. CS50 IDE లోపల, ఉంది గమనించవచ్చు హఠాత్తుగా ఒక చిరునామా పట్టీ. మేము ఉన్నాము అయినప్పటికీ ఎందుకంటే ఆ CS50IDE సందర్శించండి Chrome ను ఉపయోగించి, CS50IDE లోపల దాని సొంత ఉంది ప్రస్తుతం ఒక వెబ్ బ్రౌజర్ యొక్క వర్షన్. అందువలన కాకుండా వంటి విషయాలు క్లిష్టతరం, నేను ముందుకు వెళ్ళి వెళుతున్న మరియు కేవలం ఈ URL కాపీ. నేను ముందుకు మరియు కేవలం వెళ్ళి వెళుతున్న నా స్వంత Chrome విండోను తెరవండి. ఇక్కడ ఎలాంటి మాయాజాలం, ఏ CS50IDE ఉంది. నేను అక్షరాలా పేస్ట్ వెళుతున్నాను నా J హార్వర్డ్ URL ఎంటర్ నొక్కండి. మరియు voila, ఇప్పుడు నేను, మరియు సిద్ధాంతం, అందరూ ఇంటర్నెట్ లో, నేను కన్ఫిగర్ చేసిన ఉంటే తగిన అనుమతులు, ఈ ఫైలు దర్శించండి. కాబట్టి ఇప్పుడు నేను అన్నాడు ఉంటే hello.html, voila, అక్కడ నా నమ్మశక్యం అంతగా వెబ్ పేజీ. సో శీఘ్ర తెలివి చెక్ తెలియజేసేలా. ఆ అన్ని ఎందుకంటే సంభావిత సెట్ అప్ ఉంది. మరియు మేము నిజంగా నిజానికి చేసిన ఎలా HTML కేవలంగా రాయడానికి మీరు బోధించారు. ఏదైనా ప్రశ్నలు ఇప్పటివరకు కేవలం జరిగిందని ఏం? అవును. CS50 ఈ వెబ్ పేజీలు స్వంతం ఉందా? ఏ కోణంలో? మంచి ప్రశ్న. కాబట్టి CS50 యొక్క CS50.io. యాజమాన్య మేము నిజానికి ఆ డొమైన్ పేరు కొనుగోలు చేసిన. మరియు మీరు అబ్బాయిలు స్వభావం ద్వారా CS50IDE ప్రవేశిస్తున్నారని, మీరు అన్ని ఒక సబ్డొమైన్ అని ఏమి పొందండి. 

కాబట్టి మలన్ IDE50, లేదా IDE50-Rob.CS50.io, ఆ లోపల మీ ఏకైక చిరునామా వార్తలు మా డొమైన్ పేరు. కోర్సు యొక్క ప్రయోజనాల కోసం కాబట్టి, మీరు మీ సొంత ఏకైక చిరునామా చేశారు. కానీ మేము విషయాలు సరళీకృతం చేసాము టాప్ లెవెల్ డొమైన్ కొనుగోలు, CS50 డాట్ I / O మరియు తర్వాత అందరి ఉంది ఆ లోపల మాట్లాడటానికి. మరియు మేము ఆ వచ్చి చేస్తాము బహుశా వారాల లో, ముఖ్యంగా చివరి ప్రాజెక్టు వద్ద మీరు సమయం, కొన్ని మీ స్వంత డొమైన్ పేర్లు పొందడానికి కావలసిన ఉండవచ్చు. ఇది సాపేక్షంగా నిజానికి సూటిగా. అయితే సరే. కాబట్టి యొక్క ఇప్పుడు దీన్ని చూద్దాం. నేను తిరిగి వెళ్ళడానికి వెళుతున్న CS50IDE, నా ఫైలు ప్రస్తుతం, hello.html, అన్ని ఆసక్తికరమైన కాదు. నేను ఏదో చేయాలని భావిస్తున్న కంటే కొద్దిగా NICER. నేను ఈ వంటి ఏదో చేయ బోతున్నాను. ఓపెన్ paragraphs.html నాకు లెట్. సో ఈ నేను ముందుగానే వ్రాసాడు ఒక ఫైలు. ఇది ఎగువన, వంటి ఎల్లప్పుడూ, మేము వ్యాఖ్యలు ఉన్నాయి. కానీ HTML లో, వ్యాఖ్యలు కొద్దిగా భిన్నంగా ఉంటాయని. లైన్ మూడు మరియు లైన్ 14 న, మీరు ఒక వ్యాఖ్యను ప్రారంభం సింటాక్స్ చూడండి మరియు ఒక వ్యాఖ్య ముగుస్తుంది. 

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

అవును, కాబట్టి p. P ట్యాగ్ లేదా పేరా ట్యాగ్. ఆపై నేను కొన్ని డిఫాల్ట్ అరువు లాటిన్ టెక్స్ట్ నా పేరాలు ఉన్నారు. నేను కోరుకున్నది ఎందుకంటే ప్రదర్శించేందుకు ఎలా మీరు ఉండవచ్చు HTML లో టెక్స్ట్ యొక్క పేరాలు సూచిస్తాయి. కాబట్టి ఏమి జరిగే మొదలు ఇక్కడ ఇప్పటికే అక్కడ ఉంది ఒక నమూనా అభివృద్ధి. మరియు నాకు ముందుకు వెళ్లి మనం. నాకు మొదటి Apache ఆఫ్ లెట్. నేను కూడా మొదలు అది చెప్పడానికి వెళుతున్న మళ్ళీ నేటి సోర్స్ ఏడు లోపల m డైరెక్టరీ. కాబట్టి నేను ప్రతిదీ యాక్సెస్. 

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

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

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

మీరు కేవలం ఒకే ట్యాగ్ యొక్క ఉపసర్గ ఈ వంటి ఒక ముందుకు స్లాష్ పేరు. అయితే సరే. సో ఆ ఉత్తేజకరమైన కాదు. నిజానికి, మేము తయారు చేస్తున్నట్లు వెబ్ అన్ని మరింత ఆసక్తికరంగా. నేను చేయడానికి కావాలా పెద్ద మరియు బోల్డ్ విషయాలు? కనుక ఇది ఇక్కడ ఒక ఉదాహరణ ఉంది హాజరవుతారు headings.html లో, నా శరీరం లో, నేను ఒక H1 ట్యాగ్, H2, H3 పొందారు నాలుగు, ఐదు, లేదా ఆరు, ఇవన్నీ అందంగా మర్మమైన విధంగా ఉంది. కానీ నేను ఈ తెరిచి వెళ్ళి ఉంటే ఉదాహరణకు, యొక్క ఒక రూపం తీసుకుందాం. Headings.html. 

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

మీరు ఈ చేయడం గురించి ఎలా వెళ్ళి వచ్చింది? Well, list.html వద్ద టేక్ ఎ లుక్. మరియు ఇక్కడ, మేము ఒక చూడండి funkiness కొద్దిగా కానీ ఏం పరిగణలోకి తెలియజేయండి. కాబట్టి మీరు చూసిన వాటి ఆధారంగా, UL లేని జాబితా కోసం నిలుస్తుంది. జాబితా క్రమం కేవలం తూటాల అర్థం. ఎటువంటి వచనాలు ఉంది. కూడా ఉంది ఏదో ఒక పిలుస్తారు ట్యాగ్ వద్ద ఒక ఓల్ జాబితా ఆదేశించాడు. అప్పుడు LI, జాబితా అంశం అది అర్థం అన్ని ఉంటుంది. 

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

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

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

ఇక్కడ మేము ఒక కలిగి Google Images లో చిత్రం. మరియు యొక్క ఈ అని ఊహించుకోవటం తెలియజేయండి సహేతుక ప్రతిచోటా ఇంటర్నెట్ లో. నేను దాన్ని నాకు సరే అని ఊహించుకోవటం వెళుతున్న నిజానికి నా వెబ్ పేజీలో ఈ ఉంచాలి. నేను ముందుకు వెళ్ళి వెళుతున్న మరియు చిత్రం URL ను కాపీ. మరియు ఇప్పుడు నేను క్లౌడ్ తిరిగి వెళ్ళి ఉంటే 9 యొక్క నేను ఇక్కడ ఏమి చూద్దాం. ఇక్కడ కేవలం ఒక వెబ్ పేజీ ఉంది. ఈ హా హా, రిక్ ఆష్లే ఉంది, నేను ఇప్పుడు తిరిగి వెళ్ళి వెళుతున్న నా బ్రౌజర్, రీలోడ్, మరియు ఆసక్తికరమైన. 

రిక్ ఎక్కడ ఉంది? నాలో ఏం జరిగిందని చూద్దాం. అసలైన, నేను వెళుతున్న నేను అలా లేదు నటిస్తారు. [వినబడని] ఇక్కడ అతడిని. మేము ఒక క్షణం లో ఆ వచ్చి చేస్తాము. కాబట్టి ఇక్కడ rick.html వార్తలు. కాబట్టి ఆ రిక్ ఆష్లే కాదు. దాన్ని మారుతుంది కాబట్టి మేము నిజానికి ఇక్కడ అతనికి జోడించండి. ఈ రిక్ ఆష్లే ఉంది. నేను నాకు దీని ఒక చిత్రం ఇవ్వాలని చెప్పటానికి వెళుతున్న మూలం నేను కాపీ URL ఉంది దీనిలో స్పష్టంగా సంతోషంగా ఉంది పుట్టినరోజు ఏదో లేదా ఇతర. 

ఇప్పుడు నేను వెళుతున్న ఈ వంటి ట్యాగ్ దగ్గరగా. కాబట్టి ఈ సూపర్ దీర్ఘ చుట్టడం ఉంది. కానీ నేను అన్ని చేసిన గమనిస్తారు ఓపెన్ బ్రాకెట్ చిత్రం జరుగుతుంది, ఈ లక్షణంతో కూడిన మూలం. మరియు అది ఒక నిజంగా దీర్ఘ URL యొక్క. మరియు చివరిలో ఈ గమనిస్తారు. ఎందుకు నేను చేసిన స్లాష్ కోణ బ్రాకెట్ బదులుగా, ప్రతి ఇతర ట్యాగ్ వంటి ఒక ఓపెన్ బ్రాకెట్ కలిగి, IMG, బ్రాకెట్ మూసివేయబడింది? జస్ట్ కూడా మీరు ఉంటే ఒక అంచనా పడుతుంది ఏ చనువు లేనే కలిగి HTML తో ముందు. 

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

కనుక నేను ఇప్పుడు, ఈ ఫైలును తిరిగి లోడు నేను ఇక్కడ ఒక మంచి వెబ్ పేజీ వంట పొందారు. మరియు మేము ఖచ్చితంగా అనుకొనుట నిజంగా ప్రజలు బాధించు బదులుగా చొప్పించడం ద్వారా YouTube లింక్ని వంటి. నిజానికి, ఏ సమయంలో మీరు ఎప్పుడైనా YouTube కు మారారు మరియు అనుకోకుండా నిజానికి నాకు తెలియజేయండి రిక్ ఇక్కడ నాకు వెళ్లండి. కాబట్టి రిక్ రోల్. కాబట్టి గడ్డివాములను నేను ఇక్కడ వెళ్ళండి వెళుతున్న roll--. 

[సంగీతాన్ని] 

సరే, ఒక వ్యక్తి ఇష్టపడ్డారు. కాబట్టి, ఈ సమయంలో గమనించవచ్చు మీరు ఉంటే కోర్సు యొక్క, మీరు భాగస్వామ్యం లింక్ క్లిక్ URL ను మీరు వాస్తవానికి ఒక ఇమెయిల్ లేదా ఫోరెన్సిక్ చిత్రం పొందుపరచడానికి లేదా ఒక సమస్య సెట్ లేదా ఒక స్లయిడ్ లో. మరియు ఇప్పుడు, నేను బదులుగా పొందుపరిచిన మీద క్లిక్ చేస్తే, గమనించవచ్చు ఈ సమయంలో, ఈ విషయాన్ని ఉంది. నేను ముందుకు వెళ్లి ఈ కాపీ వెళుతున్న. 

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

మరియు ఈ మరొక HTML సింటెక్స్ ముక్క. ట్యాగ్ యొక్క అదనంగా పేరు, ఓపెన్ బ్రాకెట్ ట్యాగ్ పేరు, మీరు ట్యాగ్ యొక్క ప్రవర్తన నియంత్రించడానికి చేయవచ్చు లక్షణం యొక్క మొత్తం బంచ్ ద్వారా విలువ సమానం. స్వభావము విలువ సమానం. కాబట్టి ఉదాహరణకు, YouTube మాకు చెప్తుంటాడు మీరు ఈ వీడియో యొక్క వెడల్పు అనుకుంటే 420 పిక్సెళ్ళు మరియు ఎత్తు ఉండాలి 315 పిక్సెళ్ళు ఉండాలి, ఆ ఎలా మీరు HTML లో వ్యక్తం. 

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

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

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

నేను కంట్రోల్ క్లిక్ కలిగి ఊహించు లేదా కుడి అనుకోకుండా, ఈ క్లిక్ గగుర్పాటు. మరియు cat.jpeg నేను వెళుతున్నాను నా డెస్క్టాప్ మీద సేవ్. నాకు ఇప్పుడు క్లౌడ్ 9 వెళదాం. , ఇక్కడ నేను గమనించవచ్చు స్థానిక ఫైళ్ళను అప్లోడ్ వెళ్ళండి. నేను ఈ పట్టుకోడానికి ఉంటే ఫైలు, cat.jpeg, నోటీసు నేను లాగవచ్చు మరియు క్లౌడ్ 9 లోకి డ్రాప్ మరియు అది ఇక్కడ నాకు అరుస్తుంటారు వెళుతున్న. 

మేము ఇప్పటికే చేసిన ఎందుకంటే మీరు ఒక cat.jpeg ఫైలు ఇచ్చిన, కానీ అది సూపర్ సులభం మీరు చేసిన ఒక ఫోటో పట్టుకోడానికి Facebook నుండి తీసుకున్న Flickr లేదా వంటి లేదా మరియు వాస్తవానికి డ్రాగ్ మరియు డ్రాప్ అప్పుడు క్లౌడ్ 9 మరియు అది చేయడానికి మీ స్వంత వ్యక్తిగత భాగంగా వెబ్సైట్ లేదా సమస్య మేము వెంటనే చూస్తారు వంటి ఏడు లేదా ఎనిమిది సెట్. ఆపై చేసినప్పుడు మీరు చివరకు ఆ పిల్లి సందర్శించండి నేను అదే పిల్లి డౌన్లోడ్ ఊహిస్తూ, ఆ ఆ నోటీసు పూజ్యమైన ఉంది. 

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

మేము ఇప్పటివరకు తయారు చేశారు చాలా నిశ్చలంగా వెబ్ పేజీలు. నేను ఈ క్రింది విధంగా విషయాలు అప్ మసాలా అనుకుంటే. నేను నా స్వంత సెర్చ్ ఇంజిన్ చేయాలనుకుంటున్నాము. కాబట్టి లెట్స్, ఒక శోధన ఇంజిన్ చేయడానికి ముందుకు వెళ్లి ఈ చేయడం ప్రారంభించండి. నేను ముందుకు వెళ్లి సృష్టించడానికి వెళుతున్న ఒక కొత్త ఫైల్ search.html అని. మరియు మేము ఆన్లైన్ సంస్కరణలు prefabed చేశారు. వై. మీ టెర్మినల్ విండో లోకి పేస్ట్ చేయవద్దు. ఆన్లైన్ ప్రెఫ్యాబ్ వెర్షన్లు. నేను ఈ క్రింది విధంగా మొదలు వెళుతున్న. ఇక్కడ ప్రారంభంలో వార్తలు ఒక ఫైల్ search.html అని. నేను అది సేవ్ వెళుతున్న నేటి సోర్స్ డైరెక్టరీ. నేను ఈ శోధన కాల్ వెళుతున్న. అసలైన, మేము అది మంచి చేస్తాము. CS50 శోధన మరియు నిజానికి బ్రాండ్. మరియు ఇప్పుడు, నేను చెప్పడానికి వెళుతున్నాను H1 CS50 శోధన వంటి ఏదో. ఆపై డౌన్ ఇక్కడ, H2 త్వరలోనే. మరియు కేవలం, H1 రీక్యాప్ మరియు H2 ఏమి వరుసగా అర్థం? 

అవును, కాబట్టి పెద్ద మరియు బోల్డ్, పెద్ద, కానీ ఇప్పటికీ బోల్డ్ లేదు. నేను ఈ సేవ్ మరియు ఇక్కడ వెళ్ళి ఉంటే, యొక్క ఫైల్ search.html చూద్దాం. All right, మరియు ఈ ఒక [వినబడని] కుడికి ఉంది. నిలిపాడు. డేవిడ్ అయోమయం. ఓహ్, ఇది కుడి ఉంది. డేవిడ్ ఒక ఇడియట్ ఉంది. అలాగే. సో అక్కడ ఇది. కాబట్టి CS50 శోధన త్వరలోనే. కాబట్టి ఇప్పుడు యొక్క సంశ్లేషణ వీలు మేము గత వారం ఏమి. 

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

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

మరియు ఇప్పుడు నేను ఇక్కడ తిరిగి వెళ్ళడానికి వెళుతున్న. మరియు ఇప్పటికే మేము చూడండి అందంగా అగ్లీ అయితే, ఐ హావ్ ప్రారంభంతోనే వచ్చింది ఇక్కడ నా స్వంత సెర్చ్ పేజీ. నిజానికి, నాకు ప్రయత్నించండి తెలియజేయండి కొద్దిగా ఈ శుభ్రం. ఇది ఆ బయటకు వస్తాడు ఇక్కడ ఇన్పుట్, నేను కలిగి హోల్డర్ అని మరొక లక్షణం. నేను కీలక వంటి ఏదో చూడవచ్చు, లేదా మరింత ప్రత్యేకంగా, q కోసం విచారించారు. 

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

నేను మరింత ఈ మసాలా అనుకుంటే. కాబట్టి CS50 శోధన. నాకు నా లోగో సృష్టించడానికి లెట్. ఆ nice కనిపిస్తుంది. కాబట్టి ఇప్పుడు ఈ మీద వచ్చి as-- సేవ్ చేసేలా. అది ఎక్కడ అన్నారు? అక్కడ. అలాగే. అది దూరమయ్యాడు. వంటి సేవ్. స్టుపిడ్ బ్రౌజర్లు. నిలిచియుండుము, మేము చేయబోతున్నామని ఈ ఒకసారి మరియు అన్ని కోసం పరిష్కరించడానికి. అక్కడ మేము వెళ్ళి. అయితే సరే. క్షమించండి. ఆఫ్ రోజు. ఇప్పుడు ఈ అల్లరిగా ఉంది. పూర్తి స్క్రీన్ నుండి నిష్క్రమించు. అయితే సరే. 

ఇప్పుడు, ఒక సాధారణ వంటి వ్యక్తి గా చిత్రాన్ని సేవ్. Logo.gif. ఇప్పుడు నేను CS50IDE మరియు వెళ్ళాలని వెళుతున్న నేను కేవలం లోగో పట్టుకోడానికి వెళుతున్న, నేను లోకి డ్రాగ్ వెళుతున్న నా సోర్స్ ఏడు డైరెక్టరీ ఫైలు ఇప్పటికే నేను ఆ OK ఉన్నాను, ఉంది. నేను దాన్ని భర్తీ వెళుతున్న నేను ఇప్పటికే అది ఎందుకంటే. మరియు ఇప్పుడు నేను ఈ వదిలించుకోవటం ఎలా? 

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

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

కాబట్టి మేము చివరిసారి ఏమి గుర్తు. కాబట్టి మీరు Google లో ఏదో కోసం శోధిస్తే మరియు మీరు ముందుగానే, ఆపివేసి రీకాల్, తక్షణ శోధన. నాలో ఆ ఆఫ్ లెట్ కాబట్టి ఈ నిజానికి పాత పాఠశాల బ్రౌజర్ వంటి ప్రవర్తిస్తుంది, నేను ఇప్పుడు పిల్లులు వంటి ఏదో కోసం శోధిస్తే URL కనిపిస్తుంది ఏమి గుర్తు. ఇది అందంగా గుప్తమైన. కానీ అక్కడ పొందుపరిచారు, రీకాల్, స్లాష్ శోధన. ప్రశ్న మార్క్ q పిల్లులు సమానం. 

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

కాబట్టి ఘటన ఏమిటి? యాక్షన్ weirdly, పేరు కానీ కేవలం అర్థం ఎవరు నిర్వహించడానికి వెళ్తున్నారు ఈ రూపం యొక్క చర్య? నేను శోధన, ఇక్కడ క్లిక్ చేసినప్పుడు ఫలితంగా వెళ్ళాలి? మరియు నేను ఇప్పుడు నా రూపం తిరిగి వెళ్ళి ఉంటే ఇక్కడ మరియు నా వెబ్ పేజీ రీలోడ్ మరియు ఇప్పుడు ఏదో కోసం అన్వేషణ కుక్క వంటి, ఇప్పుడు గమనించవచ్చు నేను Google అమలు చేస్తున్నాం చేశారు. కుడి? 

నేను ఏదో కోసం అన్వేషణ అనుకుంటే వేరే, అది కేవలం కుక్కలు కోసం పనిచేస్తుంది పిల్లులని పనిచేస్తుంది. ఇది CS50 కూడా పనిచేస్తుంది. సరే, ఈ కేవలం ఉంది whelming కింద, అది కాదు? అన్ని కుడి, కానీ అది నిజానికి పనిచేస్తుంది. కాబట్టి నిజంగా ఏమి జరుగుతున్నాయి? కాబట్టి నేను ఉపయోగించి నా బ్రౌజర్ బోధించాడు చేసిన HTML, వినియోగదారు నుండి ఇన్పుట్ తీసుకోవాలని నిజానికి ఆ ఇన్పుట్ పంపడానికి రిమోట్ సర్వర్కు HTTP ఉపయోగించి. 

మరియు నా బ్రౌజర్ ఎందుకంటే HTTP, ఇది నిజానికి అర్థం ఏమి కాబట్టి URL నిర్మించేందుకు నేను నా బ్రౌజర్ లో పైగా ముగుస్తుంది ఏమి గమనించండి ఉన్నప్పుడు నేను కుక్క శోధించిన. నేను శోధన క్లిక్ చేస్తే, ఆ గమనించే నేను ఉద్దేశించిన URL మార్పులు ప్రశ్న కుక్క సమానం google.com/search~~V కు. మరియు ఆ రూపం ఎందుకంటే పద్ధతి పొందుటకు ఎందుకంటే, తెలుస్తుంది, కేవలం అక్కడ URL దానిని జోడించే. 

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

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

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

ఈ టెక్స్ట్ వంటి ఒక ఆస్తి ఒక కోలన్ తరువాత, align, ఆ విలువ తరువాత ఈ సందర్భంలో కేంద్రం ఆస్తి. ఇప్పుడు మీరు గమనించవచ్చు గూడు ఈ విషయాలు చెయ్యవచ్చు. నేను ఆ ప్రతిదీ కోరుకుంటే నేను, మధ్యలో హైలైట్ చేసిన ఆ ఎందుకు నేను లైన్ 21 మరియు సంబంధిత లైన్ 31. కానీ ఇప్పుడు అనుకుందాం జాన్ అంతరంలో హార్వర్డ్, నా హోమ్ పేజీకి స్వాగతం. 

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

కాబట్టి ఇప్పుడు, నేను ఈ వ్యక్తపరచటానికి ఏమి చేస్తున్నాను? ఇక్కడ లైన్ 22 న ఒక పొందుపర్చిన div లేదా సమూహ div, మీరు రెడీ ఉంటే. ఇది చాలా దాని స్వంత శైలి ట్యాగ్ ఉంది. నేను 36 ఒక ఫాంట్ పరిమాణాన్ని పేర్కొనండి. నేను బోల్డ్ ఫాంట్ బరువు పేర్కొనండి. ఇక్కడ డౌన్, నేను మాత్రమే 24 పిక్సెళ్ళు పేర్కొనండి. చివరకు, లైన్ 28 లో, నేను 12 పేర్కొనండి. కాబట్టి ఒక శీఘ్ర తెలివి చెక్ వంటి మరియు ఒక మానవ పఠనం, ఈ వంటి తెరపై పదాలు ఉన్నాయి నిజానికి బోల్డ్ అవతరిస్తుంది? ఏ పంక్తులు నిజంగా బోల్డ్ ఉన్నాయి? 

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

మీరు పదం శైలి పునరావృతం లేదు లేదా ఆ కోట్లు లోపల ఏదైనా. మరియు నేను ఇప్పుడు ఈ చూడండి కనుక నా బ్రౌజర్ లో, యొక్క తీసుకుందాం ఒక ముగింపు ఫలితంగా చూడండి. నన్ను వెళ్ళనివ్వు ముందుకు CSS 0 ఇది ఈ ఫైల్ కు. మరియు అది చాలా సాదా ఇప్పటికీ కానీ అందంగా ఆసక్తికరమైన పొందడానికి. కానీ అది లేదు అవుతుంది నేను ఇక్కడ చేయవచ్చు ఇతర విషయాలు, మరియు తయారీ ప్రమాదం పూర్తిగా వికారమైన ఈ ఇక్కడ గమనించవచ్చు ఆ నా నా వెబ్ పేజీ యొక్క శరీరం, నేను ఫన్నీ ఏదో ఒకటి చెయ్యాలి BG లేదా నేపథ్య రంగు వంటి. 

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

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

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

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

ఇది చాలా అవుతుంది వంటి C పేరు మేము కారణం ప్రారంభించవచ్చు శీర్షిక ఫైళ్లు కొన్ని కోడ్, కాబట్టి మేము HTML లో కలగొచ్చు. క్రింది విధంగా ఆ వైపు ఒక అడుగు. ఈ వెర్షన్, CSS1.html అని గమనించండి ఖచ్చితమైన వెబ్ పేజీ నిర్మాణపరంగా. నేను ఒక మొత్తం బంచ్ పొందారు divs యొక్క, కానీ ఈ సమయంలో, నేను చేసిన రేపర్ విమోచనం సంపాదించిన మీరు చూస్తారు వంటి div. 

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

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

హే బ్రౌజర్, దీని ఒక మూలకం అది ID 24 పిక్సెల్స్ చేయడానికి, మధ్య భాగం. హే బ్రౌజర్, మీరు చూడండి ఉంటే ఒక దిగువ ఆలోచన, అది 12 పిక్సెల్స్ చేయడానికి. చివరికి ప్రభావం సరిగ్గా సామ్ ఉంది. నేను CSS 1 వెళ్ళాలని, పేజీ కనిపిస్తుంది. కానీ మేము దిశగా ఒక అడుగు ఉన్నాము కాస్త మెరుగ్గా డిజైన్. నాకు ఇప్పుడు CSS2 ఇక్కడ తిరిగి వెళ్ళి తెలపండి మరియు నేను చేసిన ఏమి చూడటానికి. 

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

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

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

మేము అభివృద్ధి చేసిన పేజీ ఆకృతిని, ఇది బాగా కొన్ని భావంలో డిజైన్. ఎందుకు మీరు అనుకుంటున్నారు? అవును. మరింత అనువైన ఎలా? అవును. మీరు వెళ్లాలని మీరు చేస్తే తిరిగి మరియు విషయాలు మార్చడానికి, ఇప్పుడు, మీరు ఒక స్థానంలో కలిగి ఇక్కడ మీరు విషయాలు మార్చవచ్చు. నిజానికి, ఏదో కోసం వంటి సమస్య, ఏడు సెట్ మేము ఒక అమలు చేస్తాము పేరు స్టాక్ ట్రేడింగ్ వెబ్సైట్, ఒక కలిగి జరగబోతోంది పేజీలు మొత్తం బంచ్. అది నిజంగా ఉంటుంది బాధించే మీరు నిర్ణయించుకుంటే, HM, నేను నిజంగా అనుకుంటున్నారా, 24 పిక్సెళ్ళు నచ్చని ఇది 28 పిక్సెళ్ళు లేదా కొద్దిగా పెద్ద ఉండాలి. ఆపై ఒక చేయాల్సిందల్లా కనుగొని భర్తీ ప్రపంచ లేదా మీ వెబ్ సైట్ యొక్క ఫైళ్ళను తెరవడానికి కేవలం నిజానికి ఒక విలువ మార్చడానికి. ఈ శైలులు కారక ద్వారా ఒక కేంద్ర స్థానంలో, మీరు ఇప్పుడు ఒక టెక్స్ట్ ఫైల్ విప్పగలరు ఏ కార్యక్రమం లోకి CS50IDE లో, , దానిని మార్చడం అది సేవ్, మరియు పూర్తి. మీరు ఆ పుట్టిస్తారు చేసిన ప్రతిచోటా మార్పులు. మరియు అదే ఉంటుంది ఒక డాట్ h ఫైలులో అలాగే. కాబట్టి ఏ ప్రశ్నలు ఇప్పటివరకు ఈ వాక్యనిర్మాణం? All right, కాబట్టి మేము చేసిన ప్రతిదీ అది గోచరిస్తోంది పూర్తి నిజానికి తప్ప హైపర్లింక్స్ అమలు. కాబట్టి యొక్క ముందుకు వెళ్లి మనం. నాకు ముందుకు వెళ్లి ఇక్కడ ఒక కొత్త ఫైలు సృష్టించవచ్చు. నేను కాల్ వెళుతున్న link.html, నేటి కోడ్ లో ఉంచండి. 

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

నేను ఇక్కడ నా వెబ్ పేజీ యొక్క ఒక శరీరం అవసరం. మరియు ఇక్కడ, ఒక href సమానం యొక్క HTTP://www.disney.com పిలవబడు నా ఇష్టమైన వెబ్ సైట్, మేము చెప్పటానికి చేస్తాము. అన్ని కుడి, కాబట్టి చాలా హానికరం కాని, యూజర్ ఫ్రెండ్లీ పేజీ. నేను ఇప్పుడు నా డైరెక్టరీలో వెళ్ళి ఉంటే ఇక్కడ జాబితా మరియు link.html తెరుచుకుంటుంది, మేము హైపర్ టెక్స్ట్ కలిగి. 

నిజానికి, ఈ పేరు ఉంది HTTP లో హెచ్ నుంచి వస్తుంది. హైపర్ టెక్స్ట్ట్ట్ట్ ట్రాన్స్ఫర్ ప్రోటోకాల్ టెక్స్ట్ బదిలీ గురించి ఇతర మూలాలు హైపర్లింక్స్ ఉంది. నిజానికి, ఇక్కడ సుపరిచితమే రెట్రో ఉంటే, నీలం లింక్ క్లిక్ ఉంటే, నిజానికి Disney.com నాకు దారి తీస్తుంది. ఇప్పుడు, OH, ఆ వెంటనే వస్తున్నాయో. All right, కాబట్టి ఇప్పుడు ఏమి కొన్ని ఈ చిక్కులు? 

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

నిజానికి, మీరు అందుకున్న ఉండవచ్చు ఇక్కడ క్లిక్ వంటి అని ఏదో మీ పేపాల్ పాస్వర్డ్ను రీసెట్. ఇప్పుడు, అయితే, గమనించి ఈ Disney.com కాదు కానీ వంటి badplace.com మరియు రీలోడ్ గమనించండి ఇక్కడ టెక్స్ట్ దేనికైనా చెప్పొచ్చు. నిజానికి, ఈ కేవలం పదాలు. ఎందుకు నేను నిజానికి సూపర్ హానికరమైన లేదు మరియు http://www.paypal.com అంటున్నారు. 

మీ పేపాల్ రీసెట్ ఇక్కడ క్లిక్ చేయండి పాస్వర్డ్ మరియు ఇప్పుడు మళ్లీ లోడ్ చేయండి. ఈ కుడి, అందంగా చట్టబద్ధమైన కనిపిస్తుంది? నేను క్లిక్ కాదు, అర్థం కేవలం ఈ అని ఒక ఇమెయిల్. కానీ ఇక్కడ వైరుధ్యాన్ని గమనిస్తారు. ఇది www.paypal.com చెప్పారు, మరియు, వాస్తవానికి, ఒక నిమిషం వేచి, మేము మీకు కావలసిన తెలుసు భద్రత కోసం s. కాబట్టి ఇప్పుడు, www.paypal.com HTTPS వెళ్ళండి కానీ మీరు ముందు ఈ ఎన్నడూ ఉంటే, అలవాటు పొందడానికి లేదు ఇక్కడ కొద్దిగా లింకులు కదిలించడం. మరియు అది చూడటానికి కష్టం అక్కడ తెరపై, మరియు అది ఇక్కడ అన్ని ఆ సులభం. కానీ మార్గంలో డౌన్ ఇక్కడ చిన్న చిన్న మూలలో నిజానికి బ్రౌజర్ చేస్తుంది మేము వెళుతున్న అని మీరు చెప్పండి బదులుగా Paypal.com యొక్క badplace.com కు. ఇప్పుడు, అక్కడ ఈ తో వెళ్తున్నారు? మేము నేడు చేసిన అన్ని ఉదాహరణలు, మేము హార్డ్ కోడెడ్ మరియు మానవీయంగా అవుట్ టైప్ చేసిన. వెబ్ నమ్మశక్యం ఉంది రసహీనమైన ఉన్నప్పుడు మీరు హార్డు ఆ కంటెంట్ కాబట్టి మీ వెబ్ పేజీలు సంకేతానికి స్టాటిక్ మరియు ఎప్పుడూ మారుతుంటుంది. కోర్సు యొక్క, మా ఇష్టమైన వెబ్సైట్లను నేడు, ఇది Gmail లేదా Twitter లేదా కావచ్చు Facebook లేదా ఇతరులు ఎన్ని డైనమిక్ ఉంటాయి. వారు మారుస్తున్నాము వినియోగదారు ఇన్పుట్ ప్రతిస్పందనగా Google శోధన ఫలితాలు వంటి. 

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

[సంగీతాన్ని]