Unit 2, Lesson 10, 13/14


#1

Students have finished typing their HTML and CSS. A few students showed me today that some of their paragraphs are underlined and are actually a hyperlink (when viewed as a webpage). Also, a few of their fonts changed (from one family to another).
Link to a student for example:
Click here


If you look at the image uploaded, she typed Blue, Broadway for H1, and it is not blue and not Broadway. Also, you can see that the paragraph is underlined. This happened to about 5 students in my two classes.


#2

Can you paste the “Share” link so we can look at the code?

Thanks,
Elizabeth


#3

Patti,

Just following up - please share the students project so we can troubleshoot (the link you shared is to the level and isn’t the students work).

Two common problems that arise are:

1.) Including the <link rel="stylesheet" href="style.css'> in the <head> of the HTML page and…

2.) Making sure the font is loaded and can be used. Although “Broadway” is a font that exist, it’s not available for free (not through fonts.google.com - but you can look for a similar font - it’s available from other online sources which you’d pay for the rights to use it), it isn’t built in to the Code.org Web IDE and therefore isn’t a “Web Safe font”.

Hope that helps and the student can find a similar font to make their website their own!
Brad


#4

Good morning,

I apologize for the delay, we did not have school on Friday. Thank you for your reply. Below is the shared link. Thank you.

https://codeprojects.org/NbAIVga6a59_uI-TFRQ3bcPH-Din57NJaDjxTZTtVdg


#5

Good morning,

I apologize for the delay, we did not have school on Friday. Thank you for your reply. Below is the shared link. I have also sent this to Brad, since I received an email from him also. Thank
you.

https://codeprojects.org/NbAIVga6a59_uI-TFRQ3bcPH-Din57NJaDjxTZTtVdg


#6

Hi Patti,

The problem is that she is not closing her link tags (the “a” tag), so everything is actually a link. That’s why they are showing up as links. The first example is on line 7, where she makes a link tag but never closes it.

Elizabeth


#7

Can you send a screen shot of what you see because I see closing tags.

Thanks


#8

Hi Patti,

That is not a closing tag for the link. That is part of the image tag. The student may want to go back to the links lesson and review how the links tag works. You need a </a> to close the link tag.

Elizabeth


#9

Thank you! I was out sick, trying to look at it on my phone.