HTML Elements
HTML Element అంటే ఏమిటి?
HTML element అనేది వెబ్ పేజీలోని కంటెంట్‌ను నిర్మించడానికి ఉపయోగించే పూర్తి నిర్మాణం. సాధారణంగా ఒక element లో opening tag, content మరియు closing tag ఉంటాయి.
ఉదాహరణకు, <p>Hello</p> లో <p> opening tag, Hello content, మరియు </p> closing tag.
HTML Element యొక్క భాగాలు
- Opening tag: Element ప్రారంభాన్ని సూచిస్తుంది.
- Content: Opening tag మరియు closing tag మధ్య ఉండే సమాచారం.
- Closing tag: Element ముగింపును సూచిస్తుంది.
కొన్ని HTML elements కు closing tag అవసరం ఉండదు. అయితే ఈ పాఠంలో మనం opening tag మరియు closing tag ఉన్న సాధారణ elements పై దృష్టి పెడతాం.
ప్రధాన HTML Elements
- <h1> element ప్రధాన heading కోసం ఉపయోగిస్తారు.
- <p> element paragraph కోసం ఉపయోగిస్తారు.
- <title> element browser tab లో కనిపించే పేరును నిర్ణయిస్తుంది.
- <body> element లో browser లో కనిపించే పేజీ కంటెంట్ ఉంటుంది.
Simple Explanation
HTML element ను ఒక పెట్టెగా ఊహించండి. Opening tag ఆ పెట్టెను ప్రారంభిస్తుంది, మధ్యలో content ఉంటుంది, closing tag ఆ పెట్టెను ముగిస్తుంది. ఉదాహరణకు, <h1>Welcome</h1> ఒక పూర్తి heading element.
Element అనేది tag కంటే పెద్ద భావన. Tags element యొక్క ప్రారంభం మరియు ముగింపును సూచిస్తాయి.
Real-Life Example
ఒక పుస్తకంలో chapter heading, paragraphs మరియు ఇతర విభాగాలు ఉన్నట్లే HTML పేజీలో కూడా విభిన్న elements ఉంటాయి. <h1> ఒక chapter heading లాగా, <p> ఒక paragraph లాగా పనిచేస్తుంది.
ఉదాహరణకు, ఒక పాఠశాల వెబ్ పేజీలో పాఠశాల పేరు కోసం <h1>, వివరణ కోసం <p> ఉపయోగించవచ్చు.
Code Examples
Heading మరియు Paragraph Elements
<h1>Welcome to HTML</h1>
<p>HTML creates the structure of a web page.</p>ఇక్కడ <h1> element ప్రధాన heading ను చూపిస్తుంది. <p> element paragraph ను చూపిస్తుంది. ప్రతి element కు opening tag మరియు closing tag ఉన్నాయి.
The browser displays Welcome to HTML as a large heading and shows HTML creates the structure of a web page. below it as a paragraph.
Complete HTML Element Structure
<!DOCTYPE html>
<html lang="te">
<head>
<title>HTML Elements</title>
</head>
<body>
<h1>Learning HTML Elements</h1>
<p>Elements build the structure of a web page.</p>
</body>
</html><html>, <head>, <title> మరియు <body> elements కలిసి పూర్తి HTML document ను నిర్మిస్తాయి. <body> లో ఉన్న <h1> మరియు <p> elements browser page పై కనిపిస్తాయి.
The browser tab shows HTML Elements. The page displays Learning HTML Elements as a large heading and Elements build the structure of a web page. below it.
Line-by-Line Explanation
ఈ పూర్తి element ఒక ప్రధాన heading ను చూపిస్తుంది. <h1> opening tag మరియు </h1> closing tag.
ఈ పూర్తి element ఒక paragraph ను చూపిస్తుంది. Text content రెండు tags మధ్య ఉంది.
ఈ declaration browser కు document HTML5 format లో ఉందని తెలియజేస్తుంది.
ఇది మొత్తం HTML document కు root element ప్రారంభాన్ని సూచిస్తుంది.
ఈ element browser tab లో HTML Elements అనే పేరును చూపిస్తుంది.
ఈ element పేజీలో పెద్ద ప్రధాన heading ను చూపిస్తుంది.
ఈ element పేజీలో సాధారణ paragraph ను చూపిస్తుంది.
Try It
Try this HTML code:
<!DOCTYPE html>
<html lang="te">
<head>
<title>My HTML Page</title>
</head>
<body>
<h1>My First Heading</h1>
<p>Write a short paragraph here.</p>
</body>
</html>Practice
Practice: Create a main heading for your favorite subject using <h1> and write one sentence about it using <p>.
Hint: Replace the heading text and paragraph text with your own English sentences.
Practice: Create a page with one <h1> element and two <p> elements about learning HTML.
Hint: Use a separate opening tag and closing tag for each paragraph.
Common Mistakes
సాధారణ element ను పూర్తిచేయడానికి <p>Hello</p> వంటి closing tag ను కూడా రాయాలి.
Closing tag లో tag name ముందు slash ఉండాలి: <p>Hello</p>.
ప్రతి element యొక్క closing tag ను అదే element name తో మరియు సరైన slash తో రాయాలి.
Tag ప్రారంభం లేదా ముగింపును సూచిస్తుంది. Opening tag, content మరియు closing tag కలిసి ఒక పూర్తి element అవుతుంది.
Interview Questions
HTML element అంటే ఏమిటి?
Answer: HTML element అనేది సాధారణంగా opening tag, content మరియు closing tag కలిగిన పూర్తి నిర్మాణం. ఉదాహరణకు, <p>Text</p> ఒక paragraph element.
HTML tag మరియు HTML element మధ్య తేడా ఏమిటి?
Answer: Tag అనేది element యొక్క ప్రారంభం లేదా ముగింపును సూచించే syntax. Opening tag, content మరియు closing tag కలిసి పూర్తి element అవుతాయి.
<h1> element ను ఎందుకు ఉపయోగిస్తారు?
Answer: <h1> element వెబ్ పేజీలోని ప్రధాన heading ను చూపించడానికి ఉపయోగిస్తారు.
<p> element యొక్క ఉపయోగం ఏమిటి?
Answer: <p> element సాధారణ paragraph లేదా వాక్యాల సమూహాన్ని చూపించడానికి ఉపయోగిస్తారు.
Exam Questions
ఒక HTML element యొక్క మూడు సాధారణ భాగాలను పేర్కొనండి.
Answer:
Opening tag, content మరియు closing tag ఒక HTML element యొక్క మూడు సాధారణ భాగాలు.
క్రింది code లో opening tag మరియు closing tag ఏవి? <h1>HTML</h1>
Answer:
<h1> opening tag మరియు </h1> closing tag.
<title> element ఎక్కడ ఉపయోగించబడుతుంది?
Answer:
<title> element సాధారణంగా <head> element లో ఉపయోగించబడుతుంది మరియు browser tab పేరు చూపిస్తుంది.
ఒక heading మరియు ఒక paragraph చూపించే HTML code రాయండి.
Answer:
<h1>My Heading</h1>
<p>This is my paragraph.</p>
Quick Revision
- HTML element అనేది వెబ్ పేజీ నిర్మాణంలో ఉపయోగించే పూర్తి భాగం.
- సాధారణ element లో opening tag, content మరియు closing tag ఉంటాయి.
- <h1> element ప్రధాన heading కోసం ఉపయోగిస్తారు.
- <p> element paragraph కోసం ఉపయోగిస్తారు.
- <title> element browser tab పేరును నిర్ణయిస్తుంది.
- Opening tag మరియు closing tag మధ్య content ఉంటుంది.
- Closing tag లో tag name ముందు slash ఉంటుంది.
- Opening tag, content మరియు closing tag కలిసి పూర్తి element అవుతాయి.