Here is a simple table that gives the name and location of each HTML file included in the collection of example files for HTML 4 for the World Wide Web: Visual QuickStart Guide, Fourth Edition.
I have only included the chapters and sections that have actual examples in HTML, with their corresponding files.
If you have any questions, suggestions, or corrections, please contact me.
The files from this chapter are in the blocks folder.
| Page | Section | HTML |
|---|---|---|
| 24 | Spacing | space.html |
| 24 | Spacing | nospace.html |
The files from this chapter are in the starting folder.
| Page | Section | HTML |
|---|---|---|
| 35 | Starting your Web page (note) | html.html |
| 36 | Creating the Foundation (note) | headbody.html |
| 37 | Creating a Title (note) | title.html |
| 38 | Organizing the Page | header.html |
| 39 | Starting a New Paragraph | |
| 41 | Saving Your Web Page |
The files from this chapter are in the textformat folder.
| Page | Section | HTML |
|---|---|---|
| 45 | Changing the Font | fonts.html |
| 46 | Making Text Bold or Italic | bolditalic.html |
| 47 | Choosing a Default Size for Body Text | basefont.html |
| 48 | Changing the Text Size | fontsize.html |
| 49 | Changing the Text Size | bigsmall.html |
| 50 | Choosing a Default Color for Text | textcolor.html |
|
51 |
Changing the Text Color | |
| 52 | Creating Superscripts and Subscripts | subsup.html |
| 53 | Striking Out or Underlining Text | linesintext.html |
| 54 | Using a Monospaced Font | monofont.html |
| 55 | Making Text Blink | blink.html |
| 56 | Hiding Text (Adding Comments) | comment.html |
The files in this section are in the create_images folder.
| Page | Section | HTML |
|---|---|---|
| 58 | Dithering vs. Safe Colors | dithersafe.html |
| 61 | Getting Images | Altavista |
| 61 | Getting Images | Lycos |
| 63 | Making Images Smaller | smaller.html |
| 67 | Using (Mostly) Browser Safe Colors | |
| 73 | Interlacing GIF Images | interlace.html |
| 74 | Creating Animated GIFs | animatedburmashave.html |
| 75 | Creating Animated GIFs | animated.html |
The files in this section are in the use_images folder.
| Page | Section | HTML |
|---|---|---|
| 82 | Inserting Images on a Page | inlineimage.html |
| 83 | Offering Alternate Text | alttext.html |
| 84 | Specifying Size for Speedier Viewing | size.html |
| 86 | Linking Icons to External Images | linkicon.html |
| 87 | Using Low Resolution Images | lowres.html |
| 88 | Wrapping Text around Images | wraptext.html |
| 88 | Wrapping Text around Images | wraptextleft.html |
| 89 | Wrapping Text around Images | wrap2.html |
| 90 | Stopping Text Wrap | breakclearleft.html |
| 90 | Stopping Text Wrap | breakclearall.html |
| 91 | Adding Space around an Image | spaceimage.html |
| 91 | Adding Space around an Image | spaceimageadded.html |
| 92 | Scaling an Image | scale.html |
| 92 | Scaling an Image | scalefat.html |
| 93 | Aligning Images | align.html |
| 94 | Using a Banner | banner.html |
| 95 | Adding Horizontal Rules | rule.html |
The files in this section are in the layout folder.
| Page | Section | HTML |
|---|---|---|
| 98 | Using Background Color | coloredback.html |
| 99 | Using Background Images | backgrwtable.html |
| 100 | Using more than one operator at a time | center.html |
| 101 | Specifying the Margins | margin.html |
| 101 | Specifying the Margins | marginie.html |
| 101 | Specifying the Margins | marginnet.html |
| 102 | Creating a Line Break | br.html |
| 103 | Keeping Lines Together | nobr.html |
| 104 | Creating Discretionary Line Breaks | wbr.html |
| 105 | Specifying the Space between Paragraphs | verticalspace.html |
| 106 | Creating Indents | spacer.html |
| 107 | Creating Indents (with Lists) | listindent.html |
| 108 | Creating Blocks of Space | block.html |
| 109 | Using Pixel Shims | pixelshim.html |
| 110 | Using Block Quotes | blockquote.html |
| 111 | Quoting Short Passages of Text | q.html |
| 112 | Creating Columns | columns.html |
| 113 | Using Preformatted Text | preformatted.html |
| 113 | Using Preformatted Text | preformatted2.html |
| 114 | Positioning Elements with Layers | layer.html |
| 115 | Positioning Elements with Layers | nolayer.html |
The files in this section are in the links folder.
| Page | Section | HTML |
|---|---|---|
| 118 | Creating a Link to Another Web Page | simplelink.html |
| 119 | Creating a Link to Another Web Page | abslink.html |
| 120 | Creating Anchors | anchor.html |
| 122 | Targeting Links to Specific Windows | target.html |
| 123 | Setting the Default Target | targetbase.html |
| 124 | Creating Other Kinds of Links | links_other.html |
| 126 | Creating Keyboard Shortcuts for Links | keyboard.html |
| 127 | Setting the Tab Order for Links | taborder.html |
| 128 | Using Images to Label Links | buttonlink.html |
| 130 | Creating a Client-Side Image Map | map.html |
| 133 | Changing the Color of Links | coloredlinks.html |
The files in this section are in the lists folder.
| Page | Section | HTML |
|---|---|---|
| 136 | Creating Ordered Lists | orderedlists.html |
| 137 | Creating Ordered Lists | orderedtype.html |
| 138 | Creating Unordered Lists | unorderedlists.html |
| 139 | Creating Unordered Lists | unordered2.html |
| 140 | Creating Definition Lists | definitionlists.html |
| 141 | Creating Nested Lists | nestedlists.html |
The files in this section are in the tables folder. (Note.)
| Page | Section | HTML |
|---|---|---|
| 145 | Creating a Simple Table | simple.html |
| 146 | Adding a Border | bigborder.html |
| 147 | Changing the Border Color | bordercolor.html |
| 148 | Setting the Width | width.html |
| 148 | Setting the Width | widthborder.html |
| 149 | Centering a Table on the Page | aligntable.html |
| 150 | Wrapping Text around a Table | wraptext.html |
| 151 | Adding Space around a Table | hspacevspace.html |
| 152 | Spanning a Cell across Columns | colspan.html |
| 153 | Spanning a Cell across Rows | rowspan.html |
| 154 | Aligning a Cell's Contents | aligncells.html |
| 155 | Controlling Space in and around Cells | spacepad.html |
| 156 | Nesting One Table in Another | outertable.html |
| 157 | Nesting One Table in Another | nest.html |
| 158 | Changing a Cell's Color | bgcolor.html |
| 159 | Using a Background Image | bgimage.html |
| 160 | Dividing Your Table into Column Groups | colgroup.html |
| 161 | Dividing Your Table into Column Groups | col.html |
| 162 | Dividing the Table into Horizontal Sections | tbody.html |
| 162 | Dividing the Table into Horizontal Sections | tbodyno.html |
| 163 | Choosing Which Borders to Display | frame.htm |
| 164 | Choosing Which Borders to Display | rules.htm |
| 164 | Choosing Which Borders to Display | rules2.htm |
| 164 | Choosing Which Borders to Display | rules3.htm |
| 165 | Controlling Line Breaks in a Cell (note) | nobreak.htm |
| 165 | Controlling Line Breaks in a Cell (note) | nobreaka.htm |
The files in this section are in the frames folder.
| Page | Section | HTML |
|---|---|---|
| 168 | Creating a Simple Frameset | bcntour.html |
| 168 | Creating a Simple Frameset (top) | banner.html |
| 168 | Creating a Simple Frameset (middle) | openingpage.html |
| 168 | Creating a Simple Frameset (bottom) | buttons.html |
| 170 | Creating Frames in Columns | bcntourcols.html |
| 170 | Creating Frames in Columns (top) | bannercols.html |
| 170 | Creating Frames in Columns (middle) | openingpagecols.html |
| 170 | Creating Frames in Columns (bottom) | buttonscols.html |
| 171 | Creating Frames in Rows and Columns (Extra
explanation) |
photosrc.html |
| 172 | Combining Framesets | bcntourrc.html |
| 174 | Creating an Inline Frame | bcntourfloat.html |
| 175 | Adjusting a Frame's Margins (before) | bcntourrc.html |
| 175 | Adjusting a Frame's Margins (after) | margin.html |
| 176 | Showing or Hiding Scroll Bars | noscrolls.html |
| 177 | Adjusting the Color of the Borders | coloredb.html |
| 178 | Adjusting the Frame Borders (Fig. 10.24) | borderthickness.html |
| 178 | Adjusting the Frame Borders (Fig. 10.25) | borderth1.html |
| 179 | Adjusting the Frame Borders (Fig. 10.27) | noframeborder.html |
| 179 | Adjusting the Frame Borders (Fig. 10.28) | noborders.html |
| 180 | Keeping Visitors from Resizing Frames | noresize.html |
| 181 | Targeting Links to Particular Frames | bcntourrc.html |
| 182 | Targeting Links to Special Spots (important
note) |
bcntourrcrambles.html |
| 183 | Changing the Default Target | bcntourrctarget.html |
| 184 | Nesting Framesets | nest.html |
| 185 | Creating Alternatives to Frames | noframes.html |
The files in this section are in the forms folder. Please read this note.
| Page | Section | HTML |
|---|---|---|
| 193 | Creating a Form | form.html |
| 194 | Sending Form Data via E-mail | orderbed.html |
| 196 | Creating Text Boxes | form.html |
| 197 | Creating Password Boxes | form.html |
| 198 | Creating Larger Text Areas | form.html |
| 199 | Creating Radio Buttons | form.html |
| 200 | Creating Check Boxes | form.html |
| 201 | Creating Menus | form.html |
| 203 | Allowing Visitors to Upload Files | fileupload.html |
| 206 | Creating the Submit Button | form.html |
| 207 | Creating the Submit Button | imagesubmit.html |
| 208 | Resetting the Form | form.html |
| 209 | Resetting the Form | imagereset.html |
| 210 | Using an Image to Submit Data | zonemap.html |
| 211 | Organizing the Form Elements | fieldset.html |
| 212 | Formally Labelling Form Parts | label.html |
| 213 | Setting the Tab Order | taborder.html |
| 214 | Adding Keyboard Shortcuts | keyboard.html |
| 215 | Disabling Form Elements | disabled.html |
| 216 | Keeping Elements from Being Changed | readonly.html |
The files in this section are in the multimedia folder.
| Page | Section | HTML |
|---|---|---|
| 219 | Non-supported images | opentiff.html |
| 222 | Embedding Sound in a Page | pronounce.html |
| 223 | Embedding Sound in a Page | embedsound2.html |
| 224 | Adding a Link to a Sound | sound.html |
| 225 | Adding a Background Sound for Explorer | bgsound.html |
| 229 | Linking to a RealMedia Sound | linkrealaudio.html |
| 230 | Embedding RealMedia Files in Your Page | embedrealaudio.html |
| 231 | Embedding RealMedia Files in Your Page | controls.html |
| 233 | Adding External Video to Your Page | video.html |
| 234 | Adding Internal Video | videonet.htm |
| 235 | Adding Internal Video for Explorer | videoie.htm |
| 236 | Creating a Marquee | marquee.htm |
| 237 | Inserting Applets | applet.html |
The files in this section are in the styles_about folder. Please read this note.
| Page | Section | HTML |
|---|---|---|
| 240 | The Advantages of Using Style Sheets | withstyles.html |
| 241 | The Downside of Style Sheets | stylesno.htm |
The files in this section are in the styles_setup folder.
| Page | Section | HTML |
|---|---|---|
| 244 | Creating an Internal Style Sheet | internal.htm |
| 245 | Creating an Internal Style Sheet | internalcomment.htm |
| 246 | Creating an External Style Sheet | external.htm |
| 247 | Using an External Style Sheet | ext2.htm |
| 248 | Applying Styles Locally | local.htm |
| 249 | Defining Styles for Classes | class.htm |
| 250 | Identifying Particular Tags | id.htm |
| 252 | Creating Custom Block-Level HTML Tags (Note) | div.htm |
| 253 | Using Custom Block-Level HTML Tags (Note) | div.htm |
| 254 | Creating Custom Inline HTML Tags (Note) | span.htm |
| 255 | Using Custom Inline HTML Tags (Note) | span.htm |
| 256 | Defining Styles for Links | internal.htm |
The files in this section are in the styles_text folder.
| Page | Section | HTML |
|---|---|---|
| 258 | Choosing a Font Family | family.htm |
| 259 | Embedding Fonts on a Page | embed.htm |
| 260 | Creating Italics | italics.htm |
| 261 | Applying Bold Formatting | bold.htm |
| 262 | Setting the Font Size | size.htm |
| 263 | Setting the Line Height | lineh.htm |
| 264 | Setting all Font Values at Once | font.htm |
| 265 | Setting the Text Color | color.htm |
| 266 | Changing the Text's Background | bground.htm |
| 267 | Controlling Spacing | wordsp.htm |
| 268 | Setting White Space Properties | whitesp.htm |
| 269 | Aligning Text | textalgn.htm |
| 270 | Underlining Text | textdec.htm |
| 271 | Making Text Blink | blink.htm |
| 272 | Changing the Text Case | case.htm |
The files in this section are in the styles_layout folder.
| Page | Section | HTML |
|---|---|---|
| 273 | Layout with Styles | start.htm |
| 274 | Offsetting Elements within the Natural Flow | relative.htm |
| 275 | Positioning Elements Absolutely | position.htm |
| 276 | Positioning Elements in 3D | z-index.htm |
| 277 | Displaying and Hiding Elements | display.htm |
| 278 | Setting the Height or Width for an Element | width.htm |
| 279 | Setting the Border | border.htm |
| 280 | Adding Padding around an Element | padding.htm |
| 281 | Setting the Margins around an Element | margin.htm |
| 282 | Aligning Elements Vertically | valign.htm |
| 283 | Wrapping Text around Elements | float.htm |
| 284 | Stopping Text Wrap | clear.htm |
| 285 | Changing the Foreground Color | color.htm |
| 286 | Changing the Background | bground.htm |
| 287 | Determining Where Overflow Should Go | overflow.htm |
| 288 | Clipping an Element | clip.htm |
| 289 | Setting List Properties | listprop.htm |
| 290 | Specifying Page Breaks | pagebr.htm |
The files in this section are in the scripts folder.
| Page | Section | HTML |
|---|---|---|
| 292 | Adding an ̉AutomaticÓ Script | simple.html |
| 293 | Calling an External Automatic Script | extern.html |
| 294 | Triggering a Script | event.html |
| 296 | Creating a Button that Executes a Script | button.html |
| 297 | Hiding Scripts from Older Browsers | rollover.html |
| 298 | Adding Alternate Information | noscript.html |
| 299 | Setting the Default Scripting Language | default.html |
The files in this section are in the javascript folder.
| Page | Section | HTML |
|---|---|---|
| 302 | Adding the Current Date and Time | time.html |
| 303 | Changing a Link's Status Label | statuslabel.html |
| 304 | Changing Multiple Frames with One Link (Note) | wildanimals.html |
| 305 | Loading Images into Cache | rollover.html |
| 306 | Changing an Image When a Visitor Points | rollover.html |
| 308 | Controlling a New Window's Size | hawthorne.html |
The files in this section are in the extras folder.
| Page | Section | HTML |
|---|---|---|
| 310 | The Inspiration of Others | Truckowner Home Page |
| 312 | Creating a Counter | Personal Home Page |
| 313 | Souping Up Mailto Links | soupedmail.html |
| 314 | Slicing Images into Pieces | slicetable.html |
| 314 | Slicing Images into Pieces | slicetable2.html |
| 316 | Creating Buttons with Tables | buttons.html |
| 317 | Using Images for Table Borders | imageborder.html |
| 318 | Creating Drop Caps | dropcap.html |
| 319 | Using Vertical Rules | vertbar.html |
| 320 | Labeling Elements in a Web Page | title.html |
| 321 | Creating an Automatic Slide Show | page1.html |
The files in this section are in the debugging folder.
| Page | Section | HTML |
|---|---|---|
| 323 | Checking Your Code | validator.html |
| 324 | The Browser Displays the Code | validator.html.txt |
| 325 | Great in Explorer, Nothing in Netscape | closetable.html |
| 326 | Great in One Browser, Ugly in the Other | compatibility.html |
| 327 | Images Don't Appear | filename.html |
| 328 | Still Stuck? | Questions and Answers |
The files in this section are in the publish folder.
| Page | Section | HTML |
|---|---|---|
| 330 | Testing Your Page | testing.html |
| 333 | Getting Your Own Domain Name | Network Solutions Home Page |
The links in this section are all external.
| Page | Section | HTML |
|---|---|---|
| 340 | Helping Visitors Find Your Page | Chase Tavern Farm Alpacas |
| 346 | Submitting Your Site to a Search Engine | |
| 348 | Other Techniques for Publicizing Your Site | Gallery |