HTML అంటే ఏమిటి?

HTML అనేది HyperText Markup Language అనే పదాల సంక్షిప్త రూపం. వెబ్ పేజీల నిర్మాణాన్ని రూపొందించడానికి HTML ఉపయోగించబడుతుంది.

వెబ్ పేజీలో heading, paragraph, image, link వంటి భాగాలు ఎక్కడ ఉండాలో HTML ద్వారా నిర్ణయిస్తాము. HTML ఒక programming language కాదు; ఇది ఒక markup language.

HTMLలో Tags

HTMLలో ప్రతి భాగాన్ని గుర్తించడానికి tags ఉపయోగిస్తారు. ఉదాహరణకు, ప్రధాన heading కోసం <h1> tag మరియు paragraph కోసం <p> tag ఉపయోగిస్తారు.

చాలా HTML elements opening tag మరియు closing tag కలిగి ఉంటాయి. ఉదాహరణకు, paragraphను రాయడానికి <p> ప్రారంభ tagతో మొదలుపెట్టి, </p> closing tagతో ముగిస్తాము.

HTML Document నిర్మాణం

ఒక సాధారణ HTML documentలో <!DOCTYPE html>, <html>, <head> మరియు <body> వంటి భాగాలు ఉంటాయి. <head>లో పేజీకి సంబంధించిన సమాచారం ఉంటుంది. <body>లో బ్రౌజర్‌లో కనిపించే content ఉంటుంది.

Simple Explanation

HTMLను ఒక వెబ్ పేజీకి సంబంధించిన అస్థిపంజరంగా ఊహించవచ్చు. ఇంటి నిర్మాణానికి గోడలు, గదులు అవసరమైనట్లే, వెబ్ పేజీకి headings మరియు paragraphs అవసరం. ఈ నిర్మాణాన్ని HTML tags ద్వారా తయారు చేస్తాము.

<h1> tag పెద్ద headingను చూపిస్తుంది. <p> tag సాధారణ paragraphను చూపిస్తుంది. Browser ఈ tagsను అర్థం చేసుకుని వాటి contentను సరైన విధంగా చూపిస్తుంది.

Real-Life Example

ఒక పుస్తకంలో chapter title, headings మరియు paragraphs ఉంటాయి. అలాగే ఒక వెబ్ పేజీలో కూడా title మరియు paragraphs ఉంటాయి. పుస్తకంలోని భాగాలను క్రమబద్ధీకరించడానికి headings ఉపయోగించినట్లే, వెబ్ పేజీని క్రమబద్ధీకరించడానికి <h1> మరియు <p> వంటి HTML tags ఉపయోగిస్తాము.

Code Examples

మొదటి HTML పేజీ

<!DOCTYPE html>
<html lang="te">
<head>
    <title>My First HTML Page</title>
</head>
<body>
    <h1>Hello HTML</h1>
    <p>Welcome to my first web page.</p>
</body>
</html>

ఈ ఉదాహరణలో <!DOCTYPE html> document HTML5 అని తెలియజేస్తుంది. <title> browser tabలో కనిపించే పేరును ఇస్తుంది. <h1> పెద్ద headingను, <p> paragraphను చూపిస్తుంది.

The browser displays Hello HTML as a large heading and Welcome to my first web page. as a paragraph.

Heading మరియు Paragraph

<h1>About Me</h1>
<p>I am learning web development.</p>

<h1> tagతో About Me అనే ప్రధాన heading రూపొందించబడింది. <p> tagలో ఉన్న వాక్యం paragraphగా బ్రౌజర్‌లో కనిపిస్తుంది.

The browser displays About Me as a large heading and I am learning web development. below it as a paragraph.

Line-by-Line Explanation

<!DOCTYPE html>

ఈ declaration document HTML5 standardను ఉపయోగిస్తుందని browserకు తెలియజేస్తుంది.

<html lang=”te”>

ఇది మొత్తం HTML documentకు root element. lang attribute documentలోని భాషను సూచిస్తుంది.

<head>

<head> భాగంలో browserకు అవసరమైన document సమాచారం ఉంటుంది. ఈ భాగం సాధారణంగా పేజీ contentగా కనిపించదు.

<title>My First HTML Page</title>

<title> tag browser tabలో కనిపించే పేరును నిర్ణయిస్తుంది.

</head>

ఇది <head> భాగాన్ని ముగించే closing tag.

<body>

<body>లో browserలో కనిపించే headings, paragraphs మరియు ఇతర page content ఉంటాయి.

<h1>Hello HTML</h1>

<h1> ప్రధాన headingను రూపొందిస్తుంది. </h1> closing tag headingను ముగిస్తుంది.

<p>Welcome to my first web page.</p>

<p> tag సాధారణ paragraphను రూపొందిస్తుంది. చివరలోని </p> tag paragraphను ముగిస్తుంది.

</body>

ఇది documentలోని కనిపించే content భాగాన్ని ముగిస్తుంది.

</html>

ఇది మొత్తం HTML documentకు ముగింపు closing tag.

Try It

Try this HTML code:

Example

<!DOCTYPE html>
<html lang="te">
<head>
    <title>My First HTML Page</title>
</head>
<body>
    <h1>My First HTML Page</h1>
    <p>Learn HTML</p>
</body>
</html>

Try It Yourself »

Practice

Practice: Practice codeలోని <h1> contentను మీ పేరుతో మార్చండి మరియు <p> contentలో HTML గురించి ఒక చిన్న వాక్యం రాయండి.

Hint: ప్రధాన heading కోసం <h1> మరియు మీ వాక్యం కోసం <p> tagను ఉపయోగించండి.

Common Mistakes

<h1> లేదా <p> వంటి opening tagను రాసి, దానికి సంబంధించిన closing tagను రాయకపోవడం.
ప్రతి elementకు అవసరమైన closing tagను రాయండి. ఉదాహరణకు <h1>Heading</h1>.

<title> contentను <body>లో రాయడం.
<title> tagను <head> భాగంలో ఉంచండి. Browserలో కనిపించే contentను <body>లో రాయండి.

<html>, <head> మరియు <body> tagsను సరైన క్రమంలో రాయకపోవడం.
సాధారణ documentలో <html> లోపల <head> తరువాత <body> ఉంచండి.

Interview Questions

HTML అంటే ఏమిటి?

Answer: HTML అనేది HyperText Markup Language. వెబ్ పేజీల నిర్మాణాన్ని రూపొందించడానికి ఇది ఉపయోగించబడుతుంది.

HTML programming languageనా?

Answer: కాదు. HTML ఒక markup language. ఇది వెబ్ పేజీ contentకు structureను అందిస్తుంది.

<head> మరియు <body> మధ్య తేడా ఏమిటి?

Answer: <head>లో documentకు సంబంధించిన సమాచారం ఉంటుంది. <body>లో browserలో కనిపించే content ఉంటుంది.

Exam Questions

HTML పూర్తి రూపం ఏమిటి?

Answer:

HTML పూర్తి రూపం HyperText Markup Language.

ప్రధాన heading కోసం ఏ tagను ఉపయోగిస్తారు?

Answer:

ప్రధాన heading కోసం <h1> tagను ఉపయోగిస్తారు.

Paragraph కోసం ఏ tagను ఉపయోగిస్తారు?

Answer:

Paragraph కోసం <p> tagను ఉపయోగిస్తారు.

Quick Revision

HTML అనేది వెబ్ పేజీల నిర్మాణాన్ని రూపొందించే markup language.
ప్రధాన heading కోసం <h1> tagను ఉపయోగిస్తారు.
Paragraph కోసం <p> tagను ఉపయోగిస్తారు.
Browser tab పేరు కోసం <title> tagను ఉపయోగిస్తారు.
Browserలో కనిపించే content <body> భాగంలో ఉంటుంది.
HTML5 document సాధారణంగా <!DOCTYPE html>తో ప్రారంభమవుతుంది.

HTML అంటే ఏమిటి?