కంప్యూటర్లు, సాఫ్ట్వేర్
ఒక HTML పేజీ ఎలా సృష్టించాలి: దశల వారీ సూచనలు, సాంకేతికత మరియు సిఫార్సులు
మీరు ఒక HTML పేజీ ఎలా సృష్టించాలో అనుకుంటున్నారు? ఇది చేయటానికి, మీరు కొన్ని గంటల ఖర్చు అవసరం మరియు మీరు HTML యొక్క ప్రాథమికాలను తెలుస్తుంది . మరియు మీరు మీ మొదటి పేజీని 5 నిమిషాల్లో సృష్టించవచ్చు.
HTML హైపర్టెక్స్ట్ మార్కప్ లాంగ్వేజ్. అనువాదంలో, దీనర్థం "హైపర్టెక్స్ట్ మార్కప్ లాంగ్వేజ్". HTML అనేది ప్రోగ్రామింగ్ లాంగ్వేజ్ కాదు, కానీ వెబ్సైట్ మార్కప్ అని అర్థం చేసుకోవడం ముఖ్యం.
అన్ని ఆధునిక బ్రౌజర్లు దీనిని గుర్తించగలవు. ముందుగా వారు రచయితకు అనుకూలమైన రూపంలో సమాచారాన్ని ప్రదర్శిస్తారు, ఇంతకు మునుపు రచయితచే ప్రణాళిక చేయబడింది.
ఈ భాషలో, ప్రత్యేక ట్యాగ్లు ఉపయోగించబడతాయి. ప్రతి ట్యాగ్ దాని ఫంక్షన్ను నిర్వహిస్తుంది. వాటిని చాలా ఉన్నాయి. ఆదర్శవంతంగా, మీరు ప్రతిదీ తెలుసుకోవాలి. కానీ ఒక అనుభవశూన్యుడు ప్రాథమిక జ్ఞానం కోసం తగినంత ఉంది.
HTML బేసిక్స్
మీరు HTML పేజీని సృష్టించే ముందు, ఇది ఏమి చేశారో మీరు తెలుసుకోవాలి. ఈ భాషలో రెండు భావనలు ఉన్నాయి: మూలకం మరియు ట్యాగ్.
ఈ మూలకం మొదలవుతుంది మరియు మూసివెయ్యబడుతుందో పేర్కొనడానికి, ప్రారంభ మరియు ముగింపు ట్యాగ్ను ఉపయోగించండి. ఇది ఇలా కనిపిస్తుంది.
<ట్యాగ్ తెరవడం> కంటెంట్ మూసివేయడం ట్యాగ్>
మీరు గమనిస్తే, ప్రారంభ మరియు ముగింపు ట్యాగ్లు "/" లో మాత్రమే ఉంటాయి.
మొత్తం HTML పత్రం ఈ అంశాల సేకరణ. పత్రం యొక్క నిర్మాణానికి కొన్ని అవసరాలు ఉన్నాయి. అన్ని పేజీ కంటెంట్ రెండు మరియు html> ట్యాగ్ల మధ్య ఉండాలి. మీరు కోడ్ వ్రాస్తున్నప్పుడు, వెంటనే ప్రారంభ మరియు ముగింపు ట్యాగ్ను సెట్ చేసే అలవాటు పడుతుంది.
అలాగే HTML భాష యొక్క నిర్మాణం దాని స్వంత సోపానక్రమాన్ని కలిగి ఉంది. లేకపోతే గూడు అని పిలుస్తారు. అందరికీ లోపల ఉన్నందున HTML ట్యాగ్ చాలా ముఖ్యమైనది.
HTML కు ఇద్దరు పిల్లలు ఉన్నారు:
- ... head>;
- <శరీర> .. body>.
HEAD బ్లాక్ వివిధ సేవ సమాచారాన్ని సూచిస్తుంది. ఈ సమాచారం బ్రౌజర్లో ప్రదర్శించబడదు. ఉదాహరణకు, డెవలపర్లు కోసం సూచనలు, ఏ కార్యక్రమాలు, రోబోట్లు మరియు మరింత.
ముఖ్యంగా, ఇక్కడ కంటెంట్ లేదు.
BODY విభాగం వినియోగదారుకు ప్రదర్శించబడే డాక్యుమెంట్ యొక్క కంటెంట్లను సూచిస్తుంది.
10 సమూహ అంశాలు ఉండవచ్చు ఎందుకంటే ఒకేసారి ట్యాగ్లను తెరిచి, మూసివేయండి. అదనంగా, సౌలభ్యం కోసం, సమూహ ట్యాగ్లను ఇండెంట్ చేయాలని సిఫార్సు చేయబడింది. ఉదాహరణకు, ఇలాంటిది.
తల>
శరీర>
Html>
కాబట్టి ప్రాముఖ్యత ట్యాగ్లలో సమానంగా ఒకే స్థాయిలో ఉంటాయి, మరియు పిల్లలు "లోపల". అందువల్ల కోడ్ యొక్క అవసరమైన భాగాన్ని అవగాహన మరియు అన్వేషణ కోసం ఇది మరింత సౌకర్యవంతంగా ఉంటుంది. లేకపోతే, మీరు అయోమయం పొందవచ్చు. కానీ స్పేస్, తల మరియు శరీరం ట్యాగ్లను సేవ్ చేయడానికి ఇండెంట్ చేయకుండా చేయవచ్చు. ప్రతి ఒక్కరికీ అనవసరమైన ఇండెంట్ లేనందున ఇది జరుగుతుంది. మిగిలినవి వేరుచేయడానికి కావలసినవి.
ఎలా ఒక సాధారణ HTML పేజీ సృష్టించడానికి
కోడ్ రాయడానికి మీకు రకమైన ఎడిటర్ అవసరం. వాటిని చాలా ఉన్నాయి. నోట్ప్యాడ్లో ++ మరియు Adobe డ్రీమ్వీవర్ ప్రసిద్ధి చెందాయి. మీరు ఒక నోట్బుక్ని కూడా ఉపయోగించవచ్చు.
నోట్ప్యాడ్లో + ఎడిటర్ కనిపిస్తుంది ఎలా.
ఇది చాలా సౌకర్యవంతమైన ఎడిటర్ మరియు అదే సమయంలో ఉచితం. పైన Adobe డ్రీమ్వీవర్ ఒక చెల్లింపు ఒకటి. ఒక నోట్బుక్ నుండి HTML కోడ్ రాయడం కోసం ఉద్దేశించిన సంపాదకుల మధ్య వ్యత్యాసం ప్రత్యేక ట్యాగ్లు హైలైట్ అవుతాయి. ఇది హైలైట్ చేయకపోతే, మీరు తప్పు వ్రాసారు.
బ్యాక్లైట్ భాషతో సరిపోలుతుందని నిర్ధారించడానికి, మీరు దాన్ని సెట్టింగులలో పేర్కొనాలి.
నోట్ప్యాడ్లో ఒక HTML పేజీ ఎలా సృష్టించాలో చూద్దాం. అనగా, మేము టెక్నికల్ భాగాన్ని పూర్తి చేసి, ఆపై ట్యాగ్ల అధ్యయనానికి నేరుగా వెళ్ళండి.
నోట్ప్యాడ్లో HTML లో ఒక వెబ్ పేజీని ఎలా సృష్టించాలో
మొదటి, నోట్ప్యాడ్లో తెరవండి.
తదుపరి స్క్రీన్లో చూపించినదానిని టైప్ చేయండి.
మీ చేతులతో వ్రాయడం కోసం ఉపయోగిస్తారు, కేవలం కాపీ చేయడం లేదు. మీరు మీ చేతులతో వ్రాస్తే, మీరు మొత్తం ట్యాగ్ డేటాబేస్ను బాగా గుర్తుంచుకోవాలి.
ఆ తరువాత, "సేవ్ ఫైల్" మెనుపై క్లిక్ చేసి, ఏ ఫైల్ పేరును అయినా, కానీ పొడిగింపు .html తో.
ఆ తరువాత, మీరు బ్రౌజర్లో ఫైల్ను తెరిచి ఫలితాన్ని పొందవచ్చు. ఇప్పుడు మీరు నోట్ప్యాడ్లో HTML లో ఒక వెబ్ పేజీని ఎలా సృష్టించాలో అర్థం చేసుకోవాలి.
వరల్డ్ కన్సార్టియం W3C
W3C వంటి సంస్థ ఉంది, ఇది ఇంటర్నెట్ కోసం అన్ని ప్రమాణాలను అభివృద్ధి చేస్తుంది మరియు అమలు చేస్తుంది. అన్ని బ్రౌజర్లు ఈ నియమాల ప్రకారం ఈ ప్రమాణాలు మరియు ప్రక్రియ పేజీ లేఅవుట్లు (సంకేతాలు) అనుగుణంగా ఉంటాయి.
HTML డెవలపర్లు అధికారిక సైట్లో, మీరు వారి ఉపయోగం కోసం అన్ని ట్యాగ్లు మరియు నియమాలతో పట్టికను కనుగొనవచ్చు. ఈ ఆర్టికల్ యొక్క ముసాయిదాలో, మనం ప్రాథమికంగా పరిగణించాలి.
నియమాలు ఏవి కావచ్చు అనే దాని గురించి మీరు ఆలోచించగలరా? అన్ని వివరించిన ట్యాగ్లు వారి స్వంత సిఫార్సును కలిగి ఉన్నాయి. వాటిలో చాలా ఉన్నాయి:
- ఐచ్ఛిక ట్యాగ్.
- ఫర్బిడెన్.
- ఖాళీ ట్యాగ్.
- కాలం చెల్లిన
- ది లాస్ట్.
HTML లో టాగ్లు
ఒక HTML పేజీని సృష్టించడానికి ముందు, మీరు HEAD యొక్క సేవా భాగంలో ఉండాలి ఏమిటో అర్థం చేసుకోవాలి.
HEAD ప్రాంతంలో, తప్పనిసరి మరియు ఐచ్ఛిక ట్యాగ్లు రెండూ ఉన్నాయి. తప్పనిసరి ట్యాగ్ అనేది శీర్షిక. ఇది
BODY విభాగానికి వెళ్దాము. బ్రౌజర్లో ప్రదర్శించబడే ఎలిమెంట్ లు ఉన్నాయి మరియు ప్రదర్శించబడనివి కూడా ఉన్నాయి. ఉదాహరణకు, వ్యాఖ్యలు వినియోగదారుకు ప్రదర్శించబడవు. నోట్స్ కోసం లేదా మీరు ఒక జట్టులో పని చేస్తే ఇతర ఉద్యోగులకు తెలియజేయవచ్చు.
వారు గా నియమించబడ్డారు
మధ్యలో ఉన్న ప్రతిదీ , ఆ ప్రోగ్రామ్ ద్వారా విశ్లేషించబడుతుంది. మీరు వ్యాఖ్య వ్యాఖ్య ట్యాగ్ను మరొక వ్యాఖ్య ట్యాగ్కు జోడించలేరని గమనించండి. వెంటనే మీరు తెరిచినప్పటి నుండి చూసేంత వరకు సమాచారం కనిపించదు.
ఈ గూడుకు ఉదాహరణ:
మొదటి వ్యాఖ్య యొక్క కొనసాగింపు ->
బ్రౌజర్ ఫలితంగా కింది ఉంటుంది
మొదటి వ్యాఖ్య యొక్క కొనసాగింపు ->
కాని ముక్క కనిపించవు. రెండవ ప్రారంభ
టెక్స్ట్ లో హెడ్డింగులు
టైటిల్ ట్యాగ్తో HEAD విభాగంలో మాత్రమే ఈ శీర్షిక సూచించబడుతుంది. సందర్భంలో, శీర్షిక తప్పనిసరిగా సూచించబడాలి. యూజర్ మాత్రమే చూస్తారు ఎందుకంటే.
హెడ్డింగులు వివిధ స్థాయిలలో వస్తాయి. ఇది టెక్స్ట్ లో ఒక సోపానక్రమం సృష్టిస్తుంది. పుస్తకాలలో వాల్యూమ్లు, అధ్యాయాలు, పేరాలకు సమానమైనది.
కేవలం 6 స్థాయిలు మాత్రమే ఉన్నాయి. ముఖ్య శీర్షిక
హెడర్ h1> చే సూచిస్తారు. పేజీ పురోగతి పరంగా, H1 మరియు శీర్షిక ట్యాగ్లలోని టెక్స్ట్ సరిపోలాలి. అంతేకాక, సౌందర్య దృక్కోణం నుండి H1 మాత్రమే ఒకటి ఉండాలి. కానీ దీని అర్థం బ్రౌజర్ H1 ను ప్రాసెస్ చేయదు. వారు మీకు కావలసినంత ఎక్కువ చేయవచ్చు, కానీ ఇది అవాంఛనీయం.
ఉపశీర్షికల కోసం H2 నుండి H6 వరకు ట్యాగ్లను ఉపయోగించుకోండి. వారు మొదటి, రెండవ, మూడవ, నాల్గవ, ఐదవ మరియు ఆరవ స్థాయిలు యొక్క శీర్షిక అని పిలవబడతారు. ఈ సమాచారం గూడు మరియు కేతగిరీలు ఒక ఉపవిభాగం సృష్టిస్తుంది.
ఇది ఇలా కనిపిస్తుంది.
పేరా
కోడ్లోని ప్రధాన వచనం
... p> ట్యాగ్లో ఫార్మాట్ చెయ్యాలి. ఇది "పేరాగ్రాఫ్" అనే పదం నుండి ఉద్భవించింది. ప్రతి పేరా ఒక
ట్యాగ్తో ఫార్మాట్ చేయబడాలి మరియు అన్నింటినీ ఒక కుప్పలో కాదు. ఒక సాధారణ లైన్ విరామం ప్రాసెస్ చేయబడదు. అన్ని ఒక లైన్ లో ప్రదర్శించబడుతుంది. హైపన్లకు, మీరు తప్పనిసరిగా ట్యాగ్ను ఉపయోగించాలి .
మైగ్రేషన్ ట్యాగ్ మూసివేయబడలేదని గమనించండి. అతను ఒంటరిగా ఉన్నాడు.
కవిత్వం యొక్క ఉదాహరణను పరిగణించండి.
వివిధ టాగ్లు, వారి "పేరు" పాటు, వారి సొంత లక్షణం కలిగి. ఉదాహరణకు, ఒక పేరా ట్యాగ్ ఒక "అమరిక" లక్షణాన్ని కలిగి ఉంటుంది, ఇది సమలేఖనం చేయబడుతుంది. ఇది విలువ ఎడమ, కుడి, సెంటర్ పడుతుంది. అంటే, ఎడమ లేదా కుడి అంచు లేదా మధ్యలో సమలేఖనం చేయండి.
లింకులు ఉపయోగించి
బహుశా, మీరు ఇప్పటికే ఆలోచించారు: లింక్లతో ఒక HTML పేజీని ఎలా సృష్టించాలి? ఈ సంక్లిష్టంగా ఏదీ లేదు. ఒక HTML పేజీకి లింకులు సృష్టించడం సులభం. దీని కోసం, ఒక ప్రత్యేక ట్యాగ్ ఉంది. ఇది దాని స్వంత తప్పనిసరి లక్షణాలను కలిగి ఉంది. సరైన లింక్ ఇలా కనిపిస్తుంది:
మీరు చిరునామా మరియు వచనాన్ని పేర్కొనకపోతే, ఈ లింక్ యూజర్కు ఉపయోగపడదు లేదా అదృశ్యమవుతుంది.
నిర్ధారణకు
అక్కడ చాలా ట్యాగ్లు ఉన్నాయి, మరియు వాటికి ప్రతి దాని స్వంత లక్షణాలను కలిగి ఉంది. ఈ సమాచారాన్ని చదివిన తరువాత, మీరు ఒక HTML వెబ్ పేజీని ఎలా సృష్టించాలో అర్థం చేసుకోవాలి.
ఈ ప్రాంతంలో మీ జ్ఞానాన్ని విస్తరించడానికి, మీరు అదనపు సాహిత్యాన్ని చదవాలి మరియు W3C వెబ్సైట్లో ఉన్న అధికారిక HTML ట్యాగ్ల డైరెక్టరీని ఉపయోగించాలి. భాషా రచయితల క్రమానుగతంగా నవీకరించబడిన డైరెక్టరీని మీరు ఉపయోగించకుంటే, మీరు ఈ రంగంలో ఒక ప్రొఫెషనల్గా మారడం కష్టం.
Similar articles
Trending Now