Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21

Size: px

Start display at page:

Download "Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21"

Jeremy Boyd
5 years ago
Views:

1 Table of Contents Chapter 1 Getting Started with HTML 5 1 Introduction to HTML New API... 2 New Structure... 3 New Markup Elements and Attributes... 3 New Form Elements and Attributes... 4 Geolocation... 4 Browser Support... 5 Web Storage... 5 Offline Application Caching... 6 Error Handling... 6 Defining HTML Markup... 6 Basic Structure of an HTML Document... 7 The <!DOCTYPE html> Element... 7 The <html> Element... 7 The <head> Element... 8 The <title> Element... 9 The <body> Element... 9 Creating and Saving an HTML Document Opening the HTML Document in a Web Browser Modifying the Background of an HTML Web Page Adding a Background Color to the Web Page Adding a Background Image to the Web Page Specifying Metadata about an HTML Web Page Adding Description of the Web Page Specifying Author of the Web Page Specifying Keywords for Search Engines Summary Chapter 2 Introduction to New Elements in HTML 5 21 The Markup Elements The Media Elements The Canvas Element The Form Elements The Input Type Attribute Values The New Attributes The New Event Attributes iii

HTML 5 in Simple Steps The Window Event Attributes... 31 The Form Events... 32 The Mouse Events... 33 The Media Events... 33 Summary.

2 HTML 5 in Simple Steps The Window Event Attributes The Form Events The Mouse Events The Media Events Summary Chapter 3 Working with Text 35 Adding Plain Text to an HTML Web Page Adding Text in a New Line Creating Headings on a Web Page Creating a Paragraph Creating a Horizontal Rule Creating a Subscript and Superscript Creating a Subscript Creating a Superscript Aligning the Text Formatting the Text Making the Text Bold Making the Text Italic Grouping the Text Grouping Text as Blocks Grouping Inline Text Indenting Quotations Working with Character Entities Commenting the Text Summary Chapter 4 Working with Lists, Tables, and Frames 55 iv Working with Lists Creating an Unordered List Creating an Ordered List Creating a Definition List Nested Lists Working with Tables Creating a Table Specifying a Caption to a Table Adding a Table Heading Setting the Table Border Aligning a Table and Cell Content Setting the Width of a Table and Table Columns... 69

3 Changing the Background Color of a Table Setting Cell Padding and Cell Spacing Spanning Rows and Columns Nesting Tables Working with Frames Creating a Frame Defining New Element-Specific Attributes Specifying Width and Height of a Frame Applying Hyperlink Targets to a Frame Summary Table of Contents Chapter 5 Working with Hyperlinks, Images, and Multimedia 89 Working with Hyperlinks Creating a Hyperlink Setting the Hyperlink Color Linking Different Sections of a Web Page Working with Images Inserting an Image on a Web Page Displaying Alternate Text for an Image Adding a Border to an Image Aligning an Image Using Images as Links Creating Image Maps Working with Multimedia Embedding Multimedia on a Web Page Creating a Link to a Multimedia File Using the <object> Tag to Insert Objects Summary Chapter 6 Working with Forms and Controls 111 Creating an HTML Form Specifying the Action URL and The Method to Send the Form Adding Controls to an HTML Form Using the <input> Tag to Add Controls Adding a Text Area Creating a Customizable Button Adding a Selection Control Understanding New Form Elements The datalist Element v

4 HTML 5 in Simple Steps The keygen Element The output Element Grouping the Controls of HTML Forms Specifying a Label for a Control Summary Chapter 7 Working with Cascading Style Sheets 151 Understanding Style Sheets Working with Styles External Style Sheets Embedded Style Sheets Inline Styles Style Classes Working with Background Properties Setting the Background Color Setting a Background Image Working with Text Properties Setting the Text Color Indenting Text Aligning Text Decorating Text Working with Font Properties Setting the Font Family Setting the Font Size Setting the Font Style Setting the Font Weight Working with List Properties Setting the Bullet Styles of Unordered Lists Setting an Image as List Item Marker Setting the Number Styles of Ordered Lists Working with HTML Element Box Properties Setting the Borders of an HTML Element Box Setting the Margins of an HTML Element Box Setting the Height of an HTML Element Box Setting the Width of an HTML Element Box Working with Positioning and Block Properties Positioning HTML Elements using Relative Positioning Positioning HTML Elements using Absolute Positioning Summary vi

5 Chapter 8 Working with JavaScript in HTML Documents 185 Adding a Script in an HTML Document Creating a Script in an HTML Document Using an External Script File Hiding the Script Working with Objects in JavaScript Using an Object in a Script Programming in JavaScript Working with Statements Commenting in JavaScript Working with Data Types and Variables in JavaScript Working with Fundamental Data Types Working with Variables Working with Operators Working with Control Flow Statements Working with Functions Working with Arrays Handling Events in JavaScript Working with Popup Boxes in JavaScript Handling Exceptions in JavaScript Working with Geolocation API Summary Table of Contents Chapter 9 Working with XHTML 239 Understanding the Basic Concepts of XHTML XHTML DTD Basic Structure of an XHTML Document Creating and Saving an XHTML Document Validating an XHTML Document Summary vii

HTML and CSS COURSE SYLLABUS

HTML and CSS COURSE SYLLABUS Overview: HTML and CSS go hand in hand for developing flexible, attractively and user friendly websites. HTML (Hyper Text Markup Language) is used to show content on the page