Html

Front 1

Name the two parts to an HTML file

Back 1

Head (title etc)

Body (content that will be visible on the page)

Front 2

link syntax

Back 2

text

Front 3

image syntax

Back 3

<img src="URL"

Front 4

Linkable image

Linkable div

Front 5

What should you use when you want to present information neatly and in rows

Back 5

a table

There are many tags associated with tables, but it all starts with the tag, so let's add that first.

A table is just a bunch of information arranged in rows and columns.

You don't really create columns in s: instead, you tell each row how many cells to have, and that determines your number of columns.

Adding a second table data cell has the effect of adding a second table column.

Tables are far from clean code and don’t bring anything semantic to the content unless you’re dealing with actual tabular data.

Front 6

Table syntax

Back 6

table: <table

table head: <thead

table head data: <th

table head column span: <th colspan="2"

table body: <tbody

table row: <tr

table data: <td

Create a title for the table that spans across x-number of columns: <colspan

table header info

Front 7

Div

Back 7

Division. To divide the page into containers

The div tag is a block-level element that defines a section within a document. Divs are thus suitable for building the structure of Web pages.

The biggest problem with div tags is that they are used too often. Divs should only be used to build structure and as placeholders for design elements when no other block-level elements can describe the content.

Before creating a div, the developer should consider, “Do I really need this, or can I do this with a block-level element?” Liberal use of h1 to h5 for headings and ul and dlfor lists helps a lot, and don’t forget the paragraph tag. Another element that doesn’t need div wrapping is form.

Front 8

Span

Back 8

wrap a particular word to change its styling

This text is black, except for the word red!