i still don't know how to use semantic HTML and if the nav should be inside the header or not
What specific areas of your project would you like help with?i am a beginner and it's my first project without tutorials so could anyone tell me if there is any problem with my code in CSS and what should I do instead
Sure, here's a basic example of a semantic HTML structure:
<!doctype html>
<header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<h1>Welcome to My Website</h1>
<section>
<h2>Introduction</h2>
<p>This is the introduction to my website.</p>
</section>
<section>
<h2>Main Content</h2>
<p>This is the main content of my website.</p>
</section>
<aside>
<h3>Sidebar</h3>
<p>This is the sidebar of my website.</p>
</aside>
<p>Copyright © 2024 My Website</p>
These elements:
<header>: represents the document header, which may contain a logo, a search form and/or a navigation menu.In "CSS" Semantic elements do not need "Class".
Example: body { } head { } nav { }
Focus on learning "Flexbox", it is very good for organizing the layout on desktop and mobile. On this site is a cool game to play: https://flexboxfroggy.com/
Hope this helps.
i still don't know how to use semantic HTML and if the nav should be inside the header or not
What specific areas of your project would you like help with?i am a beginner and it's my first project without tutorials so could anyone tell me if there is any problem with my code in CSS and what should I do instead
Hello Abdelrahman Mohammed! All is well?
The html isn't really semantic, but it's working, if you study a little more you'll get it quickly.
In the css, if you remove the ("") the font will work.
font-family: Inter;
The following link helped me a lot to understand how to format correctly a form with the addition of implementation of javascript and give the user a counterpart message what is wrong with the input. https://www.javascripttutorial.net/javascript-dom/javascript-form-validation/
while I'm writing a code I faced such problem check it out and if you know the reason write it in the comments thanksss !
This is my first time using JavaScript to create a website. How did I do? Any suggestion to improve my code is welcome
