mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-05-28 18:26:54 +00:00
Raihanul Islam
68d3856079
Signed-off-by: Sem Bauke <sem@freecodecamp.org> Co-authored-by: Sem Bauke <sem@freecodecamp.org> Co-authored-by: Jeevankumar S <jeevenkumar2003@gmail.com>
1.2 KiB
1.2 KiB
id, title, challengeType, dashedName, demoType
| id | title | challengeType | dashedName | demoType |
|---|---|---|---|---|
| 669fcb5106eeb13ab7afcd09 | Step 1 | 0 | step-1 | onLoad |
--description--
In this workshop, you will practice working with semantic HTML by building a blog page dedicated to Mr. Whiskers the cat.
The first section you will build out is the page header.
The header element is used to represent introductory content like page navigation and other introductory information.
Here is an example using the header element:
<header>
<h1>Main Page Title Goes Here</h1>
<img src="example-logo.png" alt="Example logo" />
</header>
Inside the body element, add a header element.
--hints--
You should have an opening header tag.
assert.match(code, /<header>/i);
You should have a closing header tag.
assert.match(code, /<\/header>/i);
Your header element should be inside the body element.
assert.exists(document.querySelector('body > header'));
--seed--
--seed-contents--
<!DOCTYPE html>
<html lang="en">
<head>
<title>Mr. Whiskers' Blog</title>
<meta charset="UTF-8" />
</head>
<body>
--fcc-editable-region--
--fcc-editable-region--
</body>
</html>