Agenda
- Hypermedia
- What is hypermedia
- HTML
- CSS
- Quick recap of Atom
Hypermedia
- Hyperlinks
- Memex (Vannevar Bush 1945)
- World Wide Web
HTML
- Structure content
- Important tags for multimedia:
<h1>Header</h1>
<p>Paragraph of text</p>
<img src="path/filename.png" />
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<audio controls>
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
CSS
- Styling the content
- Example of the power of css.
- Quick demo of css in Atom