Achieving HTML Literacy: Difference between revisions

Latest revision as of 07:40, 6 May 2024

Originally presented at CAT+FD on Nov. 5, 2020 by Bart Everson

HTML stands for HyperText Markup Language. It's the mysterious code that web pages are made of. Only it doesn't have to be so mysterious anymore!

Handouts (helpful documents suitable for printing)

File:Container Model.pdf (basic HTML syntax)
File:Anatomy of a Web Page.pdf (two-sided pamphlet illustrating global structure of web page, block and inline elements)

External resources

Further materials (of questionable utility)

@@ Line 1: / Line 1: @@
 ''Originally presented at [http://cat.xula.edu/ CAT+FD] on [http://cat.xula.edu/events/?id=02037 Nov. 5, 2020] by [http://barteverson.com/ Bart Everson]''
-Check back: video will be posted soon.
+HTML stands for HyperText Markup Language. It's the mysterious code that web pages are made of. Only it doesn't have to be so mysterious anymore!
-'''Resources'''
+{{#widget:YouTube|id=na1hnxXHxBQ|height=360|width=640}}
+'''Handouts''' (helpful documents suitable for printing)
+* [[File:Container Model.pdf]] (basic HTML syntax)
+* [[File:Anatomy of a Web Page.pdf]] (two-sided pamphlet illustrating global structure of web page, block and inline elements)
+'''External resources'''
 * [https://www.w3schools.com/tags/default.asp HTML tag reference from w3schools.com]
+'''Further materials''' (of questionable utility)
+* [https://cat.xula.edu/tutorials/html/coffee.html Sample Webpage About Coffee (HTML 4)]
+* [https://cat.xula.edu/tutorials/html/coffee5.html Sample Webpage About Coffee (HTML 5)]
+* [https://cat.xula.edu/tutorials/html/5 Introduction to HTML slidedeck gizmo] — you'll need to use your arrow keys to navigate through the presentation
+* [https://cat.xula.edu/tutorials/style/divorce.html The Great Divorce Between Style and Content slidedeck gizmo] — you'll need to use your arrow keys to navigate
 [[Category: CAT+FD]]
 [[Category: CAT+FD 2020-2021]]