Code Skiller logoCB Logo
Logo LearnLearnLogo PracticePracticeLogo HireHireLogo IDEIDE

Getting Started with HTML

User image

Published by

sanya sanya

Published at: 29th Dec, 2024
1.635 mins read

HTML TAGS

An HTML tag is the basic building block of any HTML file or webpage. Different Tags format the way, how information or text is displayed on our browser.

example: <tagname> content </tagname>


The main parts of our element are as follows:

  • Element names are surrounded by angle brackets <>
  • Normally every element has an opening tag and a closing tag
  • Closing tag has a forward slash in them.
  • Some tags close themselves, these are called self-closing tags.
  • Self-closing tags do not have any content present in them which could be displayed on the browser. They are usually used in formatting the document or adding some style to it.

example: <br/> is a self-closing tag


HTML Page Structure

This is what an HTML document looks like:

  • <html></html> — the <html> Tag. Every HTML document starts with an <html> tag and ends with an </html> . This element wraps all the content on the entire page (everything!) and is also known as the root element.


  • <head></head> — the <head> Tag. The content inside the Head Element has nothing to do with the output we display on the browser. It usually contains descriptions such as page titles, links to CSS or JavaScript Files, data regarding the HTML document, and more


  • <body></body> — the <body> Tag. This contains all the content that we want to display on the browser, whether that's text, images, videos, graphics, etc.


HTML-5 BoilerPlate

A boilerplate in HTML is a template you will add at the start of your project. You should add this boilerplate to all of your HTML pages.

To start with an HTML Boilerplate, Keypress ! in your html file and then press Enter.This would create an HTML boilerplate as shown below

Boilerplate gives a pre-built template /code of all the necessary tags required to start with an HTML Document.

Library

WEB DEVELOPMENT

Basic

HTML - Hyper Text Markup Language

HTML: Hyper Text Markup Language

Getting Started with HTML

Working with Tags

HTML Tags

Attributes

Block & Inline Elements , HTML Entities

HTML Links

HTML Forms

Tables In HTML

HTML SEMANTICS

CSS - Cascading Style Sheets

JavaScript

Frontend

Backend

Interview Questions

FAANG QUESTIONS

On this page

HTML TAGS

HTML Page Structure

HTML-5 BoilerPlate