Sitater og snakkebobler.

Eit sitat er når vi skriv ("hermer") det ein annan har sagt. Ofte skriv vi sitater bare med hermetegn pluss evt. kursiv skrift. Men HTML har faktisk to spesielle tagger for sitater. Hvis du bruker inline (dvs, sitater inne i teksten din) så kan du bruka taggen q. Men hvis det er eit lenger sitatet, eller du vil at det skal stå i ein egen boks på sida, kan du bruka blockquote.

1 Styling av inline sitat

Eksempel på bruken er: Ikkje gå framfor meg, for kanskje følgjer eg deg ikkje. Ikkje gå bak meg, for kanskje viser eg ikkje vei. Gå ved sidan av meg og bare ver min ven, sa Albert Camus. Det enklaste du kan gjera er å spesifisera kva hermetegn du vil ha. Men du sjølsagt også styla dei på same måten som du ville styla eit span-element: There is no road towards peace; peace is the road.  , sa Gandhi. Og så kan ein jo spørja seg om det ikkje er like greit å bruka span-taggen? Vel, i praksis blir det nok ein smakssak, men formelt er det nok riktigare å bruka q. (Men merk at du ikkje skal bruka cite-taggen, for den er tiltenkt feks. å skriva tittelen på ei bok).

2 Styling av blockquote.

Blockquote er altså tiltenkt lengre sitater, men vi kan "misbruka" det til å laga boksar som ligg utanom teksten. Og her melder det seg tilsvarande spørsmål som for q-taggen: Korfor ikkje bare bruka div? Og svaret er også det same: Det kan du! Men det er stylingen her som er det viktige. Eg viser to eksempel under samen med litt tulletekst for å visa korleis det ser ut. Dei er litt omfattande, så du må enten sjekka kildekoden til dette dokumentet pluss tilhøyrande css-fil, eller sjekka lenkene.

Første eksempel ei snakkeboble henta frå Pure CSS speech bubbles + Demo.

Thunder, thunder, thundercats, Ho! Thundercats are on the move, Thundercats are loose. Feel the magic, hear the roar, Thundercats are loose. Thunder, thunder, thunder, Thundercats! Thunder, thunder, thunder, Thundercats! Thunder, thunder, thunder, Thundercats! Thunder, thunder, thunder, Thundercats! Thundercats! Hey there where ya goin', not exactly knowin', not exactly knowin', who says you have to call just one place home. He's goin' everywhere, B.J. McKay and his best friend Bear.

Dette er ein blockquote som er styla som ei snakkeboble

Thunder, thunder, thundercats, Ho! Thundercats are on the move, Thundercats are loose. Feel the magic, hear the roar, Thundercats are loose. Thunder, thunder, thunder, Thundercats! Thunder, thunder, thunder, Thundercats! Thunder, thunder, thunder, Thundercats! Thunder, thunder, thunder, Thundercats! Thundercats! Hey there where ya goin', not exactly knowin', who says you have to call just one place home. He's goin' everywhere, B.J. McKay and his best friend Bear. He just keeps on movin', ladies keep improvin', every day is better than the last. New dreams and better scenes, and best of all I don't pay property tax. Rollin' down to Dallas, who's providin' my palace, off to New Orleans or who knows where. Places new and ladies, too, I'm B.J. McKay and this is

Det andre eksempelet er henta frå 12 - CSS3 Blockquote Effects Demo:

my best friend Bear. There's a voice that keeps on calling me. Down the road, that's where I'll always be. Every stop I make, I make a new friend. Can't stay for long, just turn around and I'm gone again. Maybe tomorrow, I'll want to settle down, Until tomorrow, I'll just keep moving on.

Morbi placerat imperdiet risus quis blandit. Ut lobortis elit luctus, feugiat erat vitae, interdum diam. Nam sit amet arcu vitae justo lacinia ultricies nec eget tellus. Curabitur id sapien massa. In hac habitasse platea dictumst. Integer tristique leo consectetur libero pretium pretium. Nunc sed mauris magna. Praesent varius purus id turpis iaculis iaculis. Nulla convallis magna nunc, id rhoncus massa ornare in. Donec et feugiat sem, ac rhoncus mauris. Quisque eget tempor massa.

There's a voice that keeps on calling me. Down the road, that's where I'll always be. Every stop I make, I make a new friend. Can't stay for long, just turn around and I'm gone again. Maybe tomorrow, I'll want to settle down, Until tomorrow, I'll just keep moving on.