HTML5 and CSS adventures

WrCombs

I've been learning HTML and HTML5 on free Code Camp
I've gotten up to the Radio Buttons and Labels Page.
https://i.imgur.com/XooolLl.png

In this lesson/challenge I have to create 2 radio buttons, with labels and put them under the same name attribute

https://i.imgur.com/jeCKNIo.png

the Code here as I have it right now:

<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>
  
  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
  
  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  <form action="/submit-cat-photo">
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>

  <label for="indoor">
    <input id="indoor" type="radio" name="indoor-outdoor">indoor
  <label>
 <label for="outdoor">
    <input id="outdoor" type="radio" name="indoor-outdoor">outdoor </label>
>

    </form>
</main>

Can anybody tell me why when I run the test I still get the following errors?

https://i.imgur.com/Mk8ko4c.png

I've tried reading and trying different things any help would be appreciated

WrCombs

Actually i found it .
apparently I forgot a </label> in one of the button elements.

WrCombs

I was beating my head on the wall trying to figure this out yesterday..
for it to simply be a syntax error..
/sigh. /facepalm

dafyre

@WrCombs said in HTML5 Radio Buttons/Labels-:

<label for="indoor">
<input id="indoor" type="radio" name="indoor-outdoor">indoor
<label>

Glad you got it sorted!

WrCombs

@dafyre said in HTML5 Radio Buttons/Labels-:

@WrCombs said in HTML5 Radio Buttons/Labels-:

<label for="indoor">
<input id="indoor" type="radio" name="indoor-outdoor">indoor
<label>

Should that be </label> ?

Yes.
/Sigh.
Why that took so long to figure out IDK.
Maybe doing 12 Lessons in a day isn't a great Idea...

dafyre

@WrCombs said in HTML5 Radio Buttons/Labels-:

@dafyre said in HTML5 Radio Buttons/Labels-:

@WrCombs said in HTML5 Radio Buttons/Labels-:

<label for="indoor">
<input id="indoor" type="radio" name="indoor-outdoor">indoor
<label>

Should that be </label> ?

Yes.
/Sigh.
Why that took so long to figure out IDK.
Maybe doing 12 Lessons in a day isn't a great Idea...

Maybe you should stop at 10, lol.

travisdh1

@WrCombs said in HTML5 Radio Buttons/Labels-:

I was beating my head on the wall trying to figure this out yesterday..
for it to simply be a syntax error..
/sigh. /facepalm

It's almost always a simple syntax error somewhere.

Just be thankful that you're not dealing with c and a missing ;. 2000 errors, what do you mean 2000 errors, my code is only 200 lines!

WrCombs

@dafyre said in HTML5 Radio Buttons/Labels-:

@WrCombs said in HTML5 Radio Buttons/Labels-:

@dafyre said in HTML5 Radio Buttons/Labels-:

@WrCombs said in HTML5 Radio Buttons/Labels-:

<label for="indoor">
<input id="indoor" type="radio" name="indoor-outdoor">indoor
<label>

Should that be </label> ?

Yes.
/Sigh.
Why that took so long to figure out IDK.
Maybe doing 12 Lessons in a day isn't a great Idea...

Maybe you should stop at 10, lol.

Potentially..
We'll see what happens.

WrCombs

@travisdh1 said in HTML5 Radio Buttons/Labels-:

@WrCombs said in HTML5 Radio Buttons/Labels-:

I was beating my head on the wall trying to figure this out yesterday..
for it to simply be a syntax error..
/sigh. /facepalm

It's almost always a simple syntax error somewhere.

Just be thankful that you're not dealing with c and a missing ;. 2000 errors, what do you mean 2000 errors, my code is only 200 lines!

Yeah, friend of mine does C# Same errors there.

dafyre

@travisdh1 said in HTML5 Radio Buttons/Labels-:

@WrCombs said in HTML5 Radio Buttons/Labels-:

I was beating my head on the wall trying to figure this out yesterday..
for it to simply be a syntax error..
/sigh. /facepalm

It's almost always a simple syntax error somewhere.

Just be thankful that you're not dealing with c and a missing ;. 2000 errors, what do you mean 2000 errors, my code is only 200 lines!

Sounds like C, PHP, and Turbo Pascal are all the same... When in doubt, put a ; at the end of the line, lol.

WrCombs

I have finished my first segment of HTML5 and now an turning to CSS

scottalanmiller

@WrCombs said in HTML5 / CSS /Coding adventures:

I've been learning HTML and HTML5 on free Code Camp

Just for some clarity, and I know I appear to be the semantics warrior this morning, but this stuff matters a lot especially when you are attempting to learn something new...

HTML and CSS are markup languages, not programming languages. They are design languages. Making an HTML document is the same as making a Word Document or a Latex document, for example.

Coding, in this context, refers to being a developer (aka programmer.) In the more general, non-technical world, coding does imply "adding codes to things, like a "medical coder" is nothing like programming.

So here you would not say that you are coding, developing, or programming. What you would say is that you are marking up or designing.

HTML, Latex, and CSS are languages used by designers. JavaScript, PHP, C# are languages used by developers.

WrCombs

@scottalanmiller said in HTML5 / CSS /Coding adventures:

@WrCombs said in HTML5 / CSS /Coding adventures:

I've been learning HTML and HTML5 on free Code Camp

Just for some clarity, and I know I appear to be the semantics warrior this morning, but this stuff matters a lot especially when you are attempting to learn something new...

HTML and CSS are markup languages, not programming languages. They are design languages. Making an HTML document is the same as making a Word Document or a Latex document, for example.

Coding, in this context, refers to being a developer (aka programmer.) In the more general, non-technical world, coding does imply "adding codes to things, like a "medical coder" is nothing like programming.

So here you would not say that you are coding, developing, or programming. What you would say is that you are marking up or designing.

HTML, Latex, and CSS are languages used by designers. JavaScript, PHP, C# are languages used by developers.

I believe that says " I've been learning HTML and HTML5 on free code camp"
www.freecodecamp.org
Title was updated.

scottalanmiller

@WrCombs said in HTML5 and CSS adventures:

I believe that says " I've been learning HTML and HTML5 on free code camp"

It was the "coding adventures" bit.

WrCombs

@scottalanmiller said in HTML5 and CSS adventures:

@WrCombs said in HTML5 and CSS adventures:

I believe that says " I've been learning HTML and HTML5 on free code camp"

It was the "coding adventures" bit.

I gotcha.
I corrected that after you're post.

scottalanmiller

@WrCombs said in HTML5 and CSS adventures:

@scottalanmiller said in HTML5 and CSS adventures:

@WrCombs said in HTML5 and CSS adventures:

I believe that says " I've been learning HTML and HTML5 on free code camp"

It was the "coding adventures" bit.

I gotcha.
I corrected that after you're post.

It's a great discussion to have because as you look at coding, it'll be really important to understand which things you like and don't like and know which parts are programming and which are not.