book

HTML: A Beginner's Guide, Fifth Edition, 5th Edition

by Wendy Willard

April 2013

Beginner

512 pages

11h 40m

English

McGraw-Hill

Read now

Unlock full access

Understand the Internet as a Medium for Disseminating InformationThe Anatomy of a Web SiteWeb BrowsersInternet Service ProvidersBe Aware of the Current Version of HTMLPlan for the Audience, Goals, Structure, Content, and Navigation of Your SiteIdentify the Target AudienceSet GoalsCreate the StructureOrganize ContentDevelop NavigationIdentify the Best HTML Editor for YouWhich Is Best?Learn from the Pros Using the View Source Command of Popular Web Browsers

Create an HTML FileNaming ConventionsPreview an HTML File in a BrowserDescribe and Apply the Basic HTML Document FormatTypes of ElementsTypes of TagsAttributesRequired TagsCapitalizationQuotation MarksNestingSpacing and Breaks Within the CodeSpacing and Breaks Between TagsSpacing Between Lines of TextUse Character Entities to Display Special CharactersAdd Comments to an HTML File
Set Up Style Sheets in an HTML FileDefine the StyleDefine the ValuesCreate the StructureUnderstand the CascadeIdentify the Ways in Which Color Is Referenced in Web DevelopmentHexadecimal ColorRGB Values and PercentagesColor NamesSo Which Should I Use?New and Notable Color OptionsRGBAOpacitySpecify Document Colors
Ensure Onscreen Readability of TextMarkup TextStyle TextFont FacesFont SizesFont ColorsOther Font Style PropertiesOffer Printer-Friendly Versions of Text ContentPDFsPrinter-Specific Style SheetsFinal Tips for Printer-Friendly Pages
Organize Sections of ContentIdentifying Natural DivisionsSet the OutlineGet InspiredOrganize TextParagraphsLine BreaksQuotation BlocksBox PropertiesAlignment
Understand the Concept and Uses of Style Sheets for Page LayoutCreate a Single-Column, Centered, Fluid Page LayoutBreak Down the CodePull It All TogetherBrowser SupportCreate a Multicolumn Fluid Page LayoutBreak Down the CodePull It Back TogetherBrowser SupportOther CSS Page LayoutsLayer Content Within a LayoutRealistic Uses of Layers in Web PagesUse External Style SheetsLink to an External Style SheetImport an External Style Sheet
Add Links to Other Web PagesAbsolute LinksRelative LinksAdd Links to Sections Within the Same Web PageCreate an AnchorLink to an AnchorAdd Links to Email Addresses and Downloadable FilesEmail AddressesFTP and Downloadable FilesRecognize Effective LinksExtra CreditStyle LinksDefault Link ColorsBeyond ColorsCustomize Links by Setting the Tab Order, Keyboard Shortcut, and Target WindowTitleTab OrderKeyboard ShortcutsTarget Windows
Locating Web Image SourcesUse Stock ImagesCreating Your Own GraphicsBecome Familiar with Graphics SoftwareAdobe Photoshop and IllustratorOther OptionsRecognize Appropriate Web Image File FormatsTerminologyGIFJPEGPNGChoose the Best File Format for the JobUse Images as Elements in the Foreground of a Web PageSpecify the Height and Width of ImagesProvide Alternative Text and Titles for ImagesLink Images to Other Content on a Web SiteLink the Entire ImageLink Sections of an ImageAdd Figure CaptionsStyle Foreground ImagesBordersFloatsPadding and MarginsCenteringPulling It All TogetherUse Images as Elements in the Background of a Web PageExtra Credit
Understand How Plug-ins Are Used with Web BrowsersIdentify the Installed ComponentsRecognize File Types, Extensions, and Appropriate Plug-insLink to Different Types of Media from a Web PageEmbed Different Types of Media onto a Web PageStart with the audio and video ElementsCustomize with AttributesSpecify SourcesProvide Fallback OptionsAdd Text TracksUse embed for Non-native Multimedia ContentStyle Multimedia Content
Use Ordered Lists in a Web PageUse Unordered Lists in a Web PageUse Definition Lists in a Web PageCombine and Nest Two or More Types of Lists in a Web PageStyle ListsCustomize the BulletsCustomize the SpacingCustomize the Entire Layout
Understand the Concept and Uses of Tables in Web PagesCreate a Basic Table StructureTable StructureCell ContentFormat Tables Within Web PagesBorders and MarginsWidth and HeightBasic AlignmentColorsBackground ImagesCaptionsFormat Content Within Table CellsAlignmentWidth and HeightCell PaddingColorsProhibit Line BreaksSpanning ColumnsSpan RowsAdditional Formatting Techniques for TablesGroup RowsGroup Columns
Understand the Concept and Uses of Forms in Web PagesCreate a Basic FormText InputRadio ButtonsCheck BoxesDate and Time InputsOther Number InputsContact MethodsColor SelectorsSelect MenusDisable Form ElementsHidden FieldsFile UploadsButtonsValidate the Form ContentUsing PatternsProvide a Way for Your Form to Be ProcessedThe action AttributeThe method and enctype Attributes
Apply Tables to FormsMake Forms More User-FriendlySet Tab Order and Keyboard ShortcutsInclude LabelsGroup-Related ControlsAdd Data ListsShow ProgressAssist Your UsersStyle FormsUse Styles and Fieldsets to Eliminate the Table LayoutUse Styles for Client-Side Validation
Understand the Concept and Uses of JavaScript and HTML5 APIs in Web PagesTroubleshoot JavaScriptTerminologyJavaScript LogicNew and NotableMultitaskingStorageOfflineGeolocationCanvasSample ScriptsAdd the Current Date and TimeFormat a New WindowCreate a Dynamic Navigation BarDisplay a User’s Location on a MapLearn MoreOnline References and Scripts
Select Possible Domain Names for Your SiteDetermine the Most Appropriate Type of Hosting for Your SitePersonal Site HostingBusiness Site HostingPrepare Your Site for Its Public DebutUpdate Meta ContentTroubleshoot the CodeValidate the CodePreview on Mobile DevicesPreview in Other BrowsersUpload Your Site to a Host ComputerDesktop FTP ProgramsWeb-Based FTPTest Your Published SitePublicize Your Web SiteMarketing TipsMake the Site Live!
Email Standards ProjectDetermine Whether HTML Email Is Appropriate for Your NeedsThe Purpose of Email Is to CommunicateThe End-User Display Is UnknownPlain-Text Email Is Safer and SmallerBut … HTML Email Marketing WorksDon’t Send SpamEmail the Right PeopleAlways Provide a Way to Opt OutAdhere to Other FTC RulesIdentify the Necessary Tools for the TaskSend Live Web Pages with a Personal Email AccountUsing an Email Service ProviderCode for Email Readers, Not Web BrowsersAbsolute PathsImagesTables for LayoutInline CSSReference Guide to CSS Support in Email ClientsInteractivity and Multimedia in HTML EmailVideo in EmailFlashFormsTest, Test, TestSpam Test
Chapter 1: Getting StartedChapter 2: Page SetupChapter 3: Style Sheet Setup408Chapter 4: Working with TextChapter 5: Page StructureChapter 6: Positioning Page ElementsChapter 7: Working with LinksChapter 8: Working with ImagesChapter 9: Working with MultimediaChapter 10: Creating ListsChapter 11: Using TablesChapter 12: Creating FormsChapter 13: Formatting and Styling FormsChapter 14: Beyond Static HTMLChapter 15: Making Pages Available to OthersChapter 16: HTML for Email
Generic AttributesGroup Type: CoreGroup Type: EventsGroup Type: IntlHTML TagsCSS Properties
My Page Is Blank in the Browser!All I See Is Code in the Browser!My Images Don’t Appear!I Tried to Change the Font, But Nothing Happened!When I Use a Special Character, It Doesn’t Appear!My Links Don’t Work!My Page Looks Great in One Browser, But Terrible in Another!When I Link My Images, They Have Little Colored Dashes Next to Them!I Saved My Image as a JPEG, But the Browser Says It’s Not a Valid File Format!Strange Characters Are at the Top of My Page!I Added Internal Links to Sections of a Web Page, But When I Click Them, the Browser Launches a Brand New Window!I Specified One Color, But Got a Totally Different One!I Need to Protect Some of My Pages from Unwanted Visitors!I Need to Prevent People from Stealing My Images!I Tried to Send My Web Page in an Email, But the Page Looked Terrible!I Updated My Web Page, But I Don’t See the Changes in the Browser!My Whole Page Is _____________! (Fill in the Blank)My Page Has a White Background in One Browser, But Not in Others!I Shrank My Images, But They Still Take Forever to Download!I Embedded a Flash File That Works Fine on My Computer, But Doesn’t Work Properly on Other Computers!My Tables Look Fine in One Browser, But Terrible in Another!I Still Have Questions!
Standard HTML Entities

Overview

Essential HTML skills—made easy!

Thoroughly updated and revised, HTML: A Beginners Guide, Fifth Edition shows you, step by step, how to create dynamic websites with HTML. The book covers new HTML5 features, including video, audio, and canvas elements. Learn how to structure a page, place images, format text, create links, add color, work with multimedia, and use forms. You'll also go beyond the basics and find out how to work with Cascading Style Sheets (CSS), create dynamic web content with JavaScript, upload your site to the web, and code HTML emails. By the end of the book you'll be able to build custom websites using the latest HTML techniques.

Chapters include:

Key Skills & Concepts--Chapter-opening lists of specific skills covered in the chapter
Ask the Expert--Q & A sections filled with bonus information and helpful tips
Try This--Hands-on exercises that show you how to apply your skills
Notes--Extra information related to the topic being covered
Tips--Helpful reminders or alternate ways of doing things
Self-Tests--End-of-chapter reviews to test your knowledge
Annotated syntax--Example code with commentary that describes the programming techniques being illustrated