Course మాడ్యూల్ 3 - Lecture: జనాదరణ పొందిన HTML ట్యాగ్‌లు

4.1 a, href ట్యాగ్‌లు

సరే, మేము మీ నుండి జావా ప్రోగ్రామర్‌ని సిద్ధం చేస్తున్నామని మేము ఇంకా మర్చిపోము, కాబట్టి మీరు 5 ట్యాగ్‌లను మాత్రమే నేర్చుకోవాలి.

ముందుగా, వచనాన్ని హైపర్‌టెక్స్ట్‌గా మార్చే అతి ముఖ్యమైన ట్యాగ్ ఇది - లింక్ . HTMLలో లింక్‌లను సృష్టించడానికి, ట్యాగ్ <a>(యాంకర్, యాంకర్ నుండి) ఉపయోగించబడుతుంది.

డిఫాల్ట్ లింక్ ఇలా కనిపిస్తుంది:

<a href="link-address">link text</a>

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

లింక్‌లను కలిగి ఉన్న సాధారణ HTML పత్రం ఇలా కనిపిస్తుంది:


<html>
    plain text
        <a href="http://codegym.cc/about">
            Link to something interesting
          </a>
     some other text...
</html>

లేదు, ఇది సాధారణంగా ఇలా కనిపిస్తుంది:



<html>
    plain text  <a href="http://codegym.cc/about">Link to something interesting</a> some other text...
</html>

ప్రపంచం పరిపూర్ణమైనది కాదు.

4.2 img ట్యాగ్ మరియు src లక్షణం

HTML పేజీలో చిత్రాన్ని చొప్పించడానికి, ట్యాగ్ <img>(చిత్రం అనే పదం నుండి) ఉపయోగించబడుతుంది. ఇది ఒకే ట్యాగ్, దీనికి ముగింపు ట్యాగ్ లేదు. ట్యాగ్ యొక్క సాధారణ వీక్షణ:

<img src="image link">

ప్రతిదీ చాలా సులభం. మీ HTML పత్రంలో చిత్రాన్ని ప్రదర్శించడానికి, మీరు ఆ చిత్రానికి లింక్‌ని తెలుసుకోవాలి మరియు img. దీన్ని ప్రయత్నించండి, మీకు నచ్చుతుంది.

4.3 పట్టిక మూలకం

అలాగే, HTML పేజీ డేటాతో కూడిన పట్టికను కలిగి ఉంటుంది. కానీ ఇక్కడ మీరు దాని గురించి ఆలోచిస్తే, ఒక ట్యాగ్‌తో పొందలేరు. అన్నింటికంటే, పట్టికలో హెడర్, అడ్డు వరుసలు, నిలువు వరుసలు మరియు సెల్‌లు ఉంటాయి. వారందరూ తమ స్వంత ట్యాగ్‌లతో ముందుకు వచ్చారు:

<table>- టేబుల్ కూడా;
<tr>( t సామర్థ్యం r ow) – వరుస పట్టిక;
<th>( table h హెడర్ ) – టేబుల్ హెడర్ సెల్;
<td>( t సామర్థ్యం డేటా ) - టేబుల్ సెల్.

3 బై 3 పట్టిక ఎలా ఉంటుందో ఇక్కడ ఉంది html(అదనపు హెడర్ వరుసతో)


<table>
    <tr> <th>Surname</th> <th>Name</th> <th>Surname</th> </tr>
    <tr> <td>Ivanov</td> <td>Ivan</td> <td>Ivanovich</td> </tr>
    <tr> <td>Petrov</td> <td>Peter</td> <td>Peterovich</td> </tr>
    <tr> <td>Sidorov</td> <td>Kolia</td> <td>Sidorenko</td> </tr>
</table>

ఇప్పుడు పట్టికలు చాలా అరుదుగా ఉపయోగించబడుతున్నప్పటికీ. విషయం ఏమిటంటే, ఫోన్ నుండి పేజీని వీక్షిస్తున్నప్పుడు, టేబుల్‌ను వేరే విధంగా ప్రదర్శించడం ఉపయోగకరంగా ఉంటుంది (ఇది స్క్రీన్‌పై సరిపోదు). కానీ మీరు ఇప్పటికీ పట్టికలు ఎలా అమర్చబడిందో తెలుసుకోవాలి.

4.4 id మరియు పేరు లక్షణాలు

మరియు మరో రెండు ముఖ్యమైన అంశాలు idమరియు లక్షణాలు name. ఇవి గుణాలు, ట్యాగ్‌లు కాదు, కానీ అవి చాలా తరచుగా ఉపయోగించబడతాయి.

idట్యాగ్ అట్రిబ్యూట్ మొత్తం డాక్యుమెంట్‌లో ప్రత్యేకమైన పేరును ఇవ్వడానికి మిమ్మల్ని అనుమతిస్తుంది . ఇచ్చిన ట్యాగ్ యొక్క విలువ లేదా పారామితులను మార్చే HTML పత్రంలో కొంత జావాస్క్రిప్ట్ ఉంటే ఇది ఉపయోగకరంగా ఉంటుంది. అప్పుడు, ప్రత్యేకమైన సహాయంతో, idమీరు కోరుకున్న ట్యాగ్‌ను ఖచ్చితంగా సూచించవచ్చు.

ఒక లక్షణం nameఒకే విధమైన విధిని నిర్వహిస్తుంది, కానీ దాని విలువ పేజీలో ప్రత్యేకంగా ఉండవలసిన అవసరం లేదు. అంటే, సిద్ధాంతపరంగా, ఒకే పేర్లతో అనేక ట్యాగ్‌లు ఉండవచ్చు. మూలకాల సమూహాలతో పని చేయడం సులభతరం చేయడానికి ఇది జరుగుతుంది.

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

ఏదైనా ట్యాగ్ రెండు లక్షణాలను కలిగి ఉంటుంది idమరియు name. ఉదాహరణ:


<img id="image123" name="avatar" src="link to picture">