HTML భాష ఎలిమెంట్ల సంఖ్యను కలిగి ఉంది. వీటిలో పేరాలు, శీర్షికలు, లింకులు మరియు చిత్రాల వంటి సాధారణంగా ఉపయోగించే వెబ్సైట్ భాగాలు ఉన్నాయి. శీర్షిక, nav, ఫుటరు మరియు మరెన్నో సహా HTML5 తో ప్రవేశపెట్టిన అనేక కొత్త అంశాలు కూడా ఉన్నాయి. ఈ HTML అంశాలన్నీ డాక్యుమెంట్ యొక్క నిర్మాణంను సృష్టించేందుకు మరియు దానిని అర్థం చేసుకోవడానికి ఉపయోగిస్తారు. అంశాలకు మరింత అర్థాన్ని జోడించడానికి, మీరు వాటిని లక్షణాలను ఇవ్వవచ్చు.
ఒక ప్రాథమిక HTML ప్రారంభ ట్యాగ్ <పాత్రతో మొదలవుతుంది. ఆ తరువాత ట్యాగ్ పేరు, మరియు చివరికి మీరు ట్యాగ్ను> పాత్రతో పూర్తి చేయండి. ఉదాహరణకు, ప్రారంభ పేరా ట్యాగ్ ఈ విధంగా వ్రాయబడుతుంది:
మీ HTML ట్యాగ్కు ఒక లక్షణాన్ని జోడించడానికి, మీరు మొదట ట్యాగ్ పేరు తర్వాత ఖాళీని ఉంచారు (ఈ సందర్భంలో "p"). అప్పుడు మీరు ఉపయోగించిన లక్షణం పేరును సమాన చిహ్నాన్ని అనుసరిస్తుంది. చివరిగా, లక్షణ విలువ విలువ కొటేషన్ మార్కులలో పెట్టబడుతుంది. ఉదాహరణకి:
టాగ్లు బహుళ లక్షణాలను కలిగి ఉండవచ్చు. మీరు స్థలంతో ఇతరుల నుండి ప్రతి లక్షణాన్ని వేరు చేస్తారు.
అవసరమైన లక్షణాలతో ఎలిమెంట్స్
మీరు ఉద్దేశించిన పనిని కోరుకుంటే కొన్ని HTML అంశాలు వాస్తవానికి లక్షణాలను కలిగి ఉంటాయి. ఇమేజ్ మూలకం మరియు లింక్ ఎలిమెంట్ ఈ రెండు ఉదాహరణ.
చిత్రం మూలకానికి "src" లక్షణం అవసరం. ఆ లక్షణం మీరు ఆ స్థానానికి ఉపయోగించాలనుకుంటున్న చిత్రాన్ని చెబుతుంది. లక్షణం యొక్క విలువ చిత్రంలో ఒక ఫైల్ మార్గం అవుతుంది. ఉదాహరణకి:
మీరు ఈ అంశానికి మరొక లక్షణాన్ని జోడించారని గమనించండి, "alt" లేదా ప్రత్యామ్నాయ టెక్స్ట్ లక్షణం. ఇది సాంకేతికంగా చిత్రాల కోసం అవసరమైన లక్షణం కాదు, కానీ ఈ కంటెంట్ను యాక్సెస్బిలిటీకి ఎల్లప్పుడూ చేర్చడం ఉత్తమమైన పద్ధతి. Alt లక్షణం యొక్క విలువలో జాబితా చేయబడిన టెక్స్ట్ కొన్ని కారణాల వల్ల లోడ్ చేయడంలో విఫలమైతే ప్రదర్శిస్తుంది.
నిర్దిష్ట లక్షణాలు అవసరం మరొక మూలకం యాంకర్ లేదా లింక్ ట్యాగ్. ఈ మూలకం "href" లక్షణాన్ని కలిగి ఉండాలి, ఇది 'హైపర్టెక్స్ట్ రిఫరెన్స్' ని సూచిస్తుంది. ఇది "ఈ లింక్ ఎక్కడ వెళ్లాలి" అని చెప్పే ఒక ఫాన్సీ మార్గం. చిత్రం ఎలిమెంట్ను లోడ్ చేయడం తెలుసుకోవాలనుకుంటే, లింక్ ట్యాగ్ తప్పనిసరిగా ఇది ఎక్కడ కావాలనుకుంటున్నారనేది తెలుసు. ఇక్కడ ఒక లింక్ ట్యాగ్ కనిపించవచ్చు:
ఆ లింక్ ఇప్పుడు ఒక లక్షణం యొక్క విలువలో పేర్కొన్న వెబ్సైట్కు ఒక వ్యక్తిని తీసుకొస్తుంది. ఈ సందర్భంలో, ఇది ప్రధాన పేజీ.
CSS హుక్స్ల గుణాలు
CSS శైలుల కోసం వారు "హుక్స్" గా ఉపయోగించినప్పుడు లక్షణాల మరొక ఉపయోగం. వెబ్ స్టాండర్డ్స్ మీరు మీ పేజీ యొక్క నిర్మాణం (CSS) ను దాని శైలుల నుండి వేరు చేయాలని నిర్ధారిస్తుంది ఎందుకంటే (CSS), వెబ్ బ్రౌజర్లో నిర్మాణాత్మక పేజీ ఎలా ప్రదర్శించబడుతుందో వివరించడానికి మీరు CSS లో ఈ గుణం హుక్స్ని ఉపయోగిస్తారు. ఉదాహరణకు, మీ HTML డాక్యుమెంట్లో మీరు మార్కప్ ఈ భాగాన్ని కలిగి ఉండవచ్చు.
మీరు ఆ విభజన బ్లాక్ యొక్క నేపథ్య రంగు (# 000) మరియు 1.5em యొక్క ఫాంట్-పరిమాణాన్ని కలిగి ఉండాలని అనుకుంటే, మీరు దీన్ని మీ CSS కు జోడించాలి:
.ఫీచర్ {background-color: # 000; font-size: 1.5em;}"ఫీచర్" తరగతి లక్షణం ఆ ప్రాంతానికి శైలులను వర్తింపజేయడానికి మేము CSS లో ఉపయోగించే హుక్గా పనిచేస్తుంది. మనం కోరుకున్నట్లయితే మనం కూడా ఇక్కడ ఒక ID లక్షణాన్ని పొందగలము. తరగతులు మరియు ID లు రెండూ సార్వత్రిక లక్షణాలను కలిగి ఉంటాయి, అనగా వారు ఏ అంశానికి అయినా చేర్చవచ్చు. వారు కూడా ఆ మూలకం యొక్క దృశ్యమానతను గుర్తించడానికి నిర్దిష్ట CSS శైలులను లక్ష్యంగా చేసుకోవచ్చు.
జావాస్క్రిప్ట్ గురించి
చివరగా, కొన్ని HTML అంశాలపై లక్షణాలను ఉపయోగించి మీరు కూడా జావాస్క్రిప్ట్లో ఉపయోగించుకోవచ్చు. మీరు ఒక ప్రత్యేక ID లక్షణంతో ఒక మూలకం కోసం చూస్తున్న స్క్రిప్ట్ను కలిగి ఉంటే, ఇది HTML భాష యొక్క ఈ సాధారణ భాగం యొక్క మరొక ఉపయోగం.