Learn Basic HTML Part 1 – Definition and Writing Structure

HTML at a glance

HTML was created by a physicist with the Berners Lee team at the CERN research institute in Switzerland. The team had the idea of a hypertext system that was based on the internet. Tim Berners Lee released the first HTML version in 1991. In this version there are 18 HTML tags. Hypertext refers to text that contains references or links to other text so that it can be accessed by the user.

Since 1991, every HTML version has released its newest version, always equipped with the latest attributes and tags. Currently there are 140 HTML tags based on the HTML Element Reference which is owned by the Mozilla Developer Network. Due to the popularity and advancement of technology, HTML continues to grow and improve. HTML is considered as the official website standard.

HTML was developed by the W3C with a major upgrade in 2014. The result is the introduction of HTML 5 with new semantics so that it can tell the meaning of the HTML content itself. The existence of a web browser aims to make it easier for users to open HTML-formatted documents. (source: qwords.com)

Most of the websites spread around the world are created using the Structural HTML (Hypertext Markup Language) and CSS (Casecading Style Sheets) technology with a combination of several scripting languages such as PHP, Javascript etc. HTML documents are files that end with the extension .html or .htm. This file extension can be viewed using any web browser (such as Google Chrome, Safari, or Mozilla Firefox). The browser reads the HTML file and renders its content so that internet users can see and read it.

Each HTML page consists of a set of tags (also called elements), which refer to the building blocks of the website page. These tags create a hierarchy that organizes content into sections, paragraphs, headings, and other content blocks. Most HTML elements have an opening and closing tag that uses syntax. All right, without lingering, we go straight to learning:

Writing HTML code

Pwriting HTML code is wrapping the text with two hands, namely the opening <….> and closing tags although some do not require closing tags such as <img>, <br>, <hr> and much more.

HTML <…> tag is a marker to mark elements in an HTML document. The function of the tag is to provide instructions or tell the browser how an object is displayed based on the tags used, objects here can be text, video, audio and images. While Element is a series of opening tags, content and closing tags. below is an example of the title element written with <title>…</title> which contains content in the form of the writing yiptechid.com

Basic structure in HTML

Every HTML page has at least a basic structure consisting of: DTD or DOCTYPE tags, html tags, head tags, and body tags. This is the most basic structure of HTML, even though HTML doesn’t just contain that structure.

  • <!OCTYPE html> The earliest tag in the HTML example above is a DTD or DOCTYPE. DTD stands for Document Type Declaration. Which serves to inform the web browser that the document to be processed is HTML.
  • <html> IThis is the opening tag of the entire web page. All HTML code must be within this tag. The html tags begin with <html> and ends with </html>.
  • <head> The elements in this tag will generally contain various page definitions, such as CSS, JavaScript, and other code that does not appear in the browser.
  • <title> The tags in our previous example are used to display the title of a web page. This title is usually displayed at the very top of the web browser.
  • <body> This tag contains all the elements that will appear in a web page, such as paragraphs, tables, links, images, etc. This body tag is closed with </body> . Most of our time in web designing will be spent in this tag.

That’s a glimpse of html and its writing rules, in the next article we will discuss one by one the elements in html and their functions, which are equipped with images to make it easier for readers.

Leave a Reply

Your email address will not be published. Required fields are marked *