Black & White Series

References

Anatomy of an Element

Anatomy of an Element

–

Based on MDN Glossary

Attributes

  • Defined inside the opening tag:
<tag attr1="value1" attr2="value2">
  • Element
    • can have several attributes
    • with no repeated names
  • Example:
<p id="dino" class="story">
  The dinosaur jumped into the mud.
</p>

Hyperlink

  • Links this document to other Web resources
    • basis of hypertext and web notions
    • web of documents and resources linked

Web

Hyperlink Anatomy

Hyperlink Anatomy

Void Element

  • Does not delimit a content
  • Has no closing tag

Examples:

  • <img> - inserts an external image in the element place
  • <br> - skips to the next line

Image Anatomy

Image Anatomy

Absolute x Relative

<h1>Relative</h1>
<img src="images/dino.svg" alt="A terrible dinosaur">
<h1>Absolute</h1>
<h2><a href="https://xkcd.com/1452/">Jurassic World</a></h2>
<img src="https://imgs.xkcd.com/comics/jurassic_world.png" alt="A terrible dinosaur">

Absolute x Relative

Absolute x Relative

André Santanchè

www.ic.unicamp.br/~santanch/

Web2Learn

santanche.github.io/web2learn/