What is HTML? Basic HTML structure

HTML is an indispensable part of web programming. Its popularity is constantly increasing, and its considered the official web standard. So, what exactly is HTML? How did HTML come about, and what is its structure? Lets find out below.

HTML is an indispensable part of web programming. Its popularity is constantly increasing, and it's considered the official web standard. So, what exactly is HTML? How did HTML come about, and what is its structure? Let's find out below.

 

What is HTML?

HTML stands for HyperText Markup Language. HTML allows users to create and structure elements on a web page such as paragraphs, headings, links, quotes, tables, etc.

  • HTML elements are the blocks of an HTML web page, represented by markup tags.
  • HTML markup tags contain content such as 'paragraph', 'heading', 'table', etc.
  • Browsers don't display HTML tags directly, but they use them to render the content of a page.

 

HTML is not a programming language, but simply a markup language; it's simple and easy to learn, even for beginners in web development.

The history of HTML

HTML was created by Tim Berners-Lee, a physicist at the CERN research institute in Switzerland. He came up with the idea of ​​a hypertext system for the Internet. Hypertext means text that can contain links to other text that users can access immediately.

He published the first version of HTML in 1991, which included 18 HTML tags. Later, the HTML language added many new tags and attributes to mark up text. According to the Mozilla Developer Network's HTML Element Reference, there are now approximately 140 HTML tags, including some that are outdated and no longer supported by modern browsers.

HTML standards are currently maintained and developed by the W3C (World Wide Web Consortium).

Since the early days of the web, there have been many versions of HTML: HTML (1991), HTML 2.0 (1995), HTML 3.2 (1997), HTML 4.01 (1999), XHTML (2000), HTML 5 (2014). HTML5 is also the biggest upgrade to this language, adding several new tags such as << .

and .

 

A simple HTML document

Below is an example of a simple HTML document.

 TipsMake.com 

Learn HTML programming

HTML is a hypertext markup language.

Explain the example.

  • Indicates that this text is HTML5.
  • is the root element of the HTML page.
  • Contains descriptive information about the text.
  • This element indicates the title of the document.
  • It is the element that contains the page content to be displayed.
  •  

    This element indicates that the large title will be displayed.
  • is an element of the paragraph

HTML markup tags

HTML markup tags (or simply HTML tags) are elements enclosed in curly braces.

content

  • HTML tags usually come in pairs, for example:

    and

  • The first card in this pair is called the opening card, and the second card is called the closing card.
  • Closed cards are written the same way as open cards, but begin with a slash before the card name.

Web browser

The purpose of a web browser (Chrome, IE, Firefox, Safari, etc.) is to read HTML text and display it. The browser doesn't display HTML tags directly, but uses them to determine how the text should be rendered.

 


The browser displays HTML text.

HTML page structure

Below is a simplified image of the HTML page structure.


The parts of a simple HTML page structure.

Note: Only the content inside this section will be displayed in your browser.

 

It only indicates the type of text and helps the browser display the web page correctly; it appears only once at the top of the page (before any HTML tags).

It's not necessary to capitalize.

for HTML5 is

 

Next lesson: HTML editor

See also: 5 best free online HTML editors for code checking

Related posts
  • 17 simple HTML codes you can learn in 10 minutes

    although modern web pages are often built with user-friendly interfaces, it's good to know some basic html . if you know the following 17 tags, you can create a basic web page from scratch or tweak the code created by an application like wordpress.
  • Introduction to HTML

    a few basic things to know about html before starting to learn this language.
Other HTML articles
  • How to Learn HTML Language

    html là chữ viết tắt của hyper text markup language (ngôn ngữ đánh dấu siêu văn bản), và là loại mã hay ngôn ngữ được sử dụng để tạo nên các trang web. có thể hơi nản lòng một chút nếu bạn chưa từng viết mã bao giờ trước đây, nhưng tất cả những gì bạn cần để thử làm là một chương trình biên tập văn bản đơn giản và một trình duyệt internet. bạn thậm chí có thể nhận ra vài html được sử dụng để thay đổi kiểu chữ trên các diễn đàn trực tuyến, trong các hồ sơ trực tuyến được tùy biến, hoặc trong các bài viết của tipsmake. html là một công cụ hữu ích cho bất cứ ai sử dụng internet, việc học những thứ căn bản về html có thể mất ít thời gian hơn là bạn nghĩ.
  • How to create a simple contact form using HTML, CSS, and JavaScript

    học cách tạo một biểu mẫu liên hệ cho web thật dễ dàng theo các bước sau, đảm bảo bạn giao tiếp hiệu quả với khách truy cập.
  • Why write neat and organized HTML?

    bạn sẽ nhận được nhiều lợi ích khi viết code html chính xác và gọn gàng. dưới đây là lí do tại sao nên viết code html tối ưu.
  • HTML ISO Country Code Reference

    trong html, mã quốc gia có thể được sử dụng làm phần bổ sung cho mã ngôn ngữ trong thuộc tính lang.
  • HTTP status message

    khi trình duyệt yêu cầu service từ web server, lỗi có thể xảy ra và máy chủ có thể trả về mã lỗi như 404 not found .
  • Reference Canvas in HTML

    thẻ html canvas được sử dụng để vẽ đồ họa một cách nhanh chóng, thông qua script (thường là javascript). Để tìm hiểu thêm về canvas, vui lòng đọc hướng dẫn html canvas.
Category

System

Windows XP

Windows Server 2012

Windows 8

Windows 7

Windows 10

Wifi tips

Virus Removal - Spyware

Speed ​​up the computer

Server

Security solution

Mail Server

LAN - WAN

Ghost - Install Win

Fix computer error

Configure Router Switch

Computer wallpaper

Computer security

Mac OS X

Mac OS System software

Mac OS Security

Mac OS Office application

Mac OS Email Management

Mac OS Data - File

Mac hardware

Hardware

USB - Flash Drive

Speaker headset

Printer

PC hardware

Network equipment

Laptop hardware

Computer components

Advice Computer

Game

PC game

Online game

Mobile Game

Pokemon GO

information

Technology story

Technology comments

Quiz technology

New technology

British talent technology

Attack the network

Artificial intelligence

Technology

Smart watches

Raspberry Pi

Linux

Camera

Basic knowledge

Banking services

SEO tips

Science

Strange story

Space Science

Scientific invention

Science Story

Science photo

Science and technology

Medicine

Health Care

Fun science

Environment

Discover science

Discover nature

Archeology

Life

Travel Experience

Tips

Raise up child

Make up

Life skills

Home Care

Entertainment

DIY Handmade

Cuisine

Christmas

Application

Web Email

Website - Blog

Web browser

Support Download - Upload

Software conversion

Social Network

Simulator software

Online payment

Office information

Music Software

Map and Positioning

Installation - Uninstall

Graphic design

Free - Discount

Email reader

Edit video

Edit photo

Compress and Decompress

Chat, Text, Call

Archive - Share

Electric

Water heater

Washing machine

Television

Machine tool

Fridge

Fans

Air conditioning

Program

Unix and Linux

SQL Server

SQL

Python

Programming C

PHP

NodeJS

MongoDB

jQuery

JavaScript

HTTP

HTML

Git

Database

Data structure and algorithm

CSS and CSS3

C ++

C #

AngularJS

Mobile

Wallpapers and Ringtones

Tricks application

Take and process photos

Storage - Sync

Security and Virus Removal

Personalized

Online Social Network

Map

Manage and edit Video

Data

Chat - Call - Text

Browser and Add-on

Basic setup