Header Section
Part of the Fundamentals section of Coddy's HTML journey — lesson 53 of 60.
Challenge
EasyAs always, you can use your own creativity to fill the texts, or use the example!
Create a <div> for the header section. Inside it, add an <h1> tag with the event name, a <p> tag with a tagline, and an <img> tag for the event banner. Add to the image a width and height of your choice.
For example:
- Title: Code Camp 2024
- Description: Learn. Build. Innovate.
- Image URL: https://img.freepik.com/free-photo/painting-mountain-lake-with-mountain-background_188544-9126.jpg
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