A picture is worth a thousand words


#1



Hello! My name is Abby. I'm having some problems with my coding on the 'A picture is worth 1000 words'. They keep telling me that i need at least one tag but there is one already. I asked my older sister who is also good at coding, but she's too lazy to help. Thsnk you to anyone that helps me.
here is the code:
(shamless napstablook photo haha)


<!DOCTYPE html>
<html>
<head>
<title>
<body>
<h1>
<img>
<img src=https://s-media-cache-ak0.pinimg.com/736x/f3/ab/94/f3ab944228cf4d2bee88d75beaf437c9.jpg />
</img>
<P>
</p>
</h1>
</body>
</title>
</head>
</html>


#2

@wolfpackka,

I think it is better, if one understands the concept.

It all start's with you,
using a Browser
in which you load a HTML-file,
which we will call the HTML-Document.

This document has a minimal build of


<!DOCTYPE html>
  <html>
     <head>
          <title> </title>
     </head>
     <body>
       <!-- here you insert your HTML-code like h1-tag img-tag -->
     </body>
  </html>

The Browser =load's= this document into Memory
in a pattern that is described as
the Document Object Model
in short the DOM.
( the interpretation of the DOM is Browser & Version specific )

            html
             |
       +-----+------+
       |            |
     head          body
       |
     title

In the description of your document in DOM-talk...
you will encounter terms like:
parent children sibling descendants ascendants...

The HTML-Element has no parent
but is a parent to 2 child-Element's
the 'head'-Element
and
the 'body'-Element.

The 'head'- and 'body'-Element,
both being children to the 'html'-Element
are siblings to each-other.

The 'head'-Element is parent to the 'title'-Element...
the 'title'-Element is a child of the 'head'-Element
the 'title'-Element is also a descendant of the 'html'-Element.

The DOM has several interface's
over which you can access the data**/**information
held by the DOM.

One of the interface's is the Element-interface
you can divide the interface into
properties ( consisting of a property-key and it's associated VALUE )
and
methods ( giving you the functionality to manipulate the Elements )
https://developer.mozilla.org/en-US/docs/Web/API/Element
https://developer.mozilla.org/en-US/Learn/HTML/HTML_tags
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p


#3

Thank you so much! (^▽^)


#4

If you also look carefully at your code, you close the image tag, then close it again...

<img scr=BLAH />
</img> /*this line is not necessary*/

#5

am paschal I think your image is standing as your which means it's your title in your title bar
again is that your image should have (") before your http and after jpg, then that should be http:// not https://
the body shouldn't be between the title. dear you made too much errors there.


#6

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.