Clickable Photo page 4. Remember: it's better with a header Remember: it's better with a header


#1

Can someone help me Well please help me


#2

Show us what code you have and what you need help with


#3
<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css" />
		<title>My Photo Page</title>
   	<table><tbody>
	<tr></tr> </tbody></table>


	</head>
	<body></body>
</html>

#4
You'll want to give your table a header so everyone will know what your photos are of and about.

To make sure your header looks nice, remember to set its colspan attribute to 3 (since you have three columns and you want the header to go across all of them).

Instructions
Create a table header using <thead></thead> and <th></th> tags. Feel free to call your table whatever you'd like!

?

That is what they say


#7

In your table tags before the body add thead tags (to make head of table) and in the thead you need to add your table heading using th tag, don't forget to add in the colspan attribute in your th tag


#8

If possible please explain with example.


#9

Regarding ?

if you need help, paste in your code, error, lesson URL and question


#10





My Photo Page

    <table>
       <thead>
       <tr>
         <th colspan="3"> Numerals </th>
        <tr> 
       </thead>
         <tbody>
          <tr> 
          <th><td>One</td></th>
          <th><td>1</td></th>
          <th><td>I</td></th>
          </tr>
           <tr>
           <th><td>Two</td></th>
          <th><td>2</td></th>
          <th><td>II</td></th>

           </tr> 
           <tr>
           <th><td>three</td></th>
          <th><td>3</td></th>
          <th><td>III</td></th>

           </tr> 
           
        
        
        </tbody>
         
     </table>


</body>

I'm gettting error "Oops, try again. It looks like your table header is empty. Give your table a title by writing it between the

and tags."

Can you help...??


#11

Hi there @javablaster03809

You look like you're having some issues understanding table elements...

<table>: Encapsulates the whole table, and all of its parts.
<thead>: The header of the table. Contains <tr> elements.
<tbody>: The body of the table. Contains <tr> elements.
<tr>: A row of the table. Contains either <th> or <td> elements.
<th>: A header cell. Bold text inside.
<td>: An ordinary cell. Maintains standard styling.

Now, when we combine those into a table format, it looks like this...

<table>
     <thead>
          <tr>
               <th>Header Column One</th>
               <th>Header Column Two</th>
          </tr>
     </thead>
     <tbody>
          <tr>
               <td>Cell Column One</td>
               <td>Cell Column Two</td>
          <tr>
          <tr>
               <td>Cell Column One</td>
               <td>Cell Column Two</td>
          <tr>
     </tbody>
</table>

Compare that sample to what you have, and try to adjust it accordingly, to make it a correctly formatted table. Good luck!


#12

Thanks Bro.
It worked.


#13