HTML గురించి ప్రాథమిక సమాచారాన్ని తెలుసుకొందాం
Hyper
Text Markup Language అనేది వెబ్ పేజీలను
రూపొందించడానికి ఉపయోగించే ప్రాథమిక భాష. దీన్ని 1991లో Sir Tim Berners-Lee అభివృద్ధి చేశారు. అప్పటి నుండి HTML అనేక
వెర్షన్లలో అభివృద్ధి చెందుతూ, నేటి వరకు వెబ్ డెవలప్‌మెంట్‌లో కీలక పాత్ర పోషిస్తోంది.
I. HTML చరిత్ర –
తెలుగు లో సంక్షిప్త
వివరణ
- 1991:
Sir Tim Berners-Lee HTML ను
మొదటగా పరిచయం చేశారు. ఇది వెబ్ పేజీలను రూపొందించడానికి ఒక ప్రాథమిక భాషగా
ఉపయోగించబడింది.
- 1993 (HTML 1.0):
మొదటి అధికారిక వెర్షన్
విడుదలైంది. ఇది చాలా పరిమితమైన ఫీచర్లతో ఉండేది.
- 1995 (HTML 2.0):
HTML 1.0 కంటే మెరుగైన ఫీచర్లు
జోడించబడ్డాయి. ఇది వెబ్ డిజైన్‌లో ఒక ప్రామాణిక భాషగా ఉపయోగించబడింది.
- 1997 (HTML 3.2):
కొత్త ట్యాగ్‌లు, టేబుల్‌లు, ఇమేజ్‌లు
వంటి ఫీచర్లు జోడించబడ్డాయి.
- 1999 (HTML 4.01):
ఇది ఒక ప్రధాన వెర్షన్. CSS (Cascading Style Sheets) తో కలిపి వెబ్ పేజీలను మరింత అందంగా రూపొందించడానికి
అవకాశం కల్పించింది.
- 2008 నుండి
(HTML5): HTML5 ను
WHATWG మరియు W3C అభివృద్ధి చేశాయి. ఇది వీడియో, ఆడియో, కేన్వాస్, SVG వంటి
ఆధునిక ఫీచర్లను అందించింది. HTML5
నేటి వెబ్ అప్లికేషన్లకు బలమైన
పునాది.
II. HTML ప్రాముఖ్యత
- వెబ్ పేజీల నిర్మాణం: HTML లేకుండా
వెబ్ పేజీలు ఉండవు.
- సులభతరం: టెక్స్ట్, ఇమేజ్‌లు, లింకులు, వీడియోలు—all ను
ఒకే పేజీలో సమన్వయం చేయగలదు.
- అభివృద్ధి: HTML5 తో
వెబ్ అప్లికేషన్లు, గేమ్స్, మల్టీమీడియా కంటెంట్ సులభంగా
రూపొందించవచ్చు.
III. HTML వెర్షన్‌ల పట్టిక
|
సంవత్సరం |
వెర్షన్ |
ముఖ్య ఫీచర్లు |
|
1991 |
HTML (ప్రాథమిక
రూపం) |
మొదటి పరిచయం |
|
1993 |
HTML 1.0 |
ప్రాథమిక ట్యాగ్‌లు |
|
1995 |
HTML 2.0 |
మెరుగైన ఫీచర్లు, ప్రామాణిక భాష |
|
1997 |
HTML 3.2 |
టేబుల్‌లు, ఇమేజ్‌లు |
|
1999 |
HTML 4.01 |
CSS తో కలిపి డిజైన్ |
|
2008+ |
HTML5 |
వీడియో, ఆడియో, కేన్వాస్, ఆధునిక వెబ్
ఫీచర్లు |
IV. HTML5 ముఖ్యమైన ట్యాగ్‌లు మరియు వాటి ఉపయోగాలు
· <html>
→ మొత్తం వెబ్ పేజీని
సూచించే మూల ట్యాగ్.
· <head>
→ పేజీకి సంబంధించిన
మెటా సమాచారం (title, styles, scripts) ఇక్కడ ఉంటుంది.
· <title>
→ బ్రౌజర్ ట్యాబ్‌లో
కనిపించే పేజీ శీర్షిక.
· <body>
→ యూజర్‌కి కనిపించే
కంటెంట్ (టెక్స్ట్, ఇమేజ్‌లు,
వీడియోలు).
· <h1>
నుండి <h6>
→ శీర్షికలు (headings)
కోసం. <h1> పెద్దది, <h6> చిన్నది.
· <p>
→ పేరాగ్రాఫ్ టెక్స్ట్.
· <a>
→ లింక్‌ల కోసం (హైపర్‌టెక్స్ట్).
· <img>
→ చిత్రాలను
చూపించడానికి.
· <video>
→ వీడియోలను ఎంబెడ్
చేయడానికి.
· <audio>
→ ఆడియో ఫైళ్లను ప్లే
చేయడానికి.
· <canvas>
→ గ్రాఫిక్స్, గేమ్స్, డ్రాయింగ్ కోసం.
· <section>
→ పేజీని విభాగాలుగా
విభజించడానికి.
· <article>
→ స్వతంత్ర కంటెంట్
(బ్లాగ్ పోస్ట్, న్యూస్
ఆర్టికల్).
· <header>
→ పేజీ లేదా విభాగం
శీర్షిక భాగం.
· <footer>
→ పేజీ చివరి భాగం
(కాపీరైట్, లింకులు).
· <nav>
→ నావిగేషన్ లింకులు.
· <form>
→ యూజర్ ఇన్‌పుట్ కోసం
(లాగిన్, రిజిస్ట్రేషన్).
V. HTML5 ప్రత్యేకతలు
· మల్టీమీడియా సపోర్ట్: వీడియో, ఆడియో ట్యాగ్‌లు.
·
గ్రాఫిక్స్:
<canvas> మరియు SVG.
·
సెమాంటిక్
ట్యాగ్‌లు: <section>,
<article>, <header>, <footer> వంటివి.
· మొబైల్ ఫ్రెండ్లీ: రెస్పాన్సివ్ వెబ్ డిజైన్‌కు అనుకూలం.
# ఇక్కడ ఒక సాధారణ HTML5 వెబ్ పేజీ ఉదాహరణను తెలుగులో
చూపిస్తున్నాను. దీన్ని చూసి మీరు ట్యాగ్‌లు ఎలా ఉపయోగించాలో సులభంగా అర్థం
చేసుకోవచ్చు:
html
<!DOCTYPE html><html><head> <meta charset="UTF-8"><title>నామొదటివెబ్పేజీ</title>
</head><body> <header><h1>స్వాగతంనావెబ్పేజీకి</h1>
</header> <nav><a href="#home">హోమ్</a> |
<a href="#about">గురించి</a> |
<a href="#contact">సంప్రదించండి</a>
</nav> <section id="home"><h2>హోమ్సెక్షన్</h2>
<p>ఇదినామొదటిHTML5వెబ్పేజీ.ఇక్కడమీరుటెక్స్ట్,ఇమేజ్‌లు,వీడియోలుచూడవచ్చు.</p>
</section> <section id="about"><h2>గురించి</h2>
<p>HTMLఅనేదివెబ్పేజీలనిర్మాణానికిఉపయోగించేభాష.ఇది1991లోప్రారంభమైంది.</p>
<img src="example.jpg" alt="ఉదాహరణ చిత్రం">
</section> <h2>సంప్రదించండి</h2>
<form>పేరు:<input type="text" name="name"><br><br>
ఇమెయిల్:<input type="email" name="email"><br><br>
<input type="submit" value="పంపండి">
</form> </section> <footer><p>© 2025నావెబ్పేజీ</p>
</footer></body></html>వివరణ
·
<!DOCTYPE html> → HTML5 పేజీ అని సూచిస్తుంది.
·
<header> → పేజీ శీర్షిక భాగం.
·
<nav> → నావిగేషన్ లింకులు.
·
<section> → విభాగాలుగా కంటెంట్.
·
<form> → యూజర్ ఇన్‌పుట్ కోసం.
·
<footer> → పేజీ చివరి భాగం.
No comments:
Post a Comment