HTML <body> టాగ్
- ముంది పేజీ <blockquote>
- తరువాత పేజీ <br>
కోర్సు సిఫారసు:
<body> నిర్వచనం మరియు ఉపయోగం
టాగ్ అంశం డాక్యుమెంట్ యొక్క ప్రధాన భాగాన్ని నిర్వచిస్తుంది.
హెచ్ఎంఎల్ డాక్యుమెంట్ యొక్క మెటా డాటా మరియు డాక్యుమెంట్ సమాచారం head అంశం లో పాక్స్ చేయబడింది, డాక్యుమెంట్ యొక్క కంటెంట్ బయో అంశం లో పాక్స్ చేయబడింది.
<body> body అంశం హెడ్ అంశం తర్వాత ఎక్కువగా ఉంటుంది, ఇది html అంశం రెండవ పిలుపుగా ఉంటుంది.
అంశం హెచ్ఎంఎల్ డాక్యుమెంట్ యొక్క అన్ని కంటెంట్ను కలిగి ఉంటుంది, ఉదాహరణకు శీర్షికలు, పాఠాలు, చిత్రాలు, లింకులు, పట్టికలు, జాబితాలు మొదలైనవి.మీరు గమనించండి: <body> ఒక హెచ్ఎంఎల్ డాక్యుమెంట్ లో ఒక మాత్రమే అంశం ఉండవచ్చు:
అంశం
ఉదాహరణ
ఒక సాధారణమైన కాని పూర్తి హెచ్ఎంఎల్ డాక్యుమెంట్:
<html>
<head>
<!DOCTYPE html>
</head>
<body>
<title>డాక్యుమెంట్ శీర్షిక</title>
<h1>ఇది ఒక శీర్షిక.</h1>
</body>
</html>
<p>ఇది ఒక పాఠం.</p>హింసా సూచన:
పేజీ కినారల్లో మరిన్ని ఉదాహరణలు అందుబాటులో ఉన్నాయి。
<body> టాగ్లు ఇవెంట్ అట్రిబ్యూట్లను మద్దతు ఇస్తాయి: గ్లౌబల్ అట్రిబ్యూట్లు.
హెచ్ఎంఎల్ లో గ్లౌబల్ అట్రిబ్యూట్లు
<body> టాగ్లు ఇవెంట్ అట్రిబ్యూట్లను మద్దతు ఇస్తాయి: హెచ్ఎంఎల్ లో ఇవెంట్ అట్రిబ్యూట్లు.
డిఫాల్ట్ CSS అమరికలు
అత్యంత బ్రౌజర్లు క్రింది డిఫాల్ట్ విలువలను ఉపయోగిస్తాయి: <body> అంశం:
body {
display: block;
margin: 8px;
}
body:focus {
outline: none;
}
మరిన్ని ఉదాహరణలు
ఉదాహరణ 1
డాక్యుమెంట్ కు బ్యాక్గ్రౌండ్ చిత్రాన్ని జోడించండి (CSS ఉపయోగించి):
<html>
<head>
<style>
body {
background-image: url(w3s.png);
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="">codew3c.com ను సందర్శించండి!</a></p>
</body>
ఉదాహరణ 2
డాక్యుమెంట్ బ్యాక్గ్రౌండ్ రంగును అమర్చండి (CSS ఉపయోగించి):
<html>
<head>
<style>
body {
background-color: #E6E6FA;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="https://www.codew3c.com">codew3c.com ను సందర్శించండి!</a></p>
</body>
ఉదాహరణ 3
డాక్యుమెంట్ పాఠం రంగును అమర్చండి (CSS ఉపయోగించి):
<html>
<head>
<style>
body {
color: green;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p>ఇది ఒక పాఠం.</p>
<p><a href="">codew3c.com ను సందర్శించండి!</a></p>
</body>
</html>
ఉదాహరణ 4
డాక్యుమెంట్లో సందర్శించని లింక్స్ రంగును సెట్ చేయండి (CSS ఉపయోగించి):
<html>
<head>
<style>
a:link {
color:#0000FF;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com">codew3c.com</a></p>
<p><a href="https://www.codew3c.com/html/">HTML ట్యూటోరియల్</a></p>
</body>
</html>
ఉదాహరణ 5
డాక్యుమెంట్లో క్రియాశీలమైన లింక్స్ రంగును సెట్ చేయండి (CSS ఉపయోగించి):
<html>
<head>
<style>
a:active {
color:#00FF00;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com">codew3c.com</a></p>
<p><a href="https://www.codew3c.com/html/">HTML ట్యూటోరియల్</a></p>
</body>
</html>
ఉదాహరణ 6
డాక్యుమెంట్లో సందర్శించబడిన లింక్స్ రంగును సెట్ చేయండి (CSS ఉపయోగించి):
<html>
<head>
<style>
a:visited {
color:#FF0000;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com">codew3c.com</a></p>
<p><a href="https://www.codew3c.com/html/">HTML ట్యూటోరియల్</a></p>
</body>
</html>
బ్రాసర్ మద్దతు
| చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
|---|---|---|---|---|
| చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
| మద్దతు | మద్దతు | మద్దతు | మద్దతు | మద్దతు |
- ముంది పేజీ <blockquote>
- తరువాత పేజీ <br>
