The Undefined

What is HyperText Markup Language?

Some history

Divide et impera Divide et impera

Divide et impera Divide et impera

body { background-color:Gray; } div { border:2px yellow; } p { font-family:verdana; color:white; } Divide et impera body { background-color:Gray; } div { border:2px yellow; } p { font-family:verdana; color:white; } Divide et impera

Divide et impera Divide et impera body { background-color:Gray; } div { border:2px yellow; } p { font-family:verdana; color:white; } body { background-color:Gray; } div { border:2px yellow; } p { font-family:verdana; color:white; } styles.css index.html

Media TypeDescription allUsed for all media type devices auralUsed for speech and sound synthesizers brailleUsed for braille tactile feedback devices embossedUsed for paged braille printers handheldUsed for small or handheld devices printUsed for printers projectionUsed for projected presentations, like slides screenUsed for computer screens ttyUsed for media using a fixed-pitch character grid, like teletypes and terminals tvUsed for television-type devices CSS Media Types media=“screen and (max-device-width: 480px)" media=“screen and (orientation:portrait)"

HTML screen.csshandheld.css print.css

Wikipedia

Wikipedia – print view

Real world

Red

Colorblind

Use proper class names Main article Article summary Main article Article summary Main article Article summary Main article Article summary

Language

Semantic markup

Rich snippets Microformats RDFa (Resource Description Framework in attributes) Microdata

Microformats Кафе Ромашка г. Солнечный, просп. Романтиков, д. 21 Телефон: +7 (890) Мы работаем ежедневно с 11:00 до 24:00 Text HTML

Microformats Yandex Yandex Maps

Microdata

Screen

Real content (TODO)