Web Cartography
HTML
Learn the basics of HTML.
Goals
Hypertext Markup Language
W3C Standard (rules to adhere to)
HTML 5 is the current version
Consists of elements
HTML
I’m a paragraph.
And I have an attribute.
We can be nested.
HTML elements
HTML anatomy
Container for page info that’s not visible to users
Title, encoding, keywords, description
Page title
HTML
Container for page info that’s visible to users
Text, videos, images, links, ...
I’m a heading.
Followed by a paragraph.
HTML
Do not use diacritics,spaces or capital.
letters in filenames and file paths.
Use English.
Indent your code.
Use syntax highlighting.
Have a look at Emmet (https://emmet.io).
Learn to reference file paths.
Tips
I’m a second level heading
Lorem ipsum dolor sit
amet.
I’m a
link.
HTML texts
- I’m an unordered list item.
- I’m the next one!
-
HTML lists
- I’m an ordered list item.
- I’m the next one!
-
- I’m nested!
I’m a table caption
I’m a cell on the first row. |
Me too. |
I’m a cell on the next row. |
HTML tables
HTML images
HTML structure
https://validator.w3.org
HTML validation
Choose whatever GIS/spatial/cartographic
topic you want.
Create a valid HTML web page.
Due: next week (won’t be scored yet though)
Tasks
HTML Basics at http://jakpsatweb.cz
Docs at https://developer.mozilla.org/en-US/docs/Web/HTML
Interactive tuts at https://www.codecademy.com/tracks/web
Docs at http://devdocs.io/
Tips
anytime, anywhere, anyhow
zimmicz@gmail.com
357484@mail.muni.cz
@zimmicz
Feel free to ask