HTML Elements

Images:

Image Full size (no alignment):

Sunrise, Phu Quoc, Island, Ocean, Water, Landscape, Sky
Sunrise, Phu Quoc, Island, Ocean, Water, Landscape, Sky

Image Aligned Left With Captions

Photography Camera
Photo Camera, Photography, Old, Retro, Film, Photo

Imagery is the name given to the elements in a poem that spark off the senses. Despite “image” being a synonym for “picture”, images need not be only visual; any of the five senses (sight, hearing, touch, taste, smell) can respond to what a poet writes. Examples of non-visual imagery can be found in Ken Smith’s ‘In Praise of Vodka’, where he describes the drink as having “the taste of air, of wind on fields, / the wind through the long wet forest”, and James Berry’s ‘Seashell’, which puts the “ocean sighs” right in a listener’s ear.

A poet could simply state, say, “I see a tree”, but it is possible to conjure up much more specific images using techniques such as simile (“a tree like a spiky rocket”), metaphor (“a green cloud riding a pole”) or synechdoche (“bare, black branches”) – each of these suggests a different kind of tree. Techniques, such as these, that can be used to create powerful images are called figurative language, and can also include onomatopoeia, metonymy and personification.

Image Aligned Center With Captions

One of the great pleasures of poetry is discovering a particularly powerful image; the Imagists of the early 20th century felt it was the most important aspect, so were devoted to finding strong images and presenting them in the clearest language possible. Of course, not every poem is an Imagist poem, but making images is something that nearly every poem in the Archive does.

Fruit, Vegetables, Market, Outdoor Market

An interesting contrast in imagery can be found by comparing Alison Croggon’s ‘The Elwood Organic Fruit and Vegetable Shop’ with Allen Ginsberg’s ‘A Supermarket in California’; although both poets seem to like the shops they write about, Ginsberg’s shop is full of hard, bright things, corralled into aisles, featuring neon, tins and freezers, while the organic shop is full of images of soft, natural things rubbing against one another in sunlight. Without it being said explicitly, the imagery makes it clear that the supermarket is big, boxy, and tidy, unlike the cosy Elwood’s. This is partly done with the visual images that are drawn, and in part with Croggon’s images that mix the senses (this is called synaesthesia), such as the strawberries with their “klaxons of sweetness” or the gardens with “well-groomed scents”, having the way the imagery is made correspond with what the imagery shows.

Fleur Adcock’s poem, ‘Leaving the Tate’, uses imagery of picture-making to build up the overlap between art and sight at the centre of the poem.

Image Aligned Right

Tate Museum Art Gallery London England

Coming out with your clutch of postcards
in a Tate gallery bag and another clutch
of images packed into your head you pause
on the steps to look across the river

and there’s a new one: light bright buildings,
a streak of brown water, and such a sky
you wonder who painted it – Constable? No:
too brilliant. Crome? No: too ecstatic –

a madly pure Pre-Raphaelite sky,
perhaps, sheer blue apart from the white plumes
rushing up it (today, that is,
April. Another day would be different

but it wouldn’t matter. All skies work.)
Cut to the lower right for a detail:
seagulls pecking on mud, below
two office blocks and a Georgian terrace.


Paragraphs:

Paragraph Ranged Left

Now swing to the left, and take in plane-trees
bobbled with seeds, and that brick building,
and a red bus…Cut it off just there,
by the lamp-post. Leave the scaffolding in.

Paragraph Ranged Right

That’s your next one. Curious how
these outdoor pictures didn’t exist
before you’d looked at the indoor pictures,
the ones on the walls. But here they are now,

Paragraph Centered

marching out of their panorama
and queuing up for the viewfinder
your eye’s become. You can isolate them
by holding your optic muscles still.

You can zoom in on figure studies
(that boy with the rucksack), or still lives,
abstracts, townscapes. No one made them.
The light painted them. You’re in charge

of the hanging committee. Put what space
you like around the ones you fix on,
and gloat. Art multiplies itself.
Art’s whatever you choose to frame.

 

Paragraph Justified

This poem is a commission. It was commissioned by the Tate Gallery in connection with a competition they were running – I was one of the judges – and the subject had to be either a particular painting or work of art in the Tate or the gallery itself in general. And they asked the judges to write a poem on the same theme together with those by the prize-winners and they were all to be included in an anthology. So I decided to write about something I had often felt about art galleries, that when you come out your vision is different, you see things differently from when you went in. I called it ‘Leaving the Tate’.


Text Styles:

Paragraph. Lorem Bold/Strong ipsum dolor sit amet, Italic has ne probo Strikethrough invenire definitionem? Te Underline sea molestie fabellas, Hyperlink ius ei saperet A Few Special Characters £  ‰  ∑  ∏  ²  ¾  ♥  impedit suscipiantur. Ut mei nisl molestiae, vix ea augue doctus. Usu at clita mentitum voluptua, blandit molestie phaedrum ius in.

Heading 1

Debet latine integre per ea! Ius rebum doctus denique ut, case mediocritatem an mel? Et malis munere accusamus eum. Adhuc dolore ridens at pro, vix ne fastidii facilisi splendide, ei eam probo molestie convenire? At pri purto mucius deterruisset, sea et modo hinc necessitatibus?

Heading 2

Ut mea tale tantas, fugit commodo nominati cu mea. Id vel simul congue, an admodum platonem principes est? Ut natum zril audiam sea? Vix intellegat delicatissimi eu.

Heading 3

Et incorrupte referrentur sed, et sit agam illum dolorum. Duo ad democritum scribentur, vocent aliquam iracundia vel ea. Ea est erant voluptatum. Dictas aliquam sed ut. Ne mel tempor labore consetetur, vel hinc quando ei.

Heading 4

An ferri putant apeirian qui, ut vix quot posse liber, sea cu pericula splendide! Vocent dolorum scaevola ne nec, ut copiosae platonem mei. Aperiri corrumpit has ei, nec eu discere antiopam partiendo? Sed ne gubergren mnesarchum necessitatibus, sit agam dicta molestiae et, mel offendit expetenda in.

Heading 5

Assum copiosae deterruisset qui an, cum nihil dicant quaerendum in, his quaeque recteque instructior eu? Euismod ornatus ea qui? Feugait detraxit cu sea, ea per nobis quaeque. Doctus deleniti laboramus ex nam! Vim eirmod inimicus moderatius an, aliquid suavitate qui eu.

Heading 6

Ridens doctus denique ut vix, eos dicit nobis at. Sonet populo usu ut, ad vim putent mnesarchum necessitatibus. Nec an harum decore, fugit ocurreret deterruisset eum an, usu porro dicit ei. Sed equidem constituam at, idque noster philosophia ut mea, et vim civibus maiestatis? Ea eam dolorem fuisset. Expetendis dissentiunt neglegentur eum ei, at sed quis aliquip cotidieque. Ad eum graece consetetur, pri ea prodesset temporibus.

Preformatted Line 1.
Line 2. Nec posse principes appellantur ne, sed cetero audire voluptatibus an, paulo nusquam eum an. Modo latine adolescens ex eam, latine blandit cum no, nam te modo dolor soleat. Soleat causae id eos. Nec essent mandamus id, cu apeirian mandamus eam. Blandit propriae ocurreret ius eu, debet quodsi est ad. Has quod expetenda cu.

Paragraph Link [Test!”._,’j/+=#]

Heading 1 Link [Test!”._,’j/+=#]

Heading 2 Link [Test!”._,’j/+=#]

Heading 3 Link [Test!”._,’j/+=#]

Heading 4 Link [Test!”._,’j/+=#]

Heading 5 Link [Test!”._,’j/+=#]
Heading 6 Link [Test!”._,’j/+=#]

Preformatted Link [Test!”._,’j/+=#]


Other Text, Indents and List Types:

No Indent. Lorem ipsum dolor sit amet, has ne probo invenire definitionem? Te sea molestie fabellas, ius ei saperet impedit suscipiantur. Ut mei nisl molestiae, vix ea augue doctus. Usu at clita mentitum voluptua, blandit molestie phaedrum ius in.

One Indent. Debet latine integre per ea! Ius rebum doctus denique ut, case mediocritatem an mel? Et malis munere accusamus eum. Adhuc dolore ridens at pro, vix ne fastidii facilisi splendide, ei eam probo molestie convenire? At pri purto mucius deterruisset, sea et modo hinc necessitatibus?

Two Indents. Ut mea tale tantas, fugit commodo nominati cu mea. Id vel simul congue, an admodum platonem principes est? Ut natum zril audiam sea? Vix intellegat delicatissimi eu.

Three Indents. Et incorrupte referrentur sed, et sit agam illum dolorum. Duo ad democritum scribentur, vocent aliquam iracundia vel ea. Ea est erant voluptatum. Dictas aliquam sed ut. Ne mel tempor labore consetetur, vel hinc quando ei.

Bulleted List

  • List Item 1
  • List Item 2
  • List Item 3
    • Item 3 One Indent. Lorem ipsum dolor sit amet, vis ei eros augue integre. Meis definitiones te eum, atqui verear inimicus pro ne. Ne sea agam gloriatur instructior? Ius nibh tibique convenire eu, est idque accusamus et?
      • Item 3 Two Indents. Pri voluptua incorrupte ad, at per graece repudiare conceptam! Eu mei errem integre imperdiet! Ex paulo quando usu, atqui oratio liberavisse no vis! Alii iusto expetendis ne nam. Vero graeco singulis qui ei.
        • Item 3 Three Indents. Ea nulla congue cum, tamquam voluptaria nam ut? Ceteros vivendo mediocritatem nec ex, nec no habeo percipit, duo vide cibo nulla et! His no duis errem, per no quod voluptua? An putent bonorum mei. Fastidii evertitur no mel, unum facete neglegentur no quo. Te falli exerci vix!

Numbered List

  1. List Item 1
  2. List Item 2
  3. List Item 3
    1. Item 3 One Indent. No est elit eligendi elaboraret, his cu liber everti disputando. An quem tritani admodum cum, cu veritus civibus contentiones per. Has ne erat iisque? Id sea probo vivendo, usu electram euripidis sententiae cu? Pro ad timeam prompta apeirian, his no ubique euismod adipiscing?
      1. Item 3 Two Indents. Cum te essent suscipit! Nam nostro consequat id. Sed no persius apeirian explicari! Ei eos possit quodsi aliquam? Tota erat audiam vis ut, eam lobortis constituto ullamcorper at.
        1. Item 3 Three Indents. Odio wisi numquam no eos, vis ut accumsan appareat expetenda! Eam apeirian delicata omittantur ne, nec agam malis in. Omnis eruditi vis ad, id sed vide bonorum, at est abhorreant honestatis. Veniam admodum minimum vix ex, in disputando complectitur eos. Summo copiosae ad eos.

Form Elements:

Text Field


Text Area


Select


Radio Buttons


Radio 1
Radio 2
Radio 3

Checkboxes


Radio 1
Radio 2
Radio 3

Password


File Input


Button And Submit


Gallery

2 Replies to “HTML Elements”

Comments are closed.