హైపర్టెక్స్ట్ మార్కప్ లాంగ్వేజ్ (HTML) అనేది వెబ్సైట్ను రూపొందించడానికి మరియు అభివృద్ధి చేయడానికి ఉపయోగించే ఫ్రంట్ ఎండ్ లాంగ్వేజ్. HTML అనేది స్టాటిక్ లేదా డైనమిక్ వెబ్ పేజీలను రూపొందించడానికి ఉపయోగించే అన్ని భాషల ప్రాథమిక భాష. Html రూపకల్పనలో అవసరమైన అనేక విధులు ఉన్నాయి. కోణీయ బ్రాకెట్లలో వ్రాయబడిన ట్యాగ్లు, ఆదేశాల సహాయంతో, ఒక వెబ్ పేజీ రూపొందించబడింది. HTML టెక్స్ట్, ఇమేజ్ లేదా ఏదైనా టెక్స్ట్ ఎడిటర్, అంటే మైక్రోసాఫ్ట్ వర్డ్ వంటి ఏదైనా ఇతర మూలకాన్ని సృష్టించడానికి లేదా సవరించడానికి వినియోగదారుని అనుమతిస్తుంది. HTML లోని కంటెంట్లు టెక్స్ట్, ఇమేజ్, కలర్, డిజైన్, మొదలైనవి. టెక్స్ట్ను అలంకరించే బాధ్యత డిజైన్కి చాలా ముఖ్యమైన భాగం. టెక్స్ట్ ఇటాలిక్స్ చేయడం టెక్స్ట్ రూపకల్పనకు ఒక ఉదాహరణ. వినియోగదారు యొక్క దృష్టిని నొక్కిచెప్పడంలో లేదా నడపడంలో ఈ మూలకం ముఖ్యమైనది. ఈ ట్యుటోరియల్లో కొన్ని ఉదాహరణలు హైలైట్ చేయబడ్డాయి.
అవసరమైన ఎసెన్షియల్స్
HTML కు వెబ్సైట్ రూపకల్పన మరియు అభివృద్ధి కోసం రెండు టూల్స్ అవసరం. ఒకటి html కోడ్ని వ్రాయడానికి అవసరమైన టెక్స్ట్ ఎడిటర్. ఇది మీ యాక్సెస్లో ఏదైనా టెక్స్ట్ ఎడిటర్ కావచ్చు, అనగా, నోట్ప్యాడ్, నోట్ప్యాడ్ ++, అద్భుతమైన, విజువల్ స్టూడియో, మొదలైనవి. రెండవది మీ కంప్యూటర్లోని బ్రౌజర్, గూగుల్ క్రోమ్, ఇంటర్నెట్ ఎక్స్ప్లోరర్, మొదలైనవి. ఈ వ్యాసంలో, మేము నోట్ప్యాడ్ను ఉపయోగించాము మరియు గూగుల్ క్రోమ్. స్టాటిక్ పేజీని డిజైన్ చేయడానికి, మీకు HTML మరియు CSS స్టైల్ షీట్ స్టైలింగ్ కోసం అవసరం. వాటిలో ప్రతి ఒక్కటి ఈ గైడ్లో ఉదాహరణలతో ఉపయోగించబడుతుంది.
HTML ఫార్మాట్
ఇటాలిక్ టెక్స్ట్ రూపకల్పనను వివరించడానికి, మేము మొదట html కోడ్ని అర్థం చేసుకుంటాము. Html కోడ్లో రెండు భాగాలు ఉన్నాయి. ఒకటి తల భాగం, మరొకటి శరీరంలో. మేము శీర్షిక భాగంలో శీర్షికను చేర్చాము; ఈ శీర్షిక పేరు నిజానికి పేజీ శీర్షిక. తల యొక్క శరీరం లోపల అంతర్గత స్టైలింగ్ కూడా చేయబడుతుంది. శరీరం టెక్స్ట్, ఇమేజ్ మరియు రంగు మొదలైన వాటికి సంబంధించిన అన్ని ఇతర ట్యాగ్లను కలిగి ఉన్నప్పటికీ, మీరు html పేజీకి జోడించాలనుకుంటున్నది html కోడ్ యొక్క శరీర భాగంలో వ్రాయబడుతుంది.
< html >
< తల >...</ తల >
< శరీరం >….</ శరీరం >
</ html >
దిగువ చిత్రం HTML యొక్క నమూనా కోడ్. తల భాగం లోపల టైటిల్ పేరు వ్రాయబడిందని మీరు చూడవచ్చు. అదే సమయంలో, మేము ట్యాగ్ ఉపయోగించి html బాడీలో పేరాగ్రాఫ్ను జోడించాము
. అప్పుడు బాడీ ట్యాగ్ మరియు html ట్యాగ్లు మూసివేయబడతాయి.
ఈ నమూనా యొక్క అవుట్పుట్ బ్రౌజర్లో కనిపిస్తుంది. శీర్షిక పేరు ట్యాబ్ పేరులో చూపబడిందని మీరు చూడవచ్చు, దీనిని మేము html కోడ్ హెడ్లో ప్రకటించాము.
HTML దాని శరీరం లోపల వ్రాసిన అన్ని ట్యాగ్ల కోసం ఓపెనింగ్ మరియు క్లోజింగ్ ట్యాగ్లను కలిగి ఉంది. కోడ్ తెరిచిన తర్వాత దాని మధ్య టెక్స్ట్ రాసిన తర్వాత తప్పనిసరిగా మూసివేయాలి. ట్యాగ్ స్లాష్తో మూసివేయబడింది. కోడ్ నోట్ప్యాడ్ ఫైల్లో సేవ్ చేయబడుతుంది. గుర్తుంచుకోవలసిన ఒక విషయం ఏమిటంటే, కోడ్ను సేవ్ చేస్తున్నప్పుడు, టెక్స్ట్ ఎడిటర్ యొక్క ఫైల్ తప్పనిసరిగా html పొడిగింపుతో సేవ్ చేయబడాలి. ఉదాహరణకు, నమూనా. Html. అప్పుడు మీరు ఈ ప్రయోజనం కోసం ఉపయోగిస్తున్న ప్రస్తుత బ్రౌజర్ యొక్క చిహ్నంతో ఫైల్ సేవ్ చేయబడిందని మీరు చూస్తారు.
ఇది html లో డిజైన్ చేసిన నేపథ్యం. ఇప్పుడు మేము టెక్స్ట్ ఇటాలిక్ చేయడానికి ఒక సాధారణ ఉదాహరణను ఉపయోగిస్తాము.
ఉదాహరణ 1
నోట్ప్యాడ్ ఫైల్ని తీసుకొని, ఈ గైడ్లో గతంలో వివరించిన విధంగా సాధారణ html కోడ్ని వ్రాయండి. శరీర భాగంలో రెండు పంక్తుల పేరాను జోడించండి. వచనాన్ని ఇటాలిక్ చేయడానికి. ట్యాగ్ ఉపయోగించండి పదాల ప్రారంభంలో మీరు ఇటాలిక్ రూపంలో ఉండాలనుకుంటున్నారు
< i > ……</ i >ఇటాలిక్ టెక్స్ట్కు ఇది ట్యాగ్. దిగువ చిత్రంలో మీరు చూడగలిగినట్లుగా, ది ప్రారంభంలో వ్రాయబడిన ప్రారంభ ట్యాగ్ మరియు అనేది ముగింపు ట్యాగ్. శరీరాన్ని మూసివేసి html.
ఇప్పుడు ఫైల్ను సేవ్ చేయండి మరియు ఫైల్ యొక్క అవుట్పుట్ చూడటానికి బ్రౌజర్లో రన్ చేయండి.
అవుట్పుట్ నుండి, మేము కోడ్లో ఇటాలిక్ చేసిన వాక్యం ఇటాలిక్ రూపంలో ఉందని మీరు గమనించవచ్చు, అయితే మొదటి వాక్యం సాధారణ ఫార్మాట్లో కనిపించింది.
ఉదాహరణ 2
ఈ ఉదాహరణలో, మేము టెక్స్ట్ యొక్క మొత్తం వాక్యానికి బదులుగా ఒక నిర్దిష్ట పదాన్ని ఇటాలిక్ రూపంలో చేస్తాము. వాక్యంలో టెక్స్ట్ ఇటాలిక్ చేయాలనుకున్న చోట, మొత్తం పేరాగ్రాఫ్లో ఓపెనింగ్ మరియు క్లోజింగ్ ట్యాగ్లు ఉపయోగించబడతాయి.
ఇప్పుడు మరోసారి, ఫైల్ను సేవ్ చేసి, ఆపై బ్రౌజర్లో రన్ చేయండి. టెక్స్ట్ యొక్క నిర్దిష్ట భాగం ఇటాలిక్ రూపంలో ఉందని మీరు కోడ్లో ఇటాలిక్ చేయాలనుకుంటున్నట్లు మీరు చూడవచ్చు.
ఉదాహరణ 3
ఉపయోగించడంతో పాటు వచనంలో ట్యాగ్ చేయండి, వచనాన్ని ఇటాలిక్ రూపంలో చేయడానికి మరొక పద్ధతి ఉంది. టెక్స్ట్లో కొంత భాగాన్ని నొక్కి చెప్పే విధానం ఇది. ఈ ట్యాగ్లో ఓపెనింగ్ మరియు క్లోజింగ్ ట్యాగ్లు కూడా ఉన్నాయి. దాని కోసం ఉపయోగించే వాక్యనిర్మాణం;
< లో >….</ లో >టెక్స్ట్ రెండు ట్యాగ్ల మధ్య వ్రాయబడింది; ఈ ఉదాహరణలో, మేము ఈ ట్యాగ్ను పేరాగ్రాఫ్లో రెండుసార్లు ఉపయోగించాము. దిగువ ఉంచిన కోడ్ యొక్క చిత్రాన్ని చూద్దాం.
రెండు వాక్యాలలో, మేము ఉపయోగించాము పేరాలో ఒకసారి. బ్రౌజర్ ఫార్మాట్లో html ఫైల్ను అమలు చేయడం ద్వారా అవుట్పుట్ పొందబడుతుంది.
ఉదాహరణ 4
ఇటాలిక్ రూపంలో పదాలను చూపించడానికి మేము మరొక విధానాన్ని ఉపయోగించిన ఉదాహరణ ఇది. ఇది వచనంలో ఉపయోగించడాన్ని సూచిస్తుంది. ఈ ఉదాహరణలో, మేము html బాడీలో వ్రాసిన మొత్తం టెక్స్ట్కు ఈ ట్యాగ్ను వర్తింపజేసాము.
< ఉదహరించండి > ……</ కోట్ >
అన్ని ట్యాగ్లను మూసివేసిన తర్వాత, ఫైల్ను బ్రౌజర్లో రన్ చేయండి.
ఉదాహరణ 5
ఇప్పటి వరకు, మేము టెక్స్ట్ యొక్క ఇన్లైన్ స్టైలింగ్ గురించి చర్చించాము. టెక్స్ట్ యొక్క ఇటాలిక్ రూపాన్ని తయారు చేయడం కూడా టెక్స్ట్ యొక్క స్టైలింగ్ మరియు డిజైన్ను సూచిస్తుంది. స్టైలింగ్ మూడు రకాలు. ఒకటి ఇన్లైన్, రెండవది అంతర్గత, మరియు మూడవది బాహ్యమైనది. ట్యాగ్ లోపల ఇన్లైన్ స్టైలింగ్ చేయబడుతుంది. తల శరీరం లోపల అంతర్గతంగా వ్రాయబడింది. మరియు బాహ్య స్టైలింగ్ .css పొడిగింపుతో మరొక ఫైల్లో చేయబడుతుంది.
ఇది ఇన్లైన్ css కి ఉదాహరణ; ఇక్కడ, మేము పేరాగ్రాఫ్ ట్యాగ్ల లోపల కోడ్ వ్రాసాము. మేము స్టైల్ స్టేట్మెంట్ను ఇటాలిక్గా ఫాంట్-స్టైల్గా ప్రకటించాము. ఈ స్టేట్మెంట్ ట్యాగ్ లోపల వ్రాయబడింది, కాబట్టి మీరు పై చిత్రంలో చూడగలిగే విధంగా దీనికి ఎలాంటి ముగింపు ట్యాగ్ ఉండదు. ఇప్పుడు అన్ని ట్యాగ్లను మూసివేసి బ్రౌజర్లో అమలు చేయండి. ఇది మనం కోరుకున్న ఫలితాలనే చూపుతుంది.
< p శైలి=తయారు-శైలి: ఇటాలిక్;>
ఉదాహరణ 6
ఇన్లైన్ తర్వాత, మేము ఇప్పుడు అంతర్గత స్టైలింగ్ యొక్క ఉదాహరణను జోడిస్తాము. ఇక్కడ హెడ్ పోర్షన్ లోపల క్లాస్ జోడించబడింది. అప్పుడు html బాడీలోని పేరాగ్రాఫ్ ట్యాగ్ లోపల క్లాస్ పేరు ప్రకటించబడుతుంది. తద్వారా ఇది సులభంగా అందుబాటులో ఉంటుంది.
< తల >< శైలి >
.కు{
తయారు-శైలి: ఇటాలిక్;
}
</ శైలి ></ తల >
డాట్ పద్ధతితో క్లాస్ ప్రారంభించినట్లు మీరు చూడవచ్చు. కోడ్లో రెండు పేరాలు ఉన్నాయి; వాటిలో ఒకదానిపై మేము ఈ స్టైలింగ్ను వర్తింపజేసాము. కాబట్టి మేము ఒక పేరాను ఫార్మాట్ చేయాలనుకున్నప్పుడు ఇది ఉపయోగపడుతుంది.
పేరా లోపల తరగతి ప్రకటన;
< p తరగతి=a>< p తరగతి='కు'>
ఇది హెడ్లోని క్లాస్ని యాక్సెస్ చేస్తుంది. ఇప్పుడు అవుట్పుట్ చూడండి. పేరాగ్రాఫ్లలో ఒకటి ఇటాలిక్ రూపంలో ఉందని మీరు గమనించవచ్చు.
ముగింపు
ఈ వ్యాసం ఇటాలిక్ రూపంలో టెక్స్ట్ ఫార్మాటింగ్ను సూచిస్తుంది. టెక్స్ట్ డిజైనింగ్ అనేది వెబ్ పేజీ రూపకల్పనలో ఒక ముఖ్యమైన భాగం.