book

Beginning HTML and CSS

by Rob Larsen

March 2013

Beginner

672 pages

14h 38m

English

Wrox

Read now

Unlock full access

A Web of Structured DocumentsIntroducing HTML5Attribute GroupsCore ElementsBasic Text FormattingUnderstanding Block and Inline ElementsGrouping ContentWorking with ListsSummary
Elements That Describe Text-Level SemanticsEditing TextUsing Character Entities for Special CharactersCommentsSummary
Basic LinksUnderstanding Directories and Directory StructuresUnderstanding URLsCreating In-Page Links with the <a> ElementAdvanced E-mail LinksSummary
Adding Images Using the <img> ElementUsing Images as LinksChoosing the Right Image FormatAdding Flash, Video, and Audio to Your Web PagesSummary
Introducing TablesBasic Table Elements and AttributesAdding a Caption to a TableGrouping Sections of a TableNested TablesAccessible TablesSummary
Introducing FormsCreating a Form with the <form> ElementForm ControlsCreating a Contact FormCreating Labels for Controls and the <label> ElementStructuring Your Forms with <fieldset> and <legend> ElementsFocusDisabled and Read-Only ControlsSending Form Data to the ServerCreating More Usable Form FieldsSummary
Introducing CSSWhere You Can Add CSS RulesCSS PropertiesControlling TextText FormattingText Pseudo-ClassesStyling TextSelectorsLengthsIntroducing the Box ModelCreating a Style Sheet for CodeSummary
LinksBackgroundsListsTablesOutlinesThe :focus and :active Pseudo-ClassesGenerated ContentMiscellaneous PropertiesAdditional RulesPositioning and Layout with CSSSummary

The Modular Approach of CSS3Mature CSS3 ModulesNew and In-Development ModulesSummary
What Is Programming About?How to Add a Script to Your PagesCreate an External JavaScriptThe Document Object ModelStarting to Program with JavaScriptVariablesOperatorsFunctionsConditional StatementsLoopingEventsBuilt-in ObjectsWriting JavaScriptSummary
Why jQuery?Adding jQuery to Your PagejQuery BasicsjQuery and the DOMManaging Events with jQuerySummary
Ajax with jQueryjQuery UISummary
Search Engine Optimization ChecklistAccessibility Checklist
Chapter 1Chapter 2Chapter 3Chapter 4Chapter 5Chapter 6Chapter 7Chapter 8Chapter 9Chapter 10Chapter 11Chapter 12Chapter 13
Font PropertiesText PropertiesColor and Background PropertiesBorder PropertiesDimensionsMargin PropertiesPadding PropertiesList PropertiesPositioning PropertiesOutline PropertiesTable PropertiesClassification PropertiesInternationalization PropertiesSelected CSS3 PropertiesLengths
Using Hex Codes to Specify ColorsUnderstanding Hex CodesUsing Color Names to Specify ColorsColor Name and Number Reference
Character Entity References for ISO 8859-1 CharactersCharacter Entity References for Symbols, Mathematical Symbols, and Greek LettersCharacter Entity References for Markup-Significant and Internationalization Characters
TextImageMultipartAudioVideoMessageModelApplication
New ElementsNew <input> Element TypesNew AttributesGlobal AttributesChanged AttributesObsolete ElementsObsolete AttributesAt-Risk Elements
CreditsAcknowledgments

Content preview from Beginning HTML and CSS

Chapter 12 jQuery: Beyond the Basics

What You Will Learn in This Chapter

How to work with Ajax and jQuery
What jQuery UI is and how it can help you make more interactive web pages

Wrox.com Code Downloads for this Chapter

You can find the wrox.com code downloads for this chapter at www.wrox.com/remtitle.cgi?isbn=9781118340189 on the Download Code tab. The code is in the Chapter 12 download and individually named according to the names throughout the chapter.

With the basics of jQuery in hand, it’s time to dive a little bit further into what jQuery has to offer. This includes a look at working with a technology called Ajax and the powerful jQuery UI library, which enable you to build rich interactive components with a little bit of code.

Ajax with jQuery

If you had to choose one reason why JavaScript went from an also-ran to being one of the most important programming languages on the planet, a good choice would be a technology pattern called Ajax. The Ajax era in web development, starting in the mid-2000s, has driven enormous interest and development in JavaScript libraries, browsers, and the language itself.

So what is Ajax?

The easiest way to describe it is to first think of the basic web page interaction. As you learned in Chapter 3, “Links and Navigation,” links enable users to navigate from page to page. When this happens a new HTML document is requested from the server, and all the JavaScript, CSS, and images that make up the page need to be loaded to render the page. ...