Recap - Layout
Part of the Fundamentals section of Coddy's HTML journey — lesson 29 of 60.
Challenge
EasyCreate an HTML document that includes all the layout elements we've learned so far:
- A
<header>with a main heading (<h1>) that says "My Website" and a navigation (<nav>) with links to "Home", "About", and “Contact”. (in an unordered list) - A
<main>section with a<div>that contains a paragraph (<p>) with the text "This is the main content area.". Inside the paragraph, use a<span>tag to wrap the word "main". - Inside the main section, a
<section>with a heading (<h2>) that says "About Us" and an<article>with a heading (<h3>) that says "Our Mission" and a paragraph (<p>) with some dummy text. - A
<footer>with a paragraph (<p>) that says "Copyright 2024 My Website".
Try it yourself
<!DOCTYPE html>
<html>
<body>
<!-- Write code here -->
</body>
</html>All lessons in Fundamentals
2Text and Formatting
HeadingsParagraphsLine BreaksBold and Italic TextBold and Italic AgainRecap - Formatting8Forms and Inputs Part 1
Form BasicsText InputsInput AttributesPassword FieldLabels for InputsRecap - Basic Form11Event Registration Page
Project OverviewHeader Section
Event Details SectionRegistration FormFooter Section9Forms and Inputs Part 2
Radio ButtonsCheckboxesDropdownsButtonsButtons in FormsRecap - Forms #1Recap - Forms #2