mozilla
Your Search Results

    HTML developer guide

    HyperText Markup Language (HTML) is the core language of nearly all Web content. Most of what you see on screen in your browser is described, fundamentally, using HTML. More precisely, HTML is the language that describes the structure and the semantic content of a Web document.

    The articles listed below provide guides that will help you use HTML to its fullest potential.

    • HTML forms guide

      This guide is a series of articles that will help you master HTML forms.

    • Introduction to HTML

      This article provides an introduction to HTML. If you've ever wondered what goes on behind the scenes in your web browser, this article is the place to start learning.

    • Using HTML5 audio and video

      HTML5 introduces built-in media support via the <audio> and <video> elements, offering the ability to easily embed media into HTML documents.

    Forms in HTML
    This article summarizes changes to HTML forms introduced in HTML5. For a detailed guide to using forms, see our extensive HTML forms guide.
    HTML5
    HTML5 is the latest evolution of the standard that defines HTML.
    Sections and Outlines of an HTML5 Document
    The HTML5 specification brings several new elements to web developers allowing them to describe the structure of a web document with standard semantics. This document describes these elements and how to use them to define the desired outline for any document.
    Using HTML5 audio and video
    HTML5 introduces built-in media support via the <audio> and <video> elements, offering the ability to easily embed media into HTML documents.

    Guides

    Introduction to HTML
    This article provides an introduction to HTML. If you've ever wondered what goes on behind the scenes in your web browser, this article is the place to start learning.
    Canvas tutorial
    This tutorial describes how to use the <canvas> element to draw 2D graphics, starting with the basics. The examples provided should give you some clear ideas what you can do with canvas and will provide code snippets that may get you started in building your own content.
    Content Editable
    In HTML5 any element can be editable. Using some JavaScript event handlers you can transform your web page into a full and fast rich-text editor. This article provides some information about this functionality.
    Content categories
    Each HTML element must abide by rules defining what kind of content it can have. These rules are grouped into content models common to several elements. Each HTML element belongs to zero, one, or multiple content models, each setting rules that the element's content must follow in an HTML-conformant document.
    Drag Operations
    The following describes the steps that occur during a drag and drop operation.
    Drag and drop
    Firefox and other Mozilla applications support a number of features for handling drag and drop. This allows the user to click and hold the mouse button down over an element, drag it to another location, and release the mouse button to drop the element there. A translucent representation of what is being dragged will follow the mouse pointer during the drag operation. The drop location may be a different application. Web sites, extensions, and XUL applications may make use of this functionality to customize what elements may be dragged and the drag feedback, as well as specify where elements may be dropped.
    Email links
    It's often useful for Web sites to be able to create links or buttons that, when clicked, open a new outgoing email message. For example, this might be used when creating a "contact us" button. This is done using the <a> element and the mailto URL scheme.
    Event attributes
    Every HTML element has a set of attributes that allow for the execution of JavaScript when certain events happen. These attributes are called event attributes and are the name of the event prefixed by "on".
    HTML forms guide
    This guide is a series of articles that will help you master HTML forms.
    Obsolete practices to avoid
    This article tries to list older coding practices that over time have become unnecessary or bad practices.
    The Importance of Correct HTML Commenting
    When authoring HTML in standards mode, incorrectly formed comments can break your pages, resulting in part or all of your content being commented out. When authoring XHTML or XML, incorrect comments will result in your documents not being able to be displayed at all.
    Tips for authoring fast-loading HTML pages
    These tips are based upon common knowledge and experimentation.
    Using data attributes
    HTML5 is designed with extensibility in mind for data that should be associated with a particular element but need not have any defined meaning. data-* attributes allow us to store extra information on standard, semantic HTML elements without other hacks such as classList, non-standard attributes, extra properties on DOM, or setUserData.

    Sample code

    A basic raycaster
    This article provides an interesting real-world example of using the <canvas> element to do software rendering of a 3D environment using ray-casting.

    Other pages

    Dragging and Dropping Multiple Items
    Mozilla supports the ability to drag multiple items using some additional non-standard methods. These are methods that mirror the types property as well as the getData, setData and clearData, however, they take an additional argument that specifies the index of the item to retrieve, modify or remove.
    Recommended Drag Types
    The following describes the best practice to use when assigning data to be dragged.

    Join the Web layout community

    Choose your preferred method for joining the discussion:

    Document Tags and Contributors

    Tags: 
    Contributors to this page: Sheppy, pegfisher2, JagadeeshKumarV, ethertank, DraZoro, sudhinjoy, kscarfone, ArunNath
    Last updated by: pegfisher2,