Tribute page problems.... among others

HTML-CSS
#1

Hello,

as a total noob, I am running into difficulties and hope you can all bear with me… I have a number of questions.

I am done with the modules in Responsive web design. I am starting the projects. Tribute page is project one. I already hit many walls…

I will start here:

First of all, there are some things like

“My tribute page should have an element with a corresponding id="main" , which contains all other elements. ”

I do not want to copy and paste a text, so I want to know WHY I need that. So I have the tags – I guess around all of my main content - , but WHY? I know it was somewhere in the course, but where can I brush up on this again? And how do I get “id=main” in my CSS so it make sense? I am kinda lost…

I also want to put a “1945-1994” with a small cross, like one does with a “born”-“died” but I want it in the same line as the < h1 > (Danny Gatton), but I want it to have a different size, font and color. Is this possible?

This will be one of many…

page: https://codepen.io/Fletchdad/pen/rNMYbzL

#2 
<main>
  <h1>This is my heading</h1>
  <p>This is my paragraph</p>
<img scr="">

  <div>
    <h2>This is my subheading</h2>
    <p>This is my paragraph</p>
  </div>
 
</main>

This is an example of how you use main. Its like the main container for all your other html elements.

#3

Because the instructions tell you to. Some of these things are just there so the test suite can find them. Does an app need a wrapper element that has an id of “main”? No.

And how do I get “id=main” in my CSS so it make sense? I am kinda lost…

You don’t need it in your CSS, this is for HTML. You could (if you wanted) use that id to target that element in your CSS, but that is not required for what they are talking about here.

I also want to put a “1945-1994” with a small cross, like one does with a “born”-“died” but I want it in the same line as the < h1 > (Danny Gatton), but I want it to have a different size, font and color. Is this possible?

Sure. You could just wrap the cross in its own span and apply a style:

    <h1> Danny Gatton 1945-1994<span style="color:red">†</span></h1>

You could also apply that style in other ways, using your CSS.

Another approach would be to making the h1 display as inline instead of block so you could put an element after it.

This will be one of many…

That’s why the forum exists.

#4