మేము వినియోగదారు పేరుపై హోవర్ చేసినట్లుగా జావాస్క్రిప్ట్ లేకుండా హోవర్ టెక్స్ట్‌ను జోడించండి

Memu Viniyogadaru Perupai Hovar Cesinatluga Javaskript Lekunda Hovar Tekst Nu Jodincandi



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

ఈ కథనం జావాస్క్రిప్ట్ ఉపయోగించకుండా HTMLలో హోవర్ టెక్స్ట్‌ను జోడించడానికి రెండు ఉపయోగకరమైన పద్ధతులను ప్రదర్శిస్తుంది:

విధానం 1: “div” మూలకం ద్వారా హోవర్ టెక్స్ట్‌ని జోడించండి

''ని ఉపయోగించడం ద్వారా హోవర్ టెక్స్ట్ జోడించబడుతుంది

'మూలకంతో' శీర్షిక 'ప్రారంభంలో లక్షణం' ”. డెవలపర్ 'శీర్షిక' లక్షణంలో '' హోవర్ వచనాన్ని జోడించాలి
'ఓపెనింగ్ ట్యాగ్ మరియు HTML ఎలిమెంట్ ఓపెనింగ్ మరియు క్లోజింగ్ మధ్య జోడించబడ్డాయి'
' టాగ్లు. లోపల వచనం “
”కంటైనర్ మూలకం ఏ రకంగానైనా ఉండవచ్చు. ఉదాహరణకు, ఒక '

' శీర్షిక, '

”పేరాగ్రాఫ్ ఎలిమెంట్, లేదా ఒక సాధారణ సాదా వచనం.







ఉదాహరణ

జోడించడానికి ఒక సాధారణ ఉదాహరణ వ్రాస్దాము '

HTML మూలకంపై హోవర్ టెక్స్ట్‌ని జోడించడానికి మూలకం:



< div శీర్షిక = 'ఇది హోవర్ టెక్స్ట్' > నా మీద హోవర్ చేయండి! < / div >

పై కోడ్ ప్రకారం:



  • ఎ'
    'మూలకం'తో జోడించబడింది శీర్షిక 'ప్రారంభంలో లక్షణం'
    ” ట్యాగ్.
  • ది ' శీర్షిక ”అట్రిబ్యూట్‌లో వినియోగదారు మౌస్ కర్సర్‌ను టెక్స్ట్‌పై ఉంచినప్పుడు ప్రదర్శించబడే వచనాన్ని కలిగి ఉంటుంది.
  • ప్రారంభ మరియు ముగింపు మధ్య '
    ”ట్యాగ్‌లు అనేది హోవర్ టెక్స్ట్‌ను ప్రదర్శించే ఇంటర్‌ఫేస్‌పై హోవర్‌లో ప్రదర్శించబడే టెక్స్ట్.

పైన జోడించిన ఉదాహరణ క్రింది అవుట్‌పుట్‌ను ప్రదర్శిస్తుంది:





విధానం 2: 'స్పాన్' ఎలిమెంట్ ద్వారా హోవర్ టెక్స్ట్‌ని జోడించండి

“ని ఉపయోగించి హోవర్ టెక్స్ట్ కూడా జోడించబడుతుంది HTML లో మూలకం. శీర్షిక లక్షణంలో హోవర్ టెక్స్ట్‌ను జోడించడం మరియు ప్రారంభ మరియు ముగింపు మధ్య హోవర్ టెక్స్ట్ జోడించబడే వాస్తవ HTML మూలకాన్ని జోడించడం మాత్రమే దీనికి అవసరం. ' టాగ్లు.



ఉదాహరణ

''ని చొప్పించడానికి ఒక సాధారణ ఉదాహరణను జోడిద్దాం. HTML మూలకంపై హోవర్ టెక్స్ట్‌ని జోడించడం కోసం HTML డాక్యుమెంట్‌లోని మూలకం:

< వ్యవధి శీర్షిక = 'ఇది హోవర్ టెక్స్ట్' > నాపై హోవర్ చేయండి!< / వ్యవధి >

పై ఉదాహరణలో:

  • ఎ' 'మూలకం'తో జోడించబడింది శీర్షిక 'ఓపెనింగ్ లోపల లక్షణం' ” ట్యాగ్.
  • ది ' శీర్షిక ”అట్రిబ్యూట్‌లో వినియోగదారు హోవర్ చేసినప్పుడు ప్రదర్శించబడే వచనం ఉంటుంది.
  • ప్రారంభ మరియు ముగింపు మధ్య ' ”ట్యాగ్‌లు అనేది హోవర్ టెక్స్ట్‌ను ప్రదర్శించే వినియోగదారునికి ప్రదర్శించబడే వచనం.

అవుట్‌పుట్

ఇది జావాస్క్రిప్ట్ ఉపయోగించకుండా హోవర్ టెక్స్ట్‌ను జోడించడానికి సాధ్యమయ్యే పద్ధతులను సంగ్రహిస్తుంది.

ముగింపు

జావాస్క్రిప్ట్ ఫంక్షన్‌లను ఉపయోగించాల్సిన అవసరం లేకుండా HTMLలో హోవర్ టెక్స్ట్ సులభంగా జోడించబడుతుంది. డెవలపర్ వీటిని ఉపయోగించాలి '

'మూలకం లేదా' ” మూలకం HTML మూలకాన్ని సృష్టించి, ఆపై హోవర్ టెక్స్ట్‌ను నిర్వచించే శీర్షిక లక్షణాన్ని జోడించండి. జావాస్క్రిప్ట్ అవసరం లేకుండా హోవర్ టెక్స్ట్‌ను జోడించే పద్ధతి గురించి ఈ పోస్ట్ మంచి గైడ్.