Tribute Page. My fav Aust artist. Is the code too messy?

Tribute Page. My fav Aust artist. Is the code too messy?
0.0 0

#1

I’ll look at others and give feedback. Thanks all.


#2

Hello @lillipilli,

HTML

  • error

end tag “img”.

From line 5 to line 5:

<img class="img-responsive" src="https://d2x6fvmwptmao1.cloudfront.net/cdn/farfuture/fpOfTnWTcFnE3R34GdMOBLmcnf7PCHVlCuA7hXwXSSw/mtime:1469763264/sites/default/files/styles/full/public/_DSC7283cc.jpg?itok=t2qffNq3" alt="Installation">
 </img>

MDN documentation:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img

Tag omission
Must have a start tag and must not have an end tag.


  • error

No “p” element in scope but a “p” end tag seen.

From line 198 to line 198:

  <li>The Antipodean Suite, Tasmanian School of Art Gallery, Hobart</li>
      </ul>
      </p>  


cheers and happy codding :slight_smile:


#3

Hey thanks for this. I didn’t realise the tag didn’t need an end tag.
How do you keep track of all the closing and opening tags? There are so many div and p tags.


#4

You’re welcome :smiley:

I use a software (validator):

https://en.wikipedia.org/wiki/Validator

A validator is a computer program used to check the validity or syntactical correctness of a fragment of code or document. The term is commonly used in the context of validating HTML,[1][2] CSS and XML documents or RSS feeds though it can be used for any defined format or language.

This one:

https://validator.w3.org/

Cheers and happy coding :slight_smile:


#5

Thanks erretres!

I’ll give it a try on my next project.

So glad there are experienced coders out there willing to take the time to give us newbies a hand.


#6

Unfortunately it doesn’t work on my codepen page. Just shows up all the problems with the backend of codepen, not my html, css.

But when I’m up to writing my own code from scratch I’ll definitely use it.
Cheers,
Lisa


#7

I wrote this short guide, maybe it can help:

https://medium.com/@erretres/codepen-and-w3c-markup-validation-service-fbb62f1de568

Cheers and happy coding :slightly_smiling_face: