Course మాడ్యూల్ 3 - Lecture: HTMLలో ట్యాగ్‌లు

2.1 ట్యాగ్‌లకు పరిచయం

మార్కప్ ట్యాగ్‌లపై ఆధారపడి HTML-documentовఉంటుంది . ట్యాగ్ అంటే ఏమిటి ?

ట్యాగ్‌లు 70వ దశకంలో కనుగొనబడ్డాయి, తద్వారా వ్యక్తులు ఈ పత్రాలను ప్రాసెస్ చేసే ప్రోగ్రామ్‌ల కోసం పత్రాలకు సేవా సమాచారాన్ని జోడించగలరు.

Tag- ఇది కీలకమైన (ఫంక్షనల్) పదం, చాలా తరచుగా ఆంగ్లంలో, ఇది యాంగిల్ బ్రాకెట్లలో (ఎక్కువ మరియు తక్కువ అక్షరాలు) రూపొందించబడింది, తద్వారా ప్రోగ్రామ్‌లు ఆంగ్లంలో ట్యాగ్‌లు మరియు సాధారణ పదాలను గందరగోళానికి గురిచేయవు.

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

ట్యాగ్‌తో ఉదాహరణ వచనం:


 <a href="http://codegym.cc/about">
    Link to something interesting
</a>

ఈ ఉదాహరణలో, మేము టెక్స్ట్, "a" ట్యాగ్, అలాగే సేవా సమాచారం - ట్యాగ్ గుణాలను చూస్తాము. క్రింద మీరు వాటి గురించి మరింత నేర్చుకుంటారు.

2.2 ట్యాగ్‌ల రకాలు: తెరవడం, మూసివేయడం, ఖాళీ ట్యాగ్

ట్యాగ్‌లు వివిధ రకాలుగా ఉంటాయి. మొదట, అవి సింగిల్ మరియు డబుల్. అత్యంత సాధారణమైనవి జత చేసిన ట్యాగ్‌లు . మరియు మీరు బహుశా ఇప్పటికే ఊహించినట్లుగా, వారు ఎల్లప్పుడూ జంటగా వెళ్తారు. వాటిని ఓపెనింగ్ మరియు క్లోజింగ్ అని కూడా అంటారు.

ప్రారంభ ట్యాగ్ త్రిభుజం బ్రాకెట్లలో కేవలం ఒక కీవర్డ్. ఉదాహరణ:

<h1>

ముగింపు ట్యాగ్ ప్రారంభ ట్యాగ్‌ని పోలి ఉంటుంది, అయితే కీవర్డ్‌కు ముందు స్లాష్ ఉంటుంది. ఉదాహరణ:

</h1>

ప్రారంభ ట్యాగ్ సేవా సమాచారాన్ని కలిగి ఉండవచ్చు - లక్షణాలు, ముగింపు ఒకటి - సంఖ్య . ప్రారంభ ట్యాగ్ ఎల్లప్పుడూ ఒక జతలో మొదటిది. క్లోజింగ్ ట్యాగ్ టెక్స్ట్‌లో మొదట వెళ్లదు, ఆపై ఓపెనింగ్ ట్యాగ్. ఇది HTML-documentచెల్లుబాటు కాదు.

ఒకే ట్యాగ్‌లకు ముగింపు ట్యాగ్ ఉండదు. అటువంటి ట్యాగ్‌ల జాబితా ద్వారా నిర్వచించబడింది HTML-standard. అటువంటి ట్యాగ్‌ల ఉదాహరణలు:

<br>- లైన్ బ్రేక్;
<img>- చిత్రం.

మార్గం ద్వారా, జత చేసిన ట్యాగ్, అది లోపల సమాచారాన్ని కలిగి ఉండకపోతే, సంక్షిప్త రూపంలో వ్రాయవచ్చు . ఉదాహరణ:

<h1/>

ఇది ఒకే ట్యాగ్ కాదు, ఖాళీ జత ట్యాగ్. ఇది ఒకే సమయంలో మూసివేయబడిన మరియు తెరిచిన ట్యాగ్‌ల వలె ఉంటుంది. ఇది క్లోజ్డ్ ట్యాగ్ నుండి భిన్నంగా ఉంటుంది, దీనిలో స్లాష్ చివరిలో ఉంటుంది (రెండవ త్రిభుజాకార బ్రాకెట్ ముందు).

2.3 ట్యాగ్ చెట్టు

మరియు జత చేసిన ట్యాగ్‌ల గురించి మరింత ముఖ్యమైన సమాచారం. ఒక పత్రంలో వాటిలో చాలా ఉండవచ్చు మరియు వాటిని గూడులో ఉంచవచ్చు. దాని అర్థం ఏమిటి? దీనర్థం, HTML-documentеఇతర ట్యాగ్‌లను కలిగి ఉన్నప్పటికీ, లోపల ఏదైనా టెక్స్ట్ ట్యాగ్‌లతో ఫ్రేమ్ చేయబడవచ్చు (చుట్టబడి ఉంటుంది). ఉదాహరణ:


<html>
    plain text
        <a href="http://codegym.cc/about">
            Link to something interesting
          </a>
     еще Howой-то текст
</html>

స్థూలంగా చెప్పాలంటే, html టెక్స్ట్‌లో ట్యాగ్‌ల క్రమం ఏర్పడవచ్చు:

<h1> <h2> </h2> </h1>

కానీ అది ఉండకూడదు:

<h1> <h2> </h1> </h2>

ప్రారంభ ట్యాగ్ -ట్యాగ్ జత <h2>లోపల ఉంటే <h1>, దాని సరిపోలే ముగింపు ట్యాగ్ </h2>తప్పనిసరిగా -ట్యాగ్ జతలో కూడా ఉండాలి <h1>.

అందువలన, అన్ని డాక్యుమెంట్ ట్యాగ్‌లు ఒక రకమైన ట్యాగ్ ట్రీని ఏర్పరుస్తాయి . మొదట మొత్తం డాక్యుమెంట్‌ను చుట్టే టాప్-లెవల్ ట్యాగ్ వస్తుంది, దీనిని సాధారణంగా అంటారు <html>, దీనికి చైల్డ్ ట్యాగ్ జతలు ఉన్నాయి, వాటికి వారి స్వంతం ఉన్నాయి మరియు మొదలైనవి.

వాస్తవానికి, ట్యాగ్‌లతో డాక్యుమెంట్‌ను ప్రాసెస్ చేసే ప్రోగ్రామ్ దాన్ని సరిగ్గా అలాగే చూస్తుంది - లోపల కొంత వచనంతో ట్యాగ్ ట్రీగా.

2.4 లక్షణాలు

మేము లక్షణాల గురించి మాట్లాడకపోతే ట్యాగ్‌ల గురించి సమాచారం పూర్తి కాదు. ఒకే ట్యాగ్‌లు మరియు జత చేసిన ట్యాగ్‌ల ప్రారంభ ట్యాగ్‌లు కలిగి ఉండవచ్చు . ఈ లక్షణాలు ట్యాగ్ యొక్క కంటెంట్ గురించి ఉపయోగకరమైన సమాచారాన్ని కలిగి ఉంటాయి.

ట్యాగ్ అనేక లక్షణాలను కలిగి ఉంటుంది మరియు అవి క్రింది సాధారణ రూపాన్ని కలిగి ఉంటాయి:


        <tag name1="value1" name2="value2">

ప్రతి లక్షణం ఒక జతగా పేర్కొనబడింది Nameమరియు meaning. ఎన్ని గుణాలు అయినా ఉండవచ్చు.

«<»కానీ అనుభవజ్ఞుడైన ప్రోగ్రామర్ వెంటనే ప్రశ్న అడుగుతాడు: మీరు అక్షరాలు లేదా «>»కోట్‌లను కలిగి ఉన్న వచనాన్ని లక్షణ విలువగా ఉపయోగించాల్సిన అవసరం ఉంటే ఏమి చేయాలి?

చిహ్నం పేరు	చిహ్నం	HTML ఎంట్రీ
డబుల్ కొటేషన్ గుర్తు	"	"
ఆంపర్సండ్	&	&
గుర్తు కంటే తక్కువ	<	<
మరింత చిహ్నం	>	>
స్థలం
ఒకే కోట్	'	'