• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Tag must be paired// what do I do??

New Here ,
Mar 09, 2018 Mar 09, 2018

Copy link to clipboard

Copied

I'm struggling to figure out how to edit this html template I received

I'm stuck with these errors

Screen Shot 2018-03-10 at 9.40.23 am.png

the first one

417<p>Now scratch off and record the amazing places you have visited around the world using the classy and stylish world traveler scratch map.</p>

418  <p>This is a must-have for those who love to jet-set around the globe, and wish to fondly take a glimpse at past memories. </p>

419  <p>With a slick black background and scratch-off copper foil revealing many colour fur countries and islands, this is truly personalised for you.</p>

420                                      <span property="description">

421   <p>-<p/>

422  <p>A perfect gift for a friend who is a constant traveler and adventure junkie.</p>

423  <p>You can place this on you wall and remember the majestic and wonderful places you’ve been to.</p>

424  <p>Just scratch the surface and the names of the countries and islands will reveal</p>

427<p>

428  <strong>Colour:</strong> Black with a copper foil<br />

429  <strong>Size:</strong> 82x59cm<br />

430  <strong>Material:</strong> Kraft paper</p>

431                                      </span>

the second one

357 </section>

358   <section class="content">

359   <div class="wrapper">

478 </section>

the third one

479 <footer>

482 </body>

Views

5.2K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Mar 12, 2018 Mar 12, 2018

You are missing 3 end tags...

</p>

</div>

and

</footer>

Notice the placement of the / in each. Most tags in html need a start <tag> and end </tag> in order to be "complete". Those errors are showing you that you have not closed several tags that require a / end tag.

Votes

Translate

Translate
Community Expert ,
Mar 09, 2018 Mar 09, 2018

Copy link to clipboard

Copied

It's incorrect markup to use a block element within an inline one. It may still render if the browser and Doctype are lenient, but it's not valid. If you want block elements to behave like inline elements, set the display property to inline-block .

Having said that, have a look at your code as per

420                                      <span property="description">

421  <p>-<p/>

422  <p>A perfect gift for a friend who is a constant traveler and adventure junkie.</p>

423  <p>You can place this on you wall and remember the majestic and wonderful places you’ve been to.</p>

424  <p>Just scratch the surface and the names of the countries and islands will reveal</p>

427<p>

428  <strong>Colour:</strong> Black with a copper foil<br />

429  <strong>Size:</strong> 82x59cm<br />

430  <strong>Material:</strong> Kraft paper</p>

431                                     </span>

'span' is an inline element and 'p' is a block element.

Google the subject or see <span> - HTML | MDN

Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 09, 2018 Mar 09, 2018

Copy link to clipboard

Copied

Forgot to add that the anchor ('a') element deviates from the above rule in that block elements are allowed within an anchor element.

Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 09, 2018 Mar 09, 2018

Copy link to clipboard

Copied

I looked a bit further and found

421   <p>-<p/>
Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 12, 2018 Mar 12, 2018

Copy link to clipboard

Copied

LATEST

You are missing 3 end tags...

</p>

</div>

and

</footer>

Notice the placement of the / in each. Most tags in html need a start <tag> and end </tag> in order to be "complete". Those errors are showing you that you have not closed several tags that require a / end tag.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines