Skip to main content

Command Palette

Search for a command to run...

DAY 1: The Building Blocks Of Web Development

Updated
β€’2 min read
DAY 1: The Building Blocks Of Web Development
I

I am a medical student at Alex Ekwueme Federal University Ndufu Alike, Ikwo (AE-FUNAI), Ebonyi State. Abuja. Nigeria. Due to graduate in a few years.

I also took a Virtual Assistant course with the African Leadership X (ALX) program.

I am a focused student with knowledge of customer service, data entry, and records management, and a good team player.

I am hardworking and versatile with proven communication, organizational, and computer skills.

My key skills are: Organization, Being proactive,Microsoft Office, Google Workspace, Good Communication skills, Internet Research, Scheduling, Adaptability, Resourcefulness.

I just recently started my journey into the world of programming as well.

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.

E

The first stepπŸ™ƒ

L

Nice πŸ™‚ content

1

More from this blog

Ify's blog

14 posts