<!DOCTYPE html> <html> <head> <title>MRD Wedding Planner</title> </head> <body> <header> <section class="navsection"> <div class="logo"> <h1>MRD Wedding Planner</h1> </div> <nav> <a href="#" target="_blank">HOME</a> <a href="#" target="_blank">PORTFOLIO</a> <a href="#" target="_blank">GALLERY</a> <a href="#" target="_blank">CONTACT</a> <a href="#" target="_blank">ABOUT</a> </nav> <main> <div class="leftside"> <h3>Hi,Welcome to</h3> <h1>MRD</h1> <h4>Events Company</h4> <a href="#">Click me</a> <a href="#">Contact me</a> </div> <div class="rightside"> <img src="images/Smoking.jpg"> </div> </main> </header> </body> </html>
Do you have a link to the website, or to the code? I am not sure we will be able to help you with what you have provided.
I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make easier to read.
See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (
</>) will also add backticks around text.
Note: Backticks are not single quotes.
You need to actually tell us what the error is. Given that the HTML looks fine at first glance, and HTML doesn’t really produce errors anyway, it’s impossible for us to help as we aren’t looking at your computer screen and can’t see what you can see
Hi, aside from what others have already said, I encourage you to not use the headers (h1, h2, etc) like your are doing (eg passing from h2 to h1 and than to h4). If it’s only to change the font-size, you should use css instead.
This is because a mixed and unorganized use of h* tags creates accessibility problems for people that use screen reading technologies.
When you use them, you are basically creating a tree structure, much like the index in a book (with chapters, subchapters, sub-subchapters, etc).
Also, for the same reason, you shouldn’t have more than one h1 in your html (it serves as the root).