Scribd
Upload
4 views5 pages

Index2 HTML

The document outlines the structure of a simple HTML webpage, including elements such as header, navigation, section, article, and footer. It provides a clear organization of content, with an emphasis on accessibility and semantic HTML. Key elements are defined, explaining their purpose in the context of web development.

Uploaded by

w7d24r4thy
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
4 views5 pages

Index2 HTML

The document outlines the structure of a simple HTML webpage, including elements such as header, navigation, section, article, and footer. It provides a clear organization of content, with an emphasis on accessibility and semantic HTML. Key elements are defined, explaining their purpose in the context of web development.

Uploaded by

w7d24r4thy
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Own Code:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>My Website</title>

</head>

<body>

<header>

<h1>My Website</h1>

</header>

<nav>

<a href="#">Home</a>

<a href="#">About</a>

</nav>

<section>

<h2>About</h2>

<article>

<p>Content here</p>

</article>

</section>

<footer>
<p>© UBALDE2026</p>

</footer>

</body>

</html>
AI Validated:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Website</title>
</head>
<body>

<header>
<h1>My Website</h1>
</header>

<nav aria-label="Main Navigation">


<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
</ul>
</nav>

<main>
<section id="about">
<h2>About</h2>
<article>
<p>Content here</p>
</article>
</section>
</main>

<footer>
<p>&copy; UBALDE2026</p>
</footer>

</body>
</html>
Output:
Explanation:

Header: Defines a container for introductory content or a set of navigational links at the top of a
page or section.

Navigation: Represents a section of a page that links to other pages or to parts within the page.

Section: Defines a standalone, thematic grouping of content, typically with its own heading.

Article: Represents a self-contained composition in a document (like a blog post or news story)
that is intended to be independently redistributable.

Footer: Contains metadata, copyright information, or contact links located at the bottom of a
page or section.

Aside: Defines content that is indirectly related to the main content, often presented as a sidebar
or call-out box.

Details: Specifies additional details that the user can view or hide on demand.

Summary: Defines a visible heading or label for a <details> element that the user clicks to
toggle visibility.

Figure: Groups self-contained content, such as illustrations, diagrams, or photos, often with an
optional caption.

Caption: Provides a title or explanatory description for the content contained within a <figure>
element.

You might also like