First HTML Program
మొదటి HTML ప్రోగ్రామ్
HTML నేర్చుకోవడం ప్రారంభించేటప్పుడు ఒక చిన్న HTML document తయారు చేస్తాం. ఈ document browserలో ఒక heading మరియు ఒక paragraphను చూపిస్తుంది.
ఒక పూర్తి HTML పేజీలో సాధారణంగా document type declaration, root element, head భాగం మరియు body భాగం ఉంటాయి. ఈ పాఠంలో వాటిని ఉపయోగించి మన మొదటి HTML ప్రోగ్రామ్‌ను తయారు చేస్తాం.
ముఖ్యమైన భాగాలు
- <!DOCTYPE html> HTML5 document అని browserకు తెలియజేస్తుంది.
- <html> మొత్తం HTML documentను కలిగి ఉంటుంది.
- <head> పేజీకి సంబంధించిన సమాచారాన్ని కలిగి ఉంటుంది.
- <title> browser tabలో కనిపించే పేరును నిర్ణయిస్తుంది.
- <body> browserలో కనిపించే కంటెంట్‌ను కలిగి ఉంటుంది.
- <h1> ప్రధాన heading కోసం ఉపయోగిస్తారు.
- <p> paragraph కోసం ఉపయోగిస్తారు.
ప్రతి ప్రారంభ tagకు సాధారణంగా ఒక ముగింపు tag ఉంటుంది. ఉదాహరణకు, <h1>తో ప్రారంభించిన headingను </h1>తో ముగించాలి.
Simple Explanation
HTML ప్రోగ్రామ్‌ను ఒక documentలా ఊహించండి. <head> భాగం browserకు అవసరమైన సమాచారం ఇస్తుంది. <body> భాగంలో మనం screenపై చూడాలనుకునే కంటెంట్‌ను వ్రాస్తాం.
ఈ ఉదాహరణలో <h1> ఒక పెద్ద headingను, <p> ఒక సాధారణ paragraphను చూపిస్తుంది.
Real-Life Example
ఒక పుస్తకంలో పుస్తకం పేరు, అధ్యాయాలు మరియు ప్రధాన విషయం వేర్వేరు భాగాలుగా ఉంటాయి. అదే విధంగా HTML documentలో <title> పేజీ పేరును, <h1> ప్రధాన శీర్షికను, <p> వివరణను సూచిస్తాయి.
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 HTML page.</p>
</body>
</html>ఈ ప్రోగ్రామ్‌లో పూర్తి HTML document నిర్మాణం ఉంది. <title> browser tabలో కనిపిస్తుంది. <h1> పెద్ద headingను, <p> paragraphను చూపిస్తుంది.
The browser displays Hello HTML as a large heading and Welcome to my first HTML page. as a paragraph.
ఒక heading మరియు paragraph
<h1>My Web Page</h1>
<p>This is my first web page.</p>ఈ చిన్న ఉదాహరణలో <h1>తో పేజీ headingను, <p>తో పేజీ వివరణను తయారు చేశాం.
The browser displays My Web Page as a large heading and This is my first web page. as a paragraph.
Line-by-Line Explanation
ఇది document HTML5లో వ్రాయబడిందని browserకు తెలియజేస్తుంది.
ఇది మొత్తం HTML documentకు root element. lang attribute document భాషను సూచిస్తుంది.
ఇక్కడ browserకు సంబంధించిన document సమాచారం ఉంచుతాం.
<title>లోని text browser tabలో కనిపిస్తుంది.
ఇది <head> భాగాన్ని ముగిస్తుంది.
Browserలో కనిపించే కంటెంట్ <body>లో వ్రాయబడుతుంది.
<h1> ప్రధాన headingను చూపిస్తుంది. ప్రారంభ tag మరియు ముగింపు tag మధ్య ఉన్న text screenపై కనిపిస్తుంది.
<p> ఒక paragraphను చూపిస్తుంది.
ఇది <body> భాగాన్ని ముగిస్తుంది.
ఇది మొత్తం HTML documentను ముగిస్తుంది.
Try It
Try this HTML code:
<!DOCTYPE html>
<html lang="te">
<head>
<title>My First HTML Page</title>
</head>
<body>
<h1>My First HTML Page</h1>
<p>Learn HTML step by step.</p>
</body>
</html>Practice
Practice: మీ పేరును <h1> tagలో మరియు HTML గురించి ఒక వాక్యాన్ని <p> tagలో వ్రాయండి.
Hint: ప్రధాన heading కోసం <h1> మరియు వివరణ కోసం <p> ఉపయోగించండి.
Common Mistakes
ప్రతి headingను <h1> మరియు </h1> మధ్య వ్రాయండి.
<title> text సాధారణంగా browser tabలో కనిపిస్తుంది. Pageలో కనిపించే textను <body>లో వ్రాయాలి.
Browserలో కనిపించాల్సిన heading మరియు paragraphలను <body> భాగం లోపల ఉంచండి.
HTML5 document ప్రారంభంలో <!DOCTYPE html>ను ఉంచండి.
Interview Questions
HTMLలో <!DOCTYPE html> ఎందుకు ఉపయోగిస్తారు?
Answer: <!DOCTYPE html> document HTML5 ప్రమాణాన్ని ఉపయోగిస్తుందని browserకు తెలియజేస్తుంది.
<head> మరియు <body> మధ్య తేడా ఏమిటి?
Answer: <head>లో documentకు సంబంధించిన సమాచారం ఉంటుంది. <body>లో browserలో కనిపించే కంటెంట్ ఉంటుంది.
<title> tag ఉపయోగం ఏమిటి?
Answer: <title> browser tabలో కనిపించే పేజీ పేరును నిర్ణయిస్తుంది.
Exam Questions
ఒక HTML documentలో ప్రధాన heading కోసం ఏ tagను ఉపయోగిస్తారు?
Answer:
ప్రధాన heading కోసం <h1> tagను ఉపయోగిస్తారు.
Paragraph చూపించడానికి ఉపయోగించే HTML tag ఏది?
Answer:
Paragraph చూపించడానికి <p> tagను ఉపయోగిస్తారు.
HTML documentలో browserలో కనిపించే కంటెంట్ ఏ భాగంలో ఉంటుంది?
Answer:
Browserలో కనిపించే కంటెంట్ <body> భాగంలో ఉంటుంది.
Quick Revision
- HTML document ప్రారంభంలో <!DOCTYPE html> వ్రాస్తారు.
- <html> మొత్తం documentకు root element.
- <head>లో document సమాచారం ఉంటుంది.
- <title> browser tab పేరును నిర్ణయిస్తుంది.
- <body>లో browserలో కనిపించే కంటెంట్ ఉంటుంది.
- <h1> ప్రధాన heading కోసం, <p> paragraph కోసం ఉపయోగిస్తారు.
- ప్రారంభ tagలకు సరైన closing tags ఇవ్వాలి.