Hi guys, I’m Anita!
I’m currently starting out on my full stack developer course with Codecademy and I’m loving it so far, but I have got to a section which I thought would be easy enough for me now, but my CSS file doesn’t seem to be linking to the HTML.
I have looked up a number of different solutions and they don’t seem to work. So I wondered if anyone can help me on here? I feel like it’s going to be the most obvious thing, but I’ve been trying for ages with no luck, so rather than give up and move on, I’d like to know what I’m doing wrong
Preformatted text
The link to the exercise I’m stuck on is: Challenge Project
And I’ve attached a screenshot of the CSS so far (nothing was working so I thought I’d add in an obvious one to see if it worked, but it didn’t).
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="files/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300&family=Sacramento&display=swap" rel="stylesheet">
</head>
<body>
<h1>HTML Tables</h1>
<table>
<thead>
<h2><th class="header" colspan=3>Tables are fun</th></h2>
<tr><th>HTML Tag</th>
<th>Name</th>
<th>What it does</th></tr>
</thead>
<tbody>
<tr><p>
<td><table></td>
<td>Table</td>
<td>Place this at the start & end of your table.</td></p>
</tr>
<tr>
<td><thead></td>
<td>Table Head</td>
<td>Rows that set the column headers in the table.</td>
</tr>
<tr>
<td><th></td>
<td>Table Header</td>
<td>I use this to add columns of headers.</td>
</tr>
<tr>
<td><tbody></td>
<td>Table Body</td>
<td>The rows containing the table data.</td>
</tr>
<tr>
<td><tr></td>
<td>Table Row</td>
<td>Creates a new row within the table.</td>
</tr>
<tr>
<td><td></td>
<td>Table Data</td>
<td>The actual data.</td>
</tr>
<tr>
<td><tfoot></td>
<td>Table Footer</td>
<td>Rows that define the footer.</td>
</tr>
</tbody>
</table>
<br>
<br>
<table>
<thead><th class="header" colspan=3>Table Attributes</th></thead>
<tr><thead>
<th>Attribute</th>
<th>Name</th>
<th>What is does</th>
</thead>
</tr>
<tbody>
<tr>
<td>colspan=</td>
<td>Column Span</td>
<td>Is like merge cell, so defines how many colunms td should merge into.</td>
</tr>
<tr>
<td>rowspan=</td>
<td>Row Span</td>
<td>As above but for rows.</td>
</tr>
</tbody>
</table>
<br>
<br>
<table>
<thead>
<th class="header" colspan=2>Fun fact</th>
<tr>
<th>What you want to show</th>
<th>How to show it</th>
</tr>
<tr>
<td><</td>
<td>Simply add in the & sign and lt right after.</td>
</tr>
<tr>
<td>></td>
<td>Simply add in the & sign and gt right after.</td>
</tr>
</thead>
</table>
</body>
</html>```
and my CSS is:
h1 {
color: red;
}
When you ask a question, don't forget to **include a link** to the exercise or project you're dealing with!
If you want to have the best chances of getting a useful answer quickly, make sure you **follow our guidelines** about how to [ask a good question](http://bit.ly/usecodecademyforumsbetter). That way you'll be helping everyone – helping people to answer your question and helping others who are stuck to find the question and answer! :slight_smile: