HTML, CSS & JavaScript Web Publishing in One Hour a Day, Sams Teach Yourself

Rafe Colburn is an author and web developer with more than 15 years of experience building websites. His other books include Special Edition Using SQL and Sams Teach Yourself CGI in 24 Hours. You can read his blog at http://rc3.org or find him on Twitter as @rafeco.  Jennifer Kyrnin is an author and web designer who has been working on the Internet since 1995. Her other books include Sams Teach Yourself Bootstrap in 24 Hours, Sams Teach Yourself Responsive Web Design in 24 Hours, and Sams Teach Yourself HTML5 Mobile Application Development in 24 Hours. She can be found at http://htmljenn.com/or on Twitter as @htmljenn.  Laura Lemay is one of the world’s most popular authors on web development topics. She is the original author of Sams Teach Yourself Web Publishing with HTML, Sams Teach Yourself Java in 21 Days, and Sams Teach Yourself Perl in 21 Days.

• Introduction 1PART I: Getting StartedLesson 1: What Is Web Publishing?Thinking Like a Web PublisherThe Web Is a Hypertext Information SystemThe Web Is Cross-PlatformThe Web Is DistributedThe Web Is DynamicThe Web Is InteractiveWeb BrowsersWhat the Browser DoesAn Overview of Some Popular BrowsersWeb ServersUniform Resource LocatorsDefining Web Publishing BroadlySummaryWorkshopQ&AQuizQuiz AnswersExercisesLesson 2: Getting Your Tools in OrderAnatomy of a WebsiteSetting Up Your Computer for Web PublishingText EditorsA Web BrowserUsing the Google Chrome Developer ToolsWhat Do You Want to Do on the Web?Wireframing Your WebsiteWhat’s Wireframing, and Why Do I Need It?Hints for WireframingWeb HostingUsing a Content-Management ApplicationSetting Up Your Own Web HostingSummaryWorkshopQ&AQuizQuiz AnswersExercisesLesson 3: Introducing HTML and CSSWhat HTML Is (And What It Isn’t)HTML Describes the Structure of a PageHTML Does Not Describe Page LayoutWhy It Works This WayHow Markup WorksWhat HTML Files Look LikeText Formatting and HTMLHTML AttributesUsing the style AttributeIncluding Styles in TagsA Short History of HTML StandardsXHTMLThe Current and Evolving Standard: HTML5SummaryWorkshopQ&AQuizQuiz AnswersExercisesPART II: Creating Web PagesLesson 4: Learning the Basics of HTML Structuring Your HTMLThe Tag     The Tag     The Tag The TitleHeadingsParagraphsCommentsSummaryWorkshopQ&AQuizQuiz AnswersExercisesLesson 5: Organizing Information with ListsLists: An OverviewNumbered ListsCustomizing Ordered ListsUnordered ListsCustomizing Unordered ListsDefinition ListsNesting ListsOther Uses for ListsSummaryWorkshopQ&AQuizQuiz AnswersExercisesLesson 6: Working with LinksCreating LinksThe Link Tag: Linking Local Pages Using Relative and Absolute PathnamesAbsolute PathnamesShould You Use Relative or Absolute Pathnames?Links to Other Documents on the WebLinking to Specific Places Within DocumentsCreating Links and AnchorsThe name Attribute of the TagLinking to Elements in the Same DocumentAnatomy of a URLParts of URLsSpecial Characters in URLsThe rel Attribute Kinds of URLsHTTPAnonymous FTPNon-Anonymous FTPMailtoFileSummaryWorkshopQ&AQuizQuiz AnswersExercisesPART III: Doing More with HTML and CSSLesson 7: Formatting Text with HTML and CSSCharacter-Level ElementsSemantic HTML TagsChanges to Physical Style Tags in HTML5Character Formatting Using CSSThe Text Decoration PropertyFont PropertiesPreformatted TextHorizontal Rules (or Thematic Breaks)Attributes of the Tag Line BreakAddressesQuotationsSpecial CharactersCharacter EncodingCharacter Entities for Special CharactersCharacter Entities for Reserved CharactersFonts and Font SizesSummaryWorkshopQ&AQuizQuiz AnswersExercisesLesson 8: Using CSS to Style a SiteIncluding Style Sheets in a PageCreating Page-Level StylesCreating Sitewide Style SheetsSelectorsContextual SelectorsClasses and IDsWhat Cascading MeansUnits of MeasureSpecifying ColorsEditing Styles with Developer ToolsUsing ColorLinksThe Box ModelBordersMargins and PaddingControlling Size and Element DisplayFloatMore SelectorsPseudo-ClassesAttribute SelectorsThe Tag SummaryWorkshopQ&AQuizQuiz AnswersExercisesLesson 9: Using Images on Your Web PagesImages on the WebImage FormatsGIFJPEGPNGSVGInline Images in HTML: The TagAdding Alternative Text to ImagesImages and TextText and Image AlignmentWrapping Text Next to ImagesAdjusting the Space Around ImagesImages and LinksOther Neat Tricks with ImagesImage Dimensions and ScalingImage BackgroundsUsing Images as BulletsWhat Is an Imagemap?Getting an ImageDetermining Your CoordinatesThe and TagsThe usemap AttributeImage EtiquetteSummaryWorkshopQ&AQuizQuiz AnswersExercisesLesson 10: Building Tables Creating TablesTable PartsThe ElementSummarizing the TableRows and CellsEmpty CellsCaptionsSizing Tables, Borders, and CellsSetting Table WidthsChanging Table BordersCell PaddingCell SpacingColumn WidthsTable and Cell ColorAligning Your Table ContentTable AlignmentCell and Caption AlignmentSpanning Multiple Rows or ColumnsMore Advanced Table EnhancementsGrouping and Aligning ColumnsGrouping and Aligning RowsHow Tables Are UsedSummaryWorkshopQ&AQuizQuiz AnswersExercisesLesson 11: Using CSS to Position Elements on the PagePositioning SchemesRelative PositioningAbsolute PositioningPositioning PropertiesPositioning Properties and Height and WidthNesting Absolutely Positioned ElementsDynamic OverlaysFixed PositioningControlling StackingCreating Drop-Down MenusSummaryWorkshopQ&AQuizQuiz AnswersExercisesLesson 12: Designing FormsUnderstanding Form and FunctionUsing the Tag Using the TagCreating Form Controls with the TagCreating Text ControlsAdding Options to Text Fields with datalistUsing the New HTML5 ControlsCreating Password ControlsCreating Submit ButtonsCreating Reset ButtonsCreating Check Box ControlsCreating Radio ButtonsUsing Images as Submit ButtonsCreating Generic ButtonsHidden Form FieldsThe File Upload ControlUsing Other Form ControlsUsing the button ElementCreating Large Text-Entry Fields with textareaCreating Menus with select and optionGrouping Controls with fieldset and legendChanging the Default Form NavigationUsing Access KeysCreating disabled and readonly ControlsDisplaying Updates with progress and meterApplying Cascading Style Sheet Properties to Form ElementsPlanning Your FormsSummaryWorkshopQ&AQuizQuiz AnswersExercisesLesson 13: Structuring a Page with HTML5 A Short History of HTML Page LayoutLaying Out a Page in HTML5HTML5 Structural TagsSectionsHeaderFooterNavigationArticlesAsidesThe Page OutlineElements with Their Own OutlinesUsing HTML5 Structural ElementsPolyfill ScriptsSummaryWorkshopQ&AQuizQuiz AnswersExerciseLesson 14: Integrating Multimedia: Video and SoundEmbedding Video the Simple WayAdvantages and Disadvantages of Hosting Videos on External SitesUploading Videos to YouTubeCustomizing the Video PlayerOther ServicesHosting Your Own VideoVideo and Container FormatsConverting Video to H.264Embedding Video Using The TagUsing the ElementEmbedding Flash Using the     Alternative Content for the The TagEmbedding Flash Movies Using SWFObjectFlash Video Players JW PlayerUsing FlowplayerUsing the Tag Embedding Audio in Your PagesThe TagFlash Audio PlayersSummaryWorkshopQ&AQuizQuiz AnswersExercisesLesson 15: Advanced CSS: Page Layout in CSS Laying Out the PageThe Problems with Layout TablesWriting HTML with StructureWriting a Layout Style SheetThe Floated Columns Layout TechniqueThe Role of CSS in Web DesignStyle Sheet OrganizationSite-Wide Style SheetsSummaryWorkshopQ&AQuizQuiz AnswersExercisesLesson 16: Using Responsive Web Design What Is Responsive Web Design?History of Responsive Web DesignWhy RWD Is ImportantRWD Is More Than Just Changing the Number of ColumnsMobile Devices Should Come FirstMobile FirstAffecting the ViewportPlanning a Responsive WebsiteCheck Your AnalyticsTry the Site with Your Own PhoneDecide What Content Is CriticalWriting Media QueriesMedia TypesMedia FeaturesBreakpointsBuilding a Style Sheet with Media QueriesUnderstanding the Mechanics of RWDAdjusting the LayoutMaking Images and Videos ResponsiveBuilding Responsive TablesResponsive Web Design Best PracticesGive Everyone the Best ExperienceUse the Best Breakpoints for Your Website, Not for DevicesBe Flexible But Think SmallSummaryWorkshopQ&AQuizQuiz AnswersExercisesPART IV: Using JavaScript and jQueryLesson 17: Introducing JavaScript Why Would You Want to Use JavaScript?Ease of UseImproving PerformanceIntegration with the BrowserThe