Black & White Series
References
Hyperlinks and Images
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
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
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
André Santanchè
www.ic.unicamp.br/~santanch/
Web2Learn
santanche.github.io/web2learn/