HTML Image

What Is HTML ?

HTML is a markup language used to create the structure of web pages. It stands for HyperText Markup Language and is the backbone of web development. HTML has been created by a British computer scientist, whose name is Tim Berneers Lee in 1991 when working for the CERN, the European Organization for Nuclear Research and particules accelaration based in Geneva. The first official version was HTML1.0 released in 1994. The World Wide Web is a fast-changing world, so that many versions of HTML including HTML5 are retired. HTML5 is replaced by the current specification known as the HTML Living Standard and is maintained by the Web Hypertext Application Technology Working Group (WHATWG), a consortium of the major browser vendors (Apple, Google, Mozilla, and Microsoft). HTML1.0 version as the beginning has led the foundation of the World Wide Web known as W.W.W.

HTML Elements

HTML consists of various elements that define the structure and content of a web page. These elements are represented by tags, which are enclosed in angle brackets.
Building a basic webpage reqiers the use of the following tags:

  1. The DOCUMENT TYPE self-closing tag => <!DOCTYPE HTML>
  2. The HTML pair of opening and closing tags => <html> & </html>
  3. The HEAD pair of opening and closing tags => <head> & </head>
  4. The TITLE pair of opening and closing tags => <title> & </title>
  5. The BODY pair of opening and closing tags => <body> & </body>

Basically these elements are written like this:


   
  • <!doctype html>
  • <html>...</html>
  • <head>...</head>
  • <title>...</title>
  • <body>...</body>

Meaning of the tags in the HTML Document

  • The DOCTYPE single tag <DOCTYPE html>
    indicates the browser the type of a document it is dealing with. It is generally associated with HTML before closing the tag.

  • The HEAD opening tag <head> and the closing tag </head>
    are indicating the head of the web page where the metadata is written

  • The TITLE opening tag <title> and the closing tag </title>
    contain the title of the webpage

  • The BODY opening tag <body> and the closing tag </body>
    contain the body including headers, paragraphs, text, hyperlinks, forms, photos and/or videos

  • The HTML opening tag <html> and the closing tag </html>
    enclose all the tags and preventing the browser about the beginning and the end of the page

Notice that the HTML opening <html> tag is the second one to be written when we are creating a web page after the DOCTYPE single-closing <doctype html> tag. And then the HTML closing </html> tag will close the page allowing the browser to automatically detect the nature of the hypertext. Otherwise that means all tags except the DOCTYPE tag, are enclosed between the HTML opening tag <html> and the closing tag </html>.

Looking at the whole structure, some tags are made by a pair of opening and closing tags. But others are self-closing tags. We will dig more about more it in next chapters to come. HTML elements can contain text, images, links, and other media.

HTML elements are the building blocks of web pages. They define the structure and content of a webpage, allowing developers to create headings, paragraphs, links, images, lists, and more. Each element is represented by a tag, which is enclosed in angle brackets (e.g., <tag>). HTML elements can also have attributes that provide additional information about the element.

HTML Attributes

Attributes provide additional information about HTML elements. They are used to specify properties such as the source of an image, the destination of a link, or the style of an element.

Progress with HTML

Learning HTML effectively is really important to master your knowledge to the next level. You have to start with the basics to get the taste of what are HTML tags and then gradually build your knowledge that should culminate to a concret project one day including to building your own small-sized website. Here are some steps to help you progress. Be steady in practice !

  1. Understand the basic structure of an HTML document.
  2. Learn about common HTML elements and their usage.
  3. Practice creating simple web pages using HTML.
  4. Explore advanced topics such as forms, tables, and multimedia elements.
  5. Experiment with different attributes to enhance your HTML elements appproach, learning and understanding.

Remember to practice regularly and refer to online resources, tutorials, and documentation to deepen your understanding of HTML. Fortunately there is a huge and diverse amount of resources and documentation you can access and then better practice yourself and/or with a group of students, coders and others. There is few issues in terms of stepping in as possible.

HTML & CSS | Basic Resources for Web Development

HTML has quickly evolved in order to meet the need of increasing users including web developers since its creation and first release in 1994. HTML makes with CSS an interesting pairing tool for web developement

GO TO TOP