HTML కథనం ట్యాగ్

Html Kathanam Tyag



HTML5 'ని పరిచయం చేసింది <వ్యాసం> ఏదైనా పత్రం, అప్లికేషన్ లేదా సైట్‌లో నిర్దిష్ట స్వీయ-నియంత్రణ భాగాన్ని సూచించడానికి ఉపయోగించబడే ”ట్యాగ్. ఈ HTML భాగం ఫోరమ్ పోస్ట్, మ్యాగజైన్, బ్లాగ్ పోస్ట్ మరియు మరిన్నింటిలో పునర్వినియోగపరచదగినది మరియు పంపిణీ చేయగలదు.

ఈ అధ్యయనం మీకు HTML

ట్యాగ్ గురించి నేర్పుతుంది. కనుక వెళ్దాం పదండి!







HTML
ట్యాగ్ అంటే ఏమిటి?

మూలకం మరియు
మూలకం ఫంక్షనాలిటీ, స్టైలింగ్ మరియు డిస్‌ప్లే పరంగా ఒకే విధంగా పనిచేస్తాయి. అయినప్పటికీ, డాక్యుమెంట్‌లోని
ట్యాగ్ శోధన ఇంజిన్‌లు మరియు స్క్రీన్ రీడర్‌లకు మరింత అర్థ సమాచారాన్ని అందిస్తుంది. అంతేకాకుండా, ఒక HTML ఫైల్ బహుళ
ట్యాగ్‌లను కలిగి ఉంటుంది, వాటిని గూడులో ఉంచవచ్చు.



HTML
ట్యాగ్ ఎలా ఉపయోగించాలి?

HTML

ట్యాగ్‌ని ఉపయోగించడానికి, దిగువ ఇచ్చిన సింటాక్స్‌ని అనుసరించండి:



< వ్యాసం > వ్యాసం >


ఇక్కడ, ' <వ్యాసం> 'ప్రారంభ ట్యాగ్, మరియు'

” అనేది ముగింపు ట్యాగ్.





ట్యాగ్ వినియోగాన్ని ప్రదర్శించడానికి ఒక ఉదాహరణను చూద్దాం.

ఉదాహరణ: HTMLలో

ట్యాగ్‌ని ఉపయోగించడం



HTMLలో, ముందుగా, '' అనే తరగతితో

ట్యాగ్‌ని జోడించండి అన్ని-OS ” మరియు శీర్షిక కోసం

. ఆపై, '' అనే తరగతితో మరొక
ట్యాగ్‌ని జోడించండి మీరు ”. ఈ
ట్యాగ్ లోపల, శీర్షిక కోసం

మరియు పేరా కోసం

ని పేర్కొనండి. ఆ తర్వాత,

మరియు

ట్యాగ్‌లతో కూడిన రెండు

ట్యాగ్‌లను క్రింది విధంగా చేర్చండి:

< వ్యాసం తరగతి = 'ఆల్-ఓఎస్' >
< h1 > అత్యంత ప్రజాదరణ పొందిన ఆపరేటింగ్ సిస్టమ్స్ h1 >
< వ్యాసం తరగతి = 'నువ్వు' >
< h2 > విండోస్ h2 >
< p > విండోస్ అనేది బహుళ యాజమాన్య గ్రాఫికల్ ఆపరేటింగ్ సిస్టమ్‌ల సమూహం. ఇది మైక్రోసాఫ్ట్ ద్వారా అభివృద్ధి చేయబడింది మరియు మార్కెట్ చేయబడింది. p >
వ్యాసం >
< వ్యాసం తరగతి = 'నువ్వు' >
< h2 > Linux h2 >
< p > Linux అనేది Linux కెర్నల్ ఆధారంగా ఒక ఓపెన్ సోర్స్ ఆపరేటింగ్ సిస్టమ్. ఇది సాధారణంగా ప్యాక్ చేయబడి ఉంటుంది వంటి ఒక Linux పంపిణీ. p >
వ్యాసం >
< వ్యాసం తరగతి = 'నువ్వు' >
< h2 > macOS h2 >
< p > macOS అనేది Unix ఆపరేటింగ్ సిస్టమ్, ఇది Apple Inc ద్వారా అభివృద్ధి చేయబడింది మరియు విక్రయించబడింది వంటి ప్రధాన ఆపరేటింగ్ సిస్టమ్ కోసం ఆపిల్ యొక్క Mac కంప్యూటర్లు.




తదుపరి విభాగం పైన పేర్కొన్న HTML మూలకాలకు వర్తించే CSS శైలులను వివరిస్తుంది.



అన్ని-OS div శైలి

.అన్ని-OS {
అంచు: 0 ;
పాడింగ్: 5px;
నేపథ్య రంగు: rgb ( 155 , 155 , 155 ) ;
}


తరగతి పేరుతో DIV ' అన్ని-OS ” ఇలా స్టైల్ చేయబడింది:

    • ' .all_OS ” సంబంధిత
      ని యాక్సెస్ చేయడానికి ఉపయోగించబడుతుంది.
    • ' మార్జిన్ 'విభాగ మూలకం చుట్టూ ఖాళీని జోడించడానికి ప్రాపర్టీ ఉపయోగించబడుతుంది.
    • ' పాడింగ్ ” ప్రాపర్టీ DIV మూలకం యొక్క కంటెంట్ చుట్టూ ఖాళీని జోడిస్తుంది.
    • ' నేపథ్య రంగు ” div మూలకం యొక్క నేపథ్య రంగును వర్తింపజేయడానికి సెట్ చేయబడింది.

శైలి OS div

.మీరు {
మార్జిన్: 10px;
పాడింగ్: 5px;
నేపథ్యం: తెలుపు;
}


'' పేరుతో తదుపరి

కి శైలులను వర్తింపజేయండి మీరు ”. లక్షణాల వివరణ క్రింద ఇవ్వబడింది:

    • ' .మీరు OS పేరుతో
      ని యాక్సెస్ చేయండి.
    • ' మార్జిన్ ” ప్రాపర్టీ div చుట్టూ 10px ఖాళీని జోడిస్తుంది.
    • ' పాడింగ్ ” ప్రాపర్టీ div ఎలిమెంట్ యొక్క కంటెంట్ చుట్టూ 5px ఖాళీని జోడిస్తుంది.
    • ' నేపథ్య రంగు ”ప్రాపర్టీ div మూలకం యొక్క నేపథ్య రంగును సెట్ చేస్తుంది.

పై

ట్యాగ్‌లకు CSS స్టైలింగ్ లక్షణాలను అందించిన తర్వాత, క్రింద పేర్కొన్న విధంగా లక్షణాలను సెట్ చేయడం ద్వారా పేరా స్టైల్ చేయబడుతుంది.

శైలి p మూలకం

p {
మార్జిన్: 3px;
ఫాంట్ పరిమాణం: 15px;
}


మూలకానికి క్రింది లక్షణాలు వర్తింపజేయబడతాయి:

    • ' మార్జిన్ ”ప్రాపర్టీ మూలకం కంటెంట్ చుట్టూ 3px స్థలాన్ని జోడిస్తుంది.
    • ' ఫాంట్ పరిమాణం ” ప్రాపర్టీ టెక్స్ట్ ఫాంట్ పరిమాణాన్ని 15pxగా సెట్ చేస్తుంది.

జోడించిన కోడ్‌ను సేవ్ చేసి, మీ బ్రౌజర్‌లో ఫైల్‌ను తెరవండి. క్రింద చూపిన విధంగా ఫలితం ప్రదర్శించబడుతుంది:


పైన అందించిన పత్రం బహుళ కథనాలను కలిగి ఉంటుంది మరియు ప్రతి ఆపరేటింగ్ సిస్టమ్‌కు సంబంధించిన వివరణ

ట్యాగ్‌లో ఉంటుంది. అంతేకాకుండా, స్క్రీన్ స్క్రోల్ చేస్తున్నప్పుడు ఒక కథనం ఒకదాని తర్వాత ఒకటి ప్రదర్శించబడుతుంది.

మేము HTML

ట్యాగ్‌ని ఉపయోగించి బ్లాగ్ పోస్ట్‌లు, ఫోరమ్ పోస్ట్‌లు మరియు మ్యాగజైన్ లాంటి పత్రాలను ఎలా సృష్టించగలము.

ముగింపు

మనకు తెలిసినట్లుగా, వ్యాస రచయితలు లేదా బ్లాగర్లు అంశం యొక్క ప్రధాన భావనను దృష్టిలో ఉంచుకుని పత్రాన్ని వ్రాస్తారు. అదేవిధంగా, HTMLలో,

ట్యాగ్‌లు పూర్తిగా కలిగి మరియు స్వతంత్రంగా ఉన్న కంటెంట్‌ను పేర్కొనడానికి ఉపయోగించబడతాయి. అంతేకాకుండా, HTML ఫైల్‌లో ఒకటి లేదా అంతకంటే ఎక్కువ
ట్యాగ్‌లు ఉండవచ్చు, వీటిని గూడులో ఉంచవచ్చు. ఈ అధ్యయనం
ట్యాగ్ వినియోగాన్ని ఉదాహరణతో వివరించింది.