ది ' ” ట్యాగ్ వెబ్‌పేజీలో వచనాన్ని ప్రదర్శించడానికి ఉపయోగించబడుతుంది, ఇది పేరాగా పరిగణించబడుతుంది. “
” ట్యాగ్ పేరాకు ముందు మరియు తర్వాత జోడించబడిన ముందే నిర్వచించబడిన నిలువు ఖాళీతో వస్తుంది. “
” ట్యాగ్‌లోని వచనం ఎల్లప్పుడూ తదుపరి లైన్‌లో ప్రదర్శించబడుతుంది మరియు అదనపు ఖాళీలను కూడా దాటవేస్తుంది. డెవలపర్‌లు కంటెంట్‌ను విభిన్న విభాగాలుగా విభజించడానికి లేదా సమాచారాన్ని తార్కికంగా నిర్వహించడానికి p ట్యాగ్‌ని ఉపయోగించవచ్చు.
ఈ గైడ్ ఆచరణాత్మక అమలుతో పాటు HTML p ట్యాగ్‌ను ప్రదర్శిస్తుంది.
HTML p ట్యాగ్ అంటే ఏమిటి?
ది ' కంటెంట్ యొక్క నిర్మాణాన్ని మెరుగుపరచడానికి మరియు వచనాన్ని మరింత ప్రముఖంగా చేయడానికి వెబ్‌పేజీలో ”ట్యాగ్ ఉపయోగించబడుతుంది. శోధన ఫలితాల్లో వెబ్‌సైట్ ర్యాంకింగ్‌ను మెరుగుపరచగల వెబ్‌పేజీ కోసం SEO ప్రక్రియలో ఇది సహాయపడుతుంది.
వాక్యనిర్మాణం
' కోసం వాక్యనిర్మాణం ” ట్యాగ్ ఇలా చూపబడింది:
< p > Linux p >
పై కోడ్ లైన్‌లో, “ 'ప్రారంభ ట్యాగ్, మరియు'
” అనేది ముగింపు ట్యాగ్. HTML మూలకాల సంక్లిష్టత మరియు అతివ్యాప్తిని నివారించడానికి ముగింపు ట్యాగ్ తప్పనిసరిగా ఉపయోగించడం అవసరం.
ఎలా చేయాలో అర్థం చేసుకోవడానికి దిగువ ఉదాహరణను సందర్శించండి ”ట్యాగ్ పనిచేస్తుంది:
< శరీరం >< p > హలో Linuxhint కమ్యూనిటీ p >
శరీరం >
ఎగువ కోడ్ స్నిప్పెట్ యొక్క అవుట్‌పుట్ క్రింద ప్రదర్శించబడుతుంది:
పై అవుట్‌పుట్ “ని ఉపయోగించి స్క్రీన్‌పై ప్రదర్శించబడే సాదా వచనాన్ని చూపుతుంది ” ట్యాగ్.
ట్యాగ్‌కి CSS స్టైలింగ్‌ను ఎలా వర్తింపజేయాలి?
ది ' 'ట్యాగ్' వంటి ప్రపంచ లక్షణాలను అంగీకరిస్తుంది తరగతి ',' id 'లేదా' శైలి ”మొదలైనవి CSS లక్షణాలను ఉపయోగించి ఎంచుకున్న మూలకాన్ని స్టైలింగ్ చేయడానికి ఉపయోగించబడతాయి. డెవలపర్ నిర్దిష్ట మూలకాలపై మాత్రమే CSS లక్షణాలను వర్తింపజేయడానికి గ్లోబల్ అట్రిబ్యూట్‌లలో ఒకదాన్ని ఉపయోగించవచ్చు. మరియు అందరికీ శైలులను వర్తింపజేయడం కోసం ' 'వెబ్‌పేజీలో ఉపయోగించే ట్యాగ్‌లు నేరుగా HTMLని ఎంచుకుంటాయి' p 'CSS ఫైల్ లోపల మూలకం లేదా' <శైలి> ” ట్యాగ్.
ఉదాహరణ 1: అన్ని “p” మూలకాలకు CSS లక్షణాలను వర్తింపజేయడం
అన్ని
HTML మూలకాలపై ఒకే శైలులను సెట్ చేయడానికి, దిగువ కోడ్ స్నిప్పెట్‌ని సందర్శించండి:
< శైలి >p {
నేపథ్య రంగు: అటవీ ఆకుపచ్చ;
రంగు: తెలుపు;
}
శైలి >
< శరీరం >
< p > హలో Linuxhint కమ్యూనిటీ p >
< p > హలో Linuxhint కమ్యూనిటీ p >
< p > హలో Linuxhint కమ్యూనిటీ p >
< p > హలో Linuxhint కమ్యూనిటీ p >
శరీరం >
పై కోడ్ స్నిప్పెట్‌లో, CSS ' నేపథ్య రంగు 'మరియు' రంగు 'గుణాలు వర్తించబడతాయి' p నేరుగా ఎంచుకోవడం ద్వారా 'మూలకాలు' p ”మూలకం ఎంపిక సాధనం.
ఎగువ కోడ్ స్నిప్పెట్‌ని అమలు చేసిన తర్వాత, వెబ్‌పేజీ ఇలా కనిపిస్తుంది:
అన్నింటికి ఒకే స్టైలింగ్ వర్తింపజేయబడిందని పై అవుట్‌పుట్ చూపిస్తుంది “ p ” వెబ్‌పేజీలోని అంశాలు.
ఉదాహరణ 2: ప్రత్యేకమైన “p” మూలకానికి CSS లక్షణాలను వర్తింపజేయడం
ప్రత్యేకమైన శైలులను వర్తింపజేయడం కోసం ' p ” ఎలిమెంట్స్, స్టైల్, ఐడి లేదా క్లాస్ అట్రిబ్యూట్‌లను ఉపయోగించుకోవచ్చు. ఈ గ్లోబల్ అట్రిబ్యూట్‌లు CSS లక్షణాలను వర్తిస్తాయి “ p ”అవి జతచేయబడిన మూలకం.
కోడ్‌ని సందర్శిద్దాం:
< శైలి >p {
నేపథ్య రంగు: అటవీ ఆకుపచ్చ;
రంగు: తెలుపు;
}
.ఉపయోగించి-తరగతి {
నేపథ్య రంగు: ముదురు రంగు;
}
#యూజింగ్-ఐడి{
నేపథ్య రంగు: రోజీబ్రౌన్;
}
శైలి >
< శరీరం >
< p > హలో Linuxhint కమ్యూనిటీ p >
< p శైలి = 'నేపథ్యం-రంగు:ఎరుపు' > హలో Linuxhint కమ్యూనిటీ p >
< p తరగతి = 'ఉపయోగించే తరగతి' > హలో Linuxhint కమ్యూనిటీ p >
< p id = 'యూజింగ్-ఐడి' > హలో Linuxhint కమ్యూనిటీ p >
< p > హలో Linuxhint కమ్యూనిటీ p >
శరీరం >
పై కోడ్ స్నిప్పెట్‌లో, '' కోసం నేపథ్య-రంగు ప్రాపర్టీ p గ్లోబల్ అట్రిబ్యూట్‌లతో ఉపయోగించినప్పుడు మూలకం విభిన్న విలువలతో సెట్ చేయబడుతుంది.
ఎగువ కోడ్ స్నిప్పెట్‌ని అమలు చేసిన తర్వాత, వెబ్‌పేజీ ఇలా కనిపిస్తుంది:
పై అవుట్‌పుట్ చూపిస్తుంది “ p ” ఎలిమెంట్స్ ఇప్పుడు గ్లోబల్ అట్రిబ్యూట్‌ల సహాయంతో ప్రత్యేకంగా స్టైల్ చేయబడ్డాయి.
ముగింపు
ది ' ”
ట్యాగ్‌ని ప్రదర్శించింది.