Introduction to HTML Quick Guide

Introduction to HTML

HTML5

Learn how to create your website's documents with HTML. After reading this guide, you will know how to work with HTML elements, how to define a document's structure, and how to organize its content.

Only $ 2.99

Amazon

Apple

Google

Description

Quick Guides for Masterminds are excerpts from our best-selling books SwiftUI for Masterminds, UIKit for Masterminds, and HTML5 for Masterminds, providing a cost-effective alternative to getting the information you need.

With this guide, you will learn how to create your website's documents with HTML. After reading this guide, you will know how to work with HTML elements, how to define a document's structure, and how to organize its content.

Table of Contents

HTML

Structure

Document Type

Structural Elements

Global Attributes

Content

Text

Links

Images

Lists

Tables

Global Attributes

Forms

Definition

Elements

Submission

Global Attributes

Video

Video Formats

Audio

QUICK REFERENCE

Elements

Attributes

Input Types

Examples

Download TXT Files

Listing 1: Including the <!DOCTYPE> element

Listing 2: Including the <html> element

Listing 3: Including the <head> element

Listing 4: Including the <body> element

Listing 5: Including the <title> element

Listing 6: Including the <meta> element

Listing 7: Adding more <meta> elements

Listing 8: Including the document's icon

Listing 9: Loading a CSS file with the <link> element

Listing 10: Including the <header> element

Listing 11: Including the <nav> element

Listing 12: Organizing the main content

Listing 13: Including the <article> element

Listing 14: Including the <footer> element

Listing 15: Identifying elements with the id attribute

Listing 16: Identifying elements with the class attribute

Listing 17: Including the <h1> element

Listing 18: Defining lines of text with the <p> element

Listing 19: Displaying the text in the original format

Listing 20: Adding line breaks to a paragraph with the <br> element

Listing 21: Highlighting text

Listing 22: Complementing the <article> element

Listing 23: Complementing the <footer> element

Listing 24: Displaying code with the <code> and <pre> elements

Listing 25: Linking the document to other documents with the <a> element

Listing 26: Linking the document to documents in other websites with the <a> element

Listing 27: Opening the link in a new window

Listing 28: Creating links to elements in the document

Listing 29: Sending an email

Listing 30: Applying the ping and download attributes

Listing 31: Including an image in the document

Listing 32: Reducing the size of the image

Listing 33: Identifying a picture with the <figure> element

Listing 34: Creating an unordered list of items

Listing 35: Creating an ordered list of items

Listing 36: Creating a list in reverse order

Listing 37: Creating a list of terms and descriptions

Listing 38: Creating a simple list with the <blockquote> element

Listing 39: Disclosing information with the <details> and the <summary> elements

Listing 40: Creating a table

Listing 41: Creating a table with a header

Listing 42: Stretching cells

Listing 43: Using the translate attribute

Listing 44: Using contenteditable to edit content

Listing 45: Defining a form with the <form> element

Listing 46: Including tools in a form

Listing 47: Assigning a different name to the Submit button

Listing 48: Declaring initial values

Listing 49: Identifying form elements

Listing 50: Associating labels with elements using the for attribute

Listing 51: Setting the maximum number of characters allowed

Listing 52: Requesting specific types of inputs

Listing 53: Restricting the numbers

Listing 54: Using the range type

Listing 55: Using the radio type

Listing 56: Using the checkbox type

Listing 57: Using the date type

Listing 58: Using the color type

Listing 59: Using the image type to create a submit button

Listing 60: Using the <button> element to create a submit button

Listing 61: Using the <textarea> element

Listing 62: Using the <select> element

Listing 63: Suggesting a list of values with the <datalist> element

Listing 64: Using the <progress> element

Listing 65: Using the <meter> element

Listing 66: Form with the method GET

Listing 67: Processing data in the server with PHP (process.php)

Listing 68: Generating an HTML document with PHP (process.php)

Listing 69: Using the disabled attribute

Listing 70: Using the placeholder attribute

Listing 71: Sending a form without validation with the formnovalidate attribute

Listing 72: Declaring the email input as a required field

Listing 73: Customizing types with the pattern attribute

Listing 74: Declaring the email input as a multiple field

Listing 75: Using the autocomplete attribute

Listing 76: Using the autofocus attribute

Listing 77: Deactivating the spell check feature

Listing 78: Declaring form elements anywhere in the document

Listing 79: Playing video with the <video> element

Listing 80: Activating the browser's controls

Listing 81: Defining the display area

Listing 82: Including a placeholder for the video

Listing 83: Creating a cross-browser video player with default controls

Listing 84: Playing audio with the <audio> element

Listing 85: Creating a cross-browser audio player with default controls

Links

HTML References and Tutorials

HTML5 Specification

HTML Elements

Values for the lang atribute

Character Encoding

PHP Tutorial

List of MIME Types

HTML Character Entities

Table Elements

Tutorials about Regular Expressions

Resources

Books

For Masterminds books include everything you need to develop professional applications. Create amazing websites and insanely great apps for iPhones, iPads and Mac computers.