Understanding HTML, Complete Functions and How it Works

Want to be a developer? If yes, then you must understand the meaning of HTML and its examples thoroughly. Not only that, you also have to know what HTML functions are and how they work.

But don’t worry. Because the hosting master has prepared everything through this article. First, let’s start with the definition and HTML stands for.

Understanding HTML

html is
Photo by Miguel . Padriñán from Pexels

So, what is HTML? Before entering into the understanding of HTML, you must know what HTML stands for. HTML stands for Hypertext Markup Language which has the meaning of a standard markup language for creating and compiling pages on web applications.

If you are developing a website, you can use HTML or this markup language to create paragraphs, headings, or links on a web page. So, in short, HTML is the initial foundation in developing website pages that are structured in terms of appearance, design and function.

HTML History

The origin of HTML was coined or created by Tim Berners Lee who is a physicist at the CERN research institute in the Swiss city. Berners Lee originally had the idea or thought of an internet-based hypertext system. Then around 1991, Tim Berners Lee released the first version of HTML which contained about 18 tags.

From its development until now, HTML has undergone several improvements in terms of features and information and presents the latest version, namely HTML5. Over time, the HTML language has become increasingly popular and has become the official web standard in the programming world.

Then in 2014, HTML also underwent a repair phase or maintenance by the World Wide Web Consortium (W3C) in terms of semantic features to make it easier for developers to compile code and give meaning to the content. For example,

,
and
.

Also read: HTML5 Is: Definition and Differences from Regular HTML

Understanding Tags, Elements and Attributes in HTML

From the history of HTML information, we already know that in 1991, Tim Berners Lee released the first HTML which has 18 tags. So, what exactly is a tag? Don’t worry, because Jagoan Hosting has summarized the meaning of HTML tags, elements, and attributes below.

html is
  1. Tags

The first thing to discuss is tags. Understanding HTML tags are prefix and suffix marks in HTML commands that can be read by web browsers. Tags are created using open and closed square brackets, like this, well, inside the square brackets will contain the tag name.

The function of the HTML tag is different depending on the command, such as creating headings, paragraphs, headings, bold (bold), crooked (italic), and so forth. For example, if you write the command, the tag will display text in italics/italic in the browser.

From the very beginning, there were only 18 HTML tags. However, currently the HTML tags have grown to more than 250 tags. But don’t worry. Because as a developer you don’t need to memorize everything. You can remember some basic tags below:

Types of HTML tags HTML tags function
Used to create an HTML page that includes all content and elements.
Used to create HTML elements, including the appearance of descriptions in Google search results, content styles (CSS), and so on.
Used to create titles.
Used to create part of the content of the website.

,

to

Used to create section headings in articles.
Used to create paragraphs.
Used to make comments.
  1. Element

The second thing is about elements in HTML. The HTML element is the part that contains the entire code of the opening tag and closing tag. An example is Shopping HTML.

Sometimes elements also add attributes, for example:

Good Morning!In the example above, there is one

element with the align=”center” attribute and the content is text, namely Good Morning!

Elements also do not always contain text, sometimes also contain other elements which are usually called nested elements or more simply called elements within elements. To make it clearer, here is an example of nested elements.

As Heading Title

As the first paragraph of the article.

From the example above, it can be seen that from the opening tag then the

tag contains heading tag elements and paragraph tag elements.
  1. Attribute

Last but not least, is an attribute in HTML. HTML attributes are special words that are inside the opening tag. Attributes are also referred to as modifiers which will determine the meaning of the element. Attributes can be added to any element. There are also elements that require using attributes such as , ,

Each of these elements has a special attribute that can only be used on that element. Here are the types.

Attribute Tags that can be used
src , ,
href ,
action
autoplay

HTML Functions

html is

Photo by Lukas from Pexels

After knowing about 3 important things in HTML such as tags, attributes and elements, the next is an explanation of the HTML function itself. As a developer, of course, this is very important to understand before you start compiling your own website.

  1. Creating web pages

The first function of HTML is to create web pages. If you want to develop a website page that can be read and understood well by internet users, then you must use HTML.

Also read: Complete List of HTML and CSS Color Codes and How to Combine them

  1. As the basis of the website

The website that you create certainly has several features. For example, created using java script to manage web behavior, using the PHP server programming language, and doing website design using CSS, all of these languages ​​can be implemented if the web has HTML as a base language.

  1. Marking text on web pages

Furthermore, the function of HTML is for writing on a document page with certain tags and symbols. These symbols and tags usually display text in bold, italic, underlined and so on. For example, if you want to make a text italic or italic the HTML page must be written in code.

  1. Displaying media (videos, images, tables, etc.) on the website

An attractive website certainly contains videos, images, tables and other media. Usually tables, images or videos cannot be placed directly on a website or blog page because they require certain components that use the HTML language. With this HTML you can display various media as needed.

  1. Allows users to be redirected to other websites

The function of HTML does not stop at the four points above, another use of HTML is to direct users to access other pages or websites through certain text or commands. The following HTML function is called hyperlink.

How HTML Works

type of computer network
Photo by Marc Mueller from Pexels

After knowing HTML functions, now you need to understand also how HTML works. Jagoan Hosting has summarized the stages of how HTML works from start to finish.

First, the way HTML works is starting from the file format. HTML files always end with an .html or .htm extension. This extension can usually be viewed using any web browser (Google Chrome, Safari, or Mozilla Firefox). The browser reads the HTML file and renders its content so that internet users can view and read it.

Typically, sites will include a number of different HTML pages and consist of multiple pages. For example, the home page (home)about us, contact page, blog and so on.

Well, each of the following pages has several tags or elements that are arranged to form a website page. These tags will create a hierarchy that organizes content into a paragraph section, there are headings, blocks and other content. Then, these markup language elements generally have opening and closing tags using the syntax .

The final step of how HTML works is that you need to make the website online so that other people can access it. The browser will read and render the HTML file to display a website. Your website visitors will find it easy to read and get the information they need.

That’s complete information about the understanding of HTML, functions to how it works. HTML stands for Hypertext Markup Language which is something that must be mastered by developers to be able to design website page structures properly and correctly. So, have you understood it?

If so, now is the time for you to start building your own website. However, to make this happen, you certainly need a quality web hosting service to upload files and fulfill your other website needs. Well, a web hosting service from Jagoan Hosting is the answer. Let’s check now!