Tell us what’s happening:
The first child of each .main-section should be a header element.(It says this line)
I don’t know where I am going wrong.
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width initial-scale=1.0">
<link rel="stylesheet" href="styles.css" />
<title>HTML Tutorial</title>
</head>
<body>
<main id="main-doc">
<nav id="navbar">
<header>HTML Tutorial
<ul>
<li><a class="nav-link" href="#HTML Introduction">HTML Introduction</a></li>
<li>
<a class="nav-link" href="#HTML Editors"
>HTML Editors</a
>
</li>
<li>
<a class="nav-link" href="#HTML Elements"
>HTML Elements</a
>
</li>
<li><a class="nav-link" href="#HTML Attributes">HTML Attributes</a></li>
<li><a class="nav-link" href="#HTML Headings">HTML Headings</a></li>
<li>
<a class="nav-link" href="#Reference"
>Reference</a
>
</li>
</ul>
</header>
</nav>
<section class="main-section" id="HTML_Introduction">
<article>
<h2>What is HTML?</h2>
<p>HTML is the standard markup language for creating Web pages.</p>
<p> <ul>
<li>HTML stands for Hyper Text Markup Language</li>
<li>HTML is the standard markup language for creating Web pages</li>
<li>HTML describes the structure of a Web page</li>
<li>HTML consists of a series of elements</li>
<li>HTML elements tell the browser how to display the content</li>
<li>HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.</li>
</ul> </p>
</article>
</section>
<section class="main-section" id="HTML_Editors">
<article>
<h2>Learn HTML Using Notepad or TextEdit</h2>
<p>Web pages can be created and modified by using professional HTML editors.
<br>
However, for learning HTML we recommend a simple text editor like Notepad (PC) or TextEdit (Mac).
<br>
We believe that using a simple text editor is a good way to learn HTML.
<br>
Follow the steps below to create your first web page with Notepad or TextEdit.
</p>
</article>
</section>
<section class="main-section" id="HTML_Elements">
<article>
<h2>HTML Elements</h2>
<p>HTML elements can be nested (this means that elements can contain other elements).</p>
<p>
All HTML documents consist of nested HTML elements.</p>
</article>
</section>
<section class="main-section" id="HTML_Attributes">
<article>
<h2>HTML Attributes</h2>
<p>HTML attributes provide additional information about HTML elements.</p>
<p><ul>
<li>All HTML elements can have attributes
</li>
<li>Attributes provide <b>additional information</b> about elements
</li>
<li>Attributes are always specified in the start tag
</li>
<li>Attributes usually come in name/value pairs like: name="value"
</li>
</ul></p>
</article>
</section>
<section class="main-section" id="HTML_Headings">
<article>
<h2>HTML Headings</h2>
<p>HTML headings are defined with the h1 to h6 tags.</p>
<p>
h1 defines the most important heading. h6 defines the least important heading.</p>
</article>
</section>
<section class="main-section" id="Reference">
<article>
<h2>Reference</h2>
<p>All the text here is from <a href="w3schools" target="_blank">w3schools</a></p>
</article>
</section>
</main>
</body>
</html>
/* file: styles.css */
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36
Challenge Information:
Technical Documentation Page - Build a Technical Documentation Page