Ify's blog

DAY 1: The Building Blocks Of Web Development

IfeanyiChukwu Obi's photo
IfeanyiChukwu Obi
·

2 min read

DAY 1: The Building Blocks Of Web Development

Table of contents

No heading

No headings in the article.

INTRODUCTION:

Welcome to my first post in my series on HTML! We will explore the foundational aspects of HTML; the backbone of web development.

I finally decided to get up, put on my glasses, grab my ear pods, and bottle of water, and start this amazing journey!!

HTML DOCUMENT STRUCTURE:

HTML documents adhere to a structured form comprising nested elements that form a hierarchical layout. Let us break down these essential components:

  1. <!DOCTYPE html>: This is a declaration tag that represents the document type, and helps browsers display web pages correctly. It must only appear once, at the top of the page (before any HTML tags).

  2. <html>: This tag signifies the root of an HTML document, containing all other elements.

  3. <head>: Within the head section, meta information about the document is housed. For example; the document's title, character set declaration, and links to external resources like CSS and JavaScript files.

  4. <title>: The title tag specifies the title of the web page, which appears in the browser's title bar or tab. It plays a crucial role in search engine optimization (SEO) and the user experience. It is found in the '<head>'.

  5. <body>: The body tag encloses the main content of the web page visible to users. It encompasses elements like headings, paragraphs, images, links, and more.

HTML TAGS:

HTML tags serves as the building blocks of web pages, allowing the structure and formatting of content. Each tag consists of an opening tag, content, and a closing tags.

NOTE: Some tags are empty tags and do not require a closing tag.

Here are some essential HTML tags, in more detail:

  1. <p>: This is a paragraph tag which is used to define paragraphs of text. It creates a block of text with a line break before and after the content.

  2. <h1> to <h6>: These are heading tags that are used to define headings of different levels, with '<h1>' being the highest level and '<h6>' being the lowest level. They are crucial for organizing content hierarchically.

  3. <br>: This is a break tag, it is used to give spaces between texts. It is an empty tag.

NOTE: Save all HTML document with '.html' E.G: Day 1.html

I also make use of 'Visual Studio Code' as my text editor.

HTML5HTMLProgramming BlogsProductivityProgramming Tipsprogramming languagesprogrammer