Section Elements
Html section elements defines the scope of headers, footers and other sections of an html document.
Different section elements are
Html section elements defines the scope of headers, footers and other sections of an html document.
Different section elements are
- Body
- Section
- Nav
- Article
- Aside
- Header
- Footer
- Address
Body Element
This element contains the main content of the html document. It starts after the closing tag of Head.
ex:
<html>
<head>
</head>
<body>
This is body
</body>
</html>
Section Element
The section element is used to represent the generic section of an html document.
This elements groups the related content of the html document. It also contains other new semantics elements like header and footer and other html element.
ex:
<Section>
<h1>HTML></h1>
<p>Section element usage</p>
<Section>
Nav Element
It is used to navigate from one html page to another. It displays a group of links on an html document.
generally, the nav element is used in the footer area of an html page. This area consist of list of links related to various pages of the website, such as terms of service and contact information.
ex:
<NAV>
<h1>navigation</h1>
<ul>
<li>< a href="section.html">section</a></li>
<li>< a href="Body.html">body</a></li>
</ul>
</Nav>
Article Element
It is used to represent a section that contains the information about an html page,such as its title and the date of creation. information can be displayed in various formats such as a new article, a blog post or user's comment section.
ex:
<Article>
<header>
some heading content
</header>
<p>Some Article content</p>
</Article>
Aside Element
It is used to display information about the content of other elements, such a time and date, current news and weather report. This element can be used for inserting typographical effects in documents, such as sidebars for advertisements, links, notes, and tips.
ex:
<body>
<header>
<h1>Article heading</h1>
</header>
<Aside>
enter some content
</Aside>
</body>
Header Element
It contains the introductory content of the html page. it contain headings, paragraphs, links, and other content.
ex:
<Header>
<H1>heading 1</H1>
<p> header element</p>
< a href="http://webtechomaster.com">click here</a>
</Header>
Footer Element
It represents footer which contains information like links, copyright and other information.
ex:
<footer>
<ul>
<li>Home</li>
<li>About</li>
</ul>
</footer>
Address Element
It is used to display the contact information for the document and it is mainly present in header or footer. the content of these elements appears in italic text in web browser.
ex:
<Address>
<a href="../Amit/">Amit</a>
contact person for <a href="sports">Sports Activity</a>
</Address>
Heading element
Use to represent heading. It will appear bold. A heading element i defined as <Hn>, where n ranges from 1 to 6.you can also group all heading element with the help of hgroup element.
ex:
<!Doctype Html>
<html>
<head>
<title>
htmltitle
</title>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
</html>
 |
Headings
|
Posts
0 comments:
Post a Comment