HTML అని కూడా పిలువబడే హైపర్‌టెక్స్ట్ మార్కప్ లాంగ్వేజ్ వెబ్ అప్లికేషన్‌లను రూపొందించడానికి ఉపయోగించబడుతుంది. HTML ట్యాగ్‌లు, సాధారణంగా ఎలిమెంట్స్ అని పిలుస్తారు, HTML భాషలో అత్యంత ముఖ్యమైన అంశం. HTML ట్యాగ్‌లు వెబ్ పేజీలలో కంటెంట్ లేదా సమాచారాన్ని పొందుపరుస్తాయి మరియు ప్రదర్శిస్తాయి. రెండు రకాల HTML ట్యాగ్‌లు ఉన్నాయి: ఖాళీ మరియు కంటైనర్ ట్యాగ్‌లు.
HTMLలో ఖాళీ మరియు కంటైనర్ ట్యాగ్‌లతో ఎలా పని చేయాలో ఈ బ్లాగ్ మార్గనిర్దేశం చేస్తుంది.
ఖాళీ ట్యాగ్‌లు
ఖాళీ ట్యాగ్‌లను '' అని కూడా అంటారు. సింగిల్టన్ 'లేదా' శూన్యం ' టాగ్లు. శూన్యమైన ట్యాగ్ ఎప్పుడూ ఏ కంటెంట్‌ను కలిగి ఉండదు, కానీ లక్షణాలను పేర్కొనవచ్చు. ఈ ట్యాగ్‌లకు ముగింపు ట్యాగ్ లేదు మరియు ట్యాగ్‌లో బ్యాక్‌స్లాష్ ఉండవచ్చు. ఖాళీ ట్యాగ్‌ల ఉదాహరణలు “
”, “”, “”, “
వాక్యనిర్మాణం
HTMLలో శూన్య మూలకాలను పేర్కొనడానికి వాక్యనిర్మాణం క్రింది విధంగా ఉంది:
< ఖాళీ ట్యాగ్ />
ఖాళీ ట్యాగ్‌లతో ఎలా పని చేయాలో చూడటానికి, దిగువ ఉదాహరణను చూడండి. ది '
” ట్యాగ్‌ని లైన్ బ్రేక్ ట్యాగ్ అంటారు మరియు లైన్‌ను బ్రేక్ చేయడానికి ఉపయోగించబడుతుంది:
< p > HTML ఖాళీ ట్యాగ్‌లు < br > గీత బ్రేక్ ట్యాగ్ చేయండి p >
అవుట్పుట్ సూచిస్తుంది '
” ట్యాగ్ లైన్‌ను బ్రేక్ చేసింది:
మేము HTML ట్యాగ్‌లకు CSS స్టైలింగ్ లక్షణాలను జోడించవచ్చు. ది '
” ట్యాగ్ అనేది పేజీకి క్షితిజ సమాంతర రేఖను జోడించే మరొక ఖాళీ మూలకం:
< గం శైలి = 'బోర్డర్-టాప్: 3px డాష్డ్ రెడ్;' > గీత బ్రేక్ ట్యాగ్ చేయండి
p >
ది ' సరిహద్దు-పైభాగం 'CSS ఆస్తి వర్తించబడుతుంది'
'మూడు విలువలతో, ఒకటి సరిహద్దు వెడల్పుతో సమానం' 3px ”, సరిహద్దు శైలి ఇలా సెట్ చేయబడింది గీతలు పడ్డాయి ” మరియు అంచు రంగు.
అవుట్పుట్
ఇప్పటివరకు, మేము HTML ఖాళీ ట్యాగ్‌ల గురించి చర్చించాము. ఇప్పుడు, మేము తదుపరి విభాగంలో HTML కంటైనర్ ట్యాగ్‌ల ద్వారా వెళ్తాము.
కంటైనర్ ట్యాగ్‌లు
HTML కంటైనర్ ట్యాగ్‌లు మూడు భాగాలను కలిగి ఉంటాయి: ప్రారంభ ట్యాగ్‌లు, కంటెంట్ మరియు ముగింపు ట్యాగ్‌లు. HTML కంటైనర్ ట్యాగ్ యొక్క సింటాక్స్ క్రింది విధంగా ఇవ్వబడింది:
< ప్రారంభం_రోజు > విషయము ముగింపు ట్యాగ్ >HTMLలో కంటైనర్ ట్యాగ్ ఎలా పని చేస్తుందో తెలుసుకోవడానికి దిగువ ఉదాహరణలను చూడండి.
ఉదాహరణ 1: HTMLలో పేరాను ఎలా జోడించాలి?
ది ' HTML పత్రంలో పేరాను పొందుపరచడానికి ” ట్యాగ్ ఉపయోగించబడుతుంది:
< p > ఇది పేరా ట్యాగ్ p >అవుట్పుట్
ఉదాహరణ 2: HTMLలో హెడ్డింగ్‌లను ఎలా జోడించాలి?
వెబ్ పేజీకి హెడ్డింగ్‌లను జోడించడానికి ఆరు స్థాయిల హెడ్డింగ్ కంటైనర్ ట్యాగ్‌లు ఉపయోగించబడతాయి. అవి ఎలా పని చేస్తాయో మరియు వెబ్ పేజీలో ఎలా కనిపిస్తాయో చూడటానికి వాటిని HTML డాక్యుమెంట్‌లో ఉంచుదాం:
< h1 > Linux h1 >< h2 > Linux h2 >
< h3 > Linux h3 >
< h4 > Linux h4 >
< h5 > Linux h5 >
< h6 > Linux h6 >
అవుట్పుట్
మేము ఈ ట్యాగ్‌లకు ఇన్‌లైన్ స్టైలింగ్‌ను అందించగలము. దిగువ ఉదాహరణను పరిగణించండి, ఈ ట్యాగ్‌లకు వివిధ CSS స్టైలింగ్ లక్షణాలను ఎలా వర్తింపజేయాలో చూపిస్తుంది:
< h1 శైలి = 'నేపథ్యం-రంగు: తిస్టిల్; ఫాంట్-కుటుంబం: కర్సివ్;' > Linux h1 >< h2 శైలి = 'నేపథ్యం-రంగు: గోధుమ; టెక్స్ట్-అలైన్: సెంటర్;' > Linux h2 >
< h3 శైలి = 'నేపథ్యం-రంగు: టమోటా; రంగు: తెలుపు;' > Linux h3 >
< h4 శైలి = 'ఫాంట్-కుటుంబం: 'ట్రెబుచెట్ MS'; నేపథ్య-రంగు: పసుపుపచ్చ;' > Linux h4 >
< h5 శైలి = 'నేపథ్యం-రంగు: వైలెట్;' > Linux h5 >
< h6 శైలి = 'నేపథ్యం-రంగు: తెల్లటి పొగ;' > Linux h6 & gt
పైన పేర్కొన్న లక్షణాల వివరణ ఇక్కడ ఉంది:
- ది ' నేపథ్య రంగు ”ఆస్తి మూలకం యొక్క నేపథ్యానికి రంగును జోడిస్తుంది.
- ' ఫాంట్ కుటుంబం ” ఆస్తి మూలకం యొక్క ఫాంట్ శైలిని సర్దుబాటు చేస్తుంది.
- ' టెక్స్ట్-అలైన్ ” ప్రాపర్టీ టెక్స్ట్ ప్లేస్‌మెంట్ లేదా అమరికను సర్దుబాటు చేస్తుంది.
అవుట్పుట్
HTML యొక్క ఖాళీ మరియు కంటైనర్ ట్యాగ్‌లను ఎలా ఉపయోగించాలో మేము మీకు చూపించాము.
ముగింపు
ఖాళీ ట్యాగ్‌లు మరియు కంటైనర్ ట్యాగ్‌లు వెబ్ పేజీలో కంటెంట్ మరియు సమాచారాన్ని పొందుపరిచే HTML పత్రాలలో ప్రధాన భాగాలు. ఖాళీ ట్యాగ్‌లు ఏ కంటెంట్‌ను కలిగి ఉండవు మరియు
వంటి దాని చివర బ్యాక్‌స్లాష్‌తో ప్రారంభ ట్యాగ్‌ను మాత్రమే కలిగి ఉంటాయి. అయితే, కంటైనర్ ట్యాగ్‌లు కంటెంట్‌తో పాటు ప్రారంభ మరియు ముగింపు ట్యాగ్‌లను కలిగి ఉంటాయి. ఈ బ్లాగ్ HTMLలో ఖాళీ మరియు కంటైనర్ ఎలిమెంట్‌ల పని గురించి వివరించింది.