eg-146:lecture14
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionLast revisionBoth sides next revision | ||
eg-146:lecture14 [2012/03/13 13:31] – [Summary] eechris | eg-146:lecture14 [2012/03/13 14:21] – [Example] eechris | ||
---|---|---|---|
Line 169: | Line 169: | ||
* [[http:// | * [[http:// | ||
+ | |||
+ | ===== Example ===== | ||
+ | |||
+ | Markup a blog post and make a note of the tags you use. | ||
+ | |||
+ | < | ||
+ | The Ballad of John and Yoko | ||
+ | John Lennon' | ||
+ | Post title: A day in the life -> link: http:// | ||
+ | [image: source -> http:// | ||
+ | Text: I read the news today | ||
+ | Oh, boy! 4,000 holes in Blackburn Lancashire | ||
+ | And though the holes were rather small, they had to count them all. | ||
+ | |||
+ | Now they know how many holes it takes to fill the Albert Hall! | ||
+ | |||
+ | Byline: Posted by: John, January 17th. 1967. | ||
+ | </ | ||
===== Summary ===== | ===== Summary ===== | ||
Line 175: | Line 193: | ||
* [[#Images]] | * [[#Images]] | ||
* [[#Links]] | * [[#Links]] | ||
- | * [[Example]] | + | * [[#Example]] |
- | ===== Homework ====== | + | |
+ | ===== Homework ====== | ||
+ | |||
+ | * Create an HTML5 document to render the Blog entry shown earlier. | ||
+ | * Mark up the content of the blog page like this: | ||
+ | <code html> | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | <article id= " | ||
+ | < | ||
+ | <div class=" | ||
+ | < | ||
+ | <p> ... </p> | ||
+ | <footer class=" | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | </ | ||
+ | < | ||
+ | < | ||
+ | <nav role=" | ||
+ | <!-- Put links to previous posts here --> | ||
+ | </ | ||
+ | </ | ||
+ | < | ||
+ | Copyright notice etc | ||
+ | </ | ||
+ | </ | ||
+ | | ||
+ | * Add some extra entries and link them to a table of contents. | ||
+ | Experiment highlighting parts of the document using styles. | ||
===== Coming Next ===== | ===== Coming Next ===== | ||
eg-146/lecture14.txt · Last modified: 2012/03/13 21:27 by eechris