I tried everything but my title won't appear at the top!

Hi guys! All codes passed BUT I do not see my title! Its irking me bad, please help!

Your code so far

<style>

  #image { max-width: 100%;

  height: auto;

  display: block;}

  #img-caption {text-align: center;}

  </style> 

<main id =  main>

<head>

<title id = title> Dr. Martin Luther King Jr. </title>

  <div id= img-div>

  <img id = image src=https://www.scetv.org/sites/default/files/styles/story_featured_image/public/blogs/MartinLutherKing.jpg?itok=Chi7dUFe alt="Dr. Martin Luther King Jr"> 

  <div id = img-caption> Dr. Martin Luther King Jr

   

 

  <body>

    <div id = tribute-info>

   <h3> Dr. Martin Luther King Jr. is known as one of the most influential leaders of our time. He led the civil rights movement; a fight to end racism and inequality against African Americans. His leadership and bravery awarded him the Nobel Peace prize in 1964. Here lies a timeline Martin Luther King Jr.s' most notable accomplishments throughout his journey on justice for all. </h3>

    

    <ul>

      <li> 1955 MLK led the Montgomery bus boycott. Rosa Parks, an Afrcan America woman was arrested and fined for not moving to the back of the bus to better accomodate a white man. A little over a year after the demonstration, Montgomery Alabama city buses were desegregated. </li>

      <li> 1963 In light of tragic events that took place in Birmingham Alabama, King kept the momentum going and decided on a mass protest at the nation's capital. This would be famously known as the March on Washington. A crowd of over 200,000 people gathered to call for fair treatment and equal opportunity for Black Americans. This is also the site where MLK delivered his iconic "i have a dream" speech</li>

            

     <li>1964 Time magazine names martin luther king jr "man of    the year"</li>

            

      <li>1965 MLK participated in the Selma to Montgomery March.  In an effort to uphold the african american right to vote mlk along with other black activists organized a march from Selma alabama to the state capital of Montgomery. That march led Congress to pass the Voting Rights Act of 1965. It guaranteed the right to vote for all African Americans.</li>

            

      <li> 1968 Memphis Sanitation workers went on strike due to unsafe working conditions and low wages. MLK was petitioned to lead a march in support of the sanitation workers. This is where he delivers his final speech "ive been to the mountaintop".</li></ul></body>

 April 4, 1968 Martin Luther King Jr. was assainated in Memphis, Tn. He will always be remembered as a pioneer in the civil right movement. <a id= tribute-link href= https://www.history.com/topics/black-history/martin-luther-king-jr target=_blank> Click here</a> to learn more about MLK and his contribution to African American rights.

</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.60 Safari/537.36

Challenge: Build a Tribute Page

Link to the challenge:

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 it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

what do you mean that you don’t see your title?

Hi! so you can see my code just fine??? thats awesome! My Title “Dr. Martin Luther King Jr.” I don’t see it at the top of my picture. I tried different things but it won’t pop up.

No, I don’t see your code, as you haven’t pasted it in your post

Try clicking the link to the challenge in the first post and let me know if it works!

It will not work, you can’t share the code like that, you need to paste it in a post here

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 it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

Did you try? I’m sure it works since I logged back on today the whole website has been updated. Its the link to the challenge button. I’m sure its a simple fix i just need to know where I went wrong.

We can’t actually see your code by clicking on the link to the challenge.

I restored the code that you deleted so that people can help you.

this is the element that determine what appears in the tab or window title, not an element that is visible in the html

They said it was too large so when I copy/pasted anyway it looked weird so I deleted it. Thank you for fixing it. Idk why when I click the link titled “link to challenge” it takes me straight to my challenge…I even signed out. Weird.

The link takes you to the challenge, but the code you typed is only available on your computer unless you share it in a forum post.

Oh. The challenge requires an element with an id of title. How do I go about that?

Ok! thank you for trying!

Hello! Maybe there is no closing tag for something? That’s why tag “title” doesn’t work. I mean there is no .

The <title> tag in the head is just responsible for the text that would show up in the tab of your browser. The challenge says you need to have an element on your page (inside the <body> tag) that has an id of title that is supposed to be the title of your page. This would be a <div>, an <h1> or whatever else you decide to use, and assigned the id of title…

But looking at your code there seems to be another issue… HTML is broken up into a <head> section and a <body> section. The head is supposed to hold meta data, title tag, links, and other non-display items… you won’t see anything in the head physically on your page… the <body> tag should hold everything visible. It seems you embedded your <body> in your <head>… they should be separate:

<html>
   <head>
      meta, title, link stuff
   </head>
   <body>
       visible stuff
   </body>
</htlm>

the element name and the id don’t need to match

isn’t the title written down here

<title>some text here</title>

something you see on an open tab in your browser?

The <title> tag defines the title of the document. The title must be text-only, and it is shown in the browser’s title bar or in the page’s tab.

Do you want Dr. Martin Luther King Jr. show on the website or the document? as Unstoppable mention tittle is only to give the file a name but if you want DR. Martin… to show on the page then use h1>Dr. Martin Luther King Jr.</h1, I maybe wrong I’m also new at html lol