Brilliant HTML and CSS

Cover......Page 1
Brilliant HTML & CSS......Page 2
Contents......Page 8
1 Introducing HyperText Markup Language (HTML)......Page 12
 Getting everything in order – text editors and Web browsers......Page 14
 Understanding elements, tags and attributes......Page 18
 Looking at the basic structure of an HTML page......Page 20
 Creating a basic document – document declaration, header,metadata and body......Page 23
 Creating HTML comments......Page 25
2 HTML text layout tags......Page 26
 Creating HTML paragraphs......Page 29
 Adding headings to your document......Page 31
 Creating ordered and un ordered lists......Page 33
 Creating a definition list......Page 37
 Formatting ordered and un ordered lists......Page 39
 Formatting quotations......Page 41
 Marking up other text elements......Page 44
 Inserting special characters......Page 48
3 Understanding hyperlinks......Page 52
 Understanding Uniform Resource Locators (URLs)......Page 54
 Using hyperlinks – absolute URLs......Page 56
 Using hyperlinks – relative URLs......Page 58
 Adding targets to hyperlinks......Page 61
 Creating anchors......Page 64
 Linking to an email address......Page 66
4 Adding images to your Web page......Page 70
 Exploring image optimisation......Page 72
 Adding images to a Web page......Page 73
 How to display a custom icon in a browser (a favicon)......Page 76
 Creating image links......Page 77
 Creating image links – thumbnails......Page 79
5 HTML tables......Page 84
 Creating table rows and data cells......Page 86
 Adding padding and spacing to table cells......Page 89
 Adding headings to tables......Page 92
 Adding a caption to a table......Page 94
 Adding frame attributes to tables......Page 96
 Specifying column spans and row spans......Page 99
 Specifying a table’s header, body and footer......Page 101
 Adding table dividing lines using rules......Page 103
6 HTML forms......Page 106
 Building a simple form......Page 108
 Adding a check box......Page 112
 Adding radio buttons......Page 115
 Adding file fields......Page 117
 Adding a text area......Page 119
 Adding select elements (lists and menus)......Page 121
 Adding a fieldset and legend......Page 125
7 Introducing Cascading Style Sheets (CSS)......Page 128
 Understanding ids and class names......Page 131
 Understanding the div element......Page 133
 Understanding the span element......Page 137
 Understanding CSS rules......Page 139
 Specifying CSS styles......Page 144
 Adding CSS comments......Page 148
8 Formatting fonts and text using CSS......Page 152
 Setting an element’s font-family......Page 155
 Setting an element’s font-style......Page 160
 Setting an element’s font-weight and size......Page 163
 Setting an element’s font using the font declaration......Page 166
 Decorating text and changing case......Page 168
 Aligning text......Page 170
 Formatting text using word- and letter-spacing......Page 172
9 Using CSS to assign colour......Page 174
 Understanding Web colours – choosing a palette......Page 176
 Specifying a colour four different ways......Page 179
 Setting background colour......Page 181
 Setting foreground colour......Page 186
10 Using CSS to format hyperlinks......Page 188
 Formatting hyperlinks – colour......Page 191
 Formatting hyperlinks – lines, borders, background colour......Page 193
 Formatting hyperlinks – image links......Page 195
11 Using CSS to asign padding, margins and borders......Page 198
 Setting element padding......Page 202
 Setting element margins......Page 205
 Setting element borders......Page 208
 Setting width and height (percentage)......Page 210
 Setting width and height (pixels)......Page 212
12 Positioning elements using CSS......Page 214
 Positioning elements using float and clear......Page 217
 Positioning elements using relative positioning......Page 222
 Positioning elements using absolute positioning......Page 225
 Positioning elements using fixed positioning......Page 233
13. Exploring different page layout strategies......Page 236
 Using a fixed-width layout – one column......Page 240
 Using a liquid layout – one column, centred......Page 242
 Using a liquid layout – two columns......Page 244
 Using a liquid layout – three columns......Page 247
 Using a combined layout – two columns liquid, one fixed......Page 249
 Creating a liquid layout using a table......Page 251
14 Site structure and navigation......Page 254
 Understanding a flat site structure......Page 258
 Looking at some websites’ navigation strategies......Page 261
 Creating a global top or bottom menu......Page 267
 Creating a left floating site menu......Page 270
 Creating a local navigation menu......Page 272
 Creating a breadcrumb trail......Page 273
15. Validating and publishing your website......Page 278
 Validating your HTML and CSS......Page 279
 Uploading your website to a service provider......Page 281
Jargon buster......Page 284
Appendix A: HTML tags used in this book......Page 286
Appendix B: CSS properties covered in this book......Page 289
Appendix C: CSS colour name,hexadecimal value and RGB value......Page 295
Troubleshooting guide......Page 300