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

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

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

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

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

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

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

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

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

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

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

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

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

ID మరియు తరగతి లక్షణాలు అదేవిధంగా పని. మాత్రమే తేడా మాత్రమే కలిగి ఉంది ఒక మూలకం, నిర్దిష్ట ID, కానీ అంశాలు ఎన్ని ఒక తరగతి పంచుకోవచ్చు. ఉదాహరణకు, నేను తరగతి ఉపయోగించవచ్చు చిత్రం అనేకసార్లు కానీ నేను కాదు మరొక విభాగం సృష్టించడానికి ID టాప్ తో. నేను CSS లోకి లేకపోవచ్చు అయితే, సాధారణంగా ఉపయోగించే మరొక భాషను HTML పాటు, ఒకసారి నేను స్టైలింగ్ ప్రారంభం CSS తో నా కోడ్, నేను ఈ ఉపయోగించవచ్చు ప్రభావం సంస్థాగత లక్షణాలు కదండీ సౌందర్యం. 

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

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

నా పేరు Daven ఫార్న్హం ఉంది. ఈ CS50 ఉంది. 

ఉదాహరణకు, నేను ఉపయోగించవచ్చు తరగతి చిత్రం - ఏ, చాలా లక్షణాలు ఉన్నాయి. నా పేరు Daven ఫార్న్హం ఉంది. ఈ CS 650 ఉంది. నేను CSS చెప్పాలనుకోవడం. ఈ CSS ఉంది.