Achieving HTML Literacy: Difference between revisions
Jump to navigation
Jump to search
m updating link |
m fixing video embed |
||
(2 intermediate revisions by the same user not shown) | |||
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]'' | ''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]'' | ||
{{#widget:YouTube|id=na1hnxXHxBQ}} | 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! | ||
{{#widget:YouTube|id=na1hnxXHxBQ|height=360|width=640}} | |||
'''Handouts''' (helpful documents suitable for printing) | '''Handouts''' (helpful documents suitable for printing) | ||
Line 17: | Line 19: | ||
* [https://cat.xula.edu/tutorials/html/coffee5.html Sample Webpage About Coffee (HTML 5)] | * [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/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]] | ||
[[Category: CAT+FD 2020-2021]] | [[Category: CAT+FD 2020-2021]] |
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)
- Sample Webpage About Coffee (HTML 4)
- Sample Webpage About Coffee (HTML 5)
- Introduction to HTML slidedeck gizmo — you'll need to use your arrow keys to navigate through the presentation
- The Great Divorce Between Style and Content slidedeck gizmo — you'll need to use your arrow keys to navigate