Blog

HTML (Hypertext Markup Language) | Envato Tuts+

HTML is the structural coding language we use to construct net pages. Some folks consult with HTML as being the “constructing blocks of the net”.

So what does hypertext markup language truly imply? Its origins stem again additional than you may suppose—the idea of hypertext having been conceived as early as 1941.

As its title tells us, HTML is a markup language. Its function is to format info; to outline that means and construction in a doc. HTML doesn’t have any programming logic.

The phrase hypertext in HTML refers back to the hyperlinks between paperwork. This linking of data is a core precept behind the World Vast Internet, as proposed by Tim Berners Lee in 1989. The prefix “hyper” comes from Greek, and means “over” or “past”. So hypertext is successfully extra than simply textual content.

HTML makes use of tags to explain numerous components on a web page. Often these encompass a gap <> and a closing tag (although typically only a single tag is required). The title of the ingredient is positioned inside these tags (like this: ) conventionally in lowercase. For instance:

1

These are opening and shutting heading tags.

2
3

These are paragraph tags. The content material is saved between them.

4
5

The tag beneath is for an `hr` ingredient. It doesn’t require a closing tag.

6
7


HTML tags are used to explain every kind of components: from headings and hyperlinks, to articles and types. Browsers use these components to know the right way to render the content material, search engines like google use them to interpret and index net pages, and assistive applied sciences like display screen readers use them to speak the content material correctly.

HTML Component Reference

Browse a listing of all HTML components, categorized by operate.

This listing is up to date and added to frequently. Extra to return..

Foremost Root

There’s just one tag right here; the basis ingredient of an HTML doc. All different components inside the doc have to be descendants of this ingredient.

horizontal rulehorizontal rule

Doc Metadata

We use these HTML components to comprise details about the web page. This info could be associated to types, habits, or information, and it typically helps browsers, search engines like google, render and course of the web page correctly.

horizontal rulehorizontal rulehorizontal rule

Sectioning Root

There’s just one ingredient on this class too—the physique tag represents all content material on a web page, and due to this fact acts because the father or mother to all different sectioning components.

horizontal rulehorizontal rulehorizontal rule

Content material Sectioning

Sectioning components enable us to arrange our HTML paperwork in a logical and comprehensible method. Sections are descriptive items of the entire doc, and assist us construct a structured, semantic doc define.

horizontal rulehorizontal rulehorizontal rule

Textual content Content material

Textual content is arguably crucial a part of an online web page. It’s important for communication, accessibility, and search engine optimization. HTML has all kinds of textual content components to specify the aim and construction of your textual content material.


      • horizontal rulehorizontal rulehorizontal rule

        Inline Textual content

        The textual content content material components (as listed above) comprise textual content material, however there are a couple of HTML components which outline the semantic that means of inline textual content (phrases, strains, and different items of textual content).

        horizontal rulehorizontal rulehorizontal rule

        Picture and Multimedia

        These HTML components signify photos, audio, and video.

        horizontal rulehorizontal rulehorizontal rule

        Embedded Content material

        HTML can embed extra content material into an online web page, albeit typically clumsily.

        • HTML Tutorials

          Listed here are some tutorials that can assist you be taught HTML. Subscribe to the Tuts+ YouTube channel for extra!