23.02.2018 Views

duckett

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

J<br />

JavaScript 208, 212, 218<br />

JPEG 109, 109–112<br />

justify 285<br />

K<br />

kerning 284<br />

keywords 191, 479–482<br />

L<br />

labelling form controls 163<br />

landing pages 485<br />

lang attribute 25<br />

layer order 369<br />

layout 358–405<br />

960 pixel grid 387–390, 391<br />

absolute positioning 363<br />

box offsets 364<br />

centering boxes 315<br />

columns 371–376, 387–390<br />

design 452–473<br />

431, 440<br />

fixed positioning 364<br />

fixed width layouts 381,<br />

383–384<br />

float 364<br />

grids 387–397<br />

helping older browsers<br />

understand HTML5 442<br />

liquid layouts 382, 385–386<br />

normal flow 363, 365<br />

positioning schemes<br />

absolute positioning 367<br />

fixed positioning 368<br />

floats<br />

clearing floats 372<br />

normal flow 365<br />

relative positioning 366<br />

position property 365<br />

sidebars 436<br />

page sizes 379–380<br />

z-index property 364<br />

leading 283<br />

left property 366–371<br />

less than symbol 194<br />

letter-spacing property 284<br />

lightness 255<br />

like buttons 490<br />

line breaks 48<br />

line-height property 283<br />

line items (lists) 65, 66<br />

links 75<br />

77, 79<br />

href attribute 77<br />

:active 291<br />

:focus 291<br />

:hover 291<br />

:link 290<br />

:visited 290<br />

add / remove underline 282<br />

link opens in new window 86<br />

link to a part of a page 87<br />

link to an email address 85<br />

link to other sites 79<br />

link to the same site 80<br />

link to top of page 87<br />

link text 78, 479, 480<br />

# symbol 87, 88<br />

liquid layout 382, 385–386<br />

min and max width 304<br />

lists<br />

definition lists 67<br />

nested lists 68<br />

ordered lists 65<br />

unordered lists 66<br />

65<br />

66<br />

65<br />

67<br />

67<br />

67<br />

bullet or number styles 333-<br />

336<br />

gaps between list items 334<br />

displaying items side by side<br />

317<br />

using images for bullet points<br />

334<br />

list-style-image property 334<br />

list-style property 336<br />

list-style-type property 333<br />

loop attribute 214, 219<br />

lowercase 281<br />

M<br />

mailto: 85<br />

margin:auto 315<br />

margin property 314<br />

margin-top property 314<br />

margin-right property 314<br />

margin-bottom property 314<br />

margin-left property 314<br />

markers in lists 333<br />

markup (definition) 41<br />

mathematical symbols 194<br />

max-height property 305<br />

max-length attribute 152, 153<br />

max-width property 304<br />

meta descriptions 480<br />

meta information 191–192<br />

method attribute 151<br />

min-height property 305<br />

min-width property 304<br />

mobile devices 377<br />

monospace typefaces 267–270<br />

multiple attribute 158<br />

multiple browsers (testing) 242<br />

multiple columns 375–376<br />

multiple languages 25<br />

multiple style sheets 395<br />

music 217–220<br />

mp3 player 218<br />

N<br />

name attribute 152, 153, 155,<br />

156, 157, 160, 191<br />

names for attributes 25, 26<br />

navigation<br />

77, 79<br />

(HTML5 block-level links)<br />

441<br />

designing navigation 471–472<br />

432, 434<br />

using lists for navigation 317<br />

nested elements 362<br />

nested lists 68<br />

new window 86<br />

nofollow (stop search engines<br />

indexing) 191<br />

normal flow 363, 365<br />

INDEX

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!