This HTML basics tutorial will be my first ever blog tutorial. My goal is to teach you how to build a basic website from scratch. This blog post will cover all the basics of how you can build a simple website.

1. What is HTML?

The most effective tool for setting up and compiling online material is HyperText Markup Language (HTML), the founding language of the internet. Every website’s core establishes each page’s structure, design, and aesthetics. HTML uses many tags, sometimes referred to as elements, to organize and format information. Like the mighty <tagname>, these tags are enclosed in angle brackets and often appear in pairs, with the opening and closing tags being the characters <p> and </p>.

The foundation of the World Wide Web is made up of HTML, Cascading Style Sheets (CSS), and JavaScript, among others. A web page’s structure and content are controlled by HTML, CSS controls its aesthetic appearance, and JavaScript adds its life and dynamism.

2. Why is HTML important for web design?

HTML is important in creating visually beautiful and effective websites for several reasons:

  • Arrangement / Organization: HTML expertly aligns and organizes content on a web page, helping users and search engines to easily comprehend the hierarchy and purpose of the information.
  • Accessibility: Properly organized HTML makes your website accessible to both disabled people and search engines. Screen readers and other assistive technology rely on well-structured HTML to effectively comprehend the material.
  • Flexibility / Compatibility: HTML, as a platform-independent language, is compatible with any operating system or device, ensuring that your website can be accessed and read by anyone, anywhere.
  • Ease of Use: HTML is a simple language to learn, making it an excellent stepping stone for beginners interested in online design and development.

3. Basic structure of an HTML document

HTML documents all have a common structure made up of a hierarchy of elements. The basic structure is described below:


    <!DOCTYPE html>
    <meta charset=”UTF-8″>
    <title>Page Title</title>
    <!– Your content goes here –>

    Let’s break down each part of this structure:

    • <!DOCTYPE html>: The document type and HTML version are specified in this declaration. It instructs the browser on how to read the HTML code and should be inserted at the beginning of the content.
    • <html>: A HTML document’s root element contains every other element in the code. The two most important child elements are the <head> and <body> tags.
    • <head>: The head section of a web page often includes the title, links to stylesheets, and scripts, as well as meta information about the document and other elements that do not contribute directly to the content displayed on the page.
      • <meta charset="UTF-8">: Indicates the character encoding for the HTML document; UTF-8 is the default.
      • <title>: Specifies the name that will be displayed in the browser’s title bar and tabs.
    • <body>: Comprises the page’s primary informational elements, including text, photos, links, and multimedia files.

    You are now prepared to learn more about HTML tags, attributes, and how to make your own web pages now that you have a foundational grasp of what HTML is, why it is important in web design, and the structure of an HTML document. Keep an eye out for the upcoming HTML syntax and tags tutorial!



      Message me now and let me know your requirements. Let me know if you are interested in having your own website / branding or logo design / or if you have any feedback click the button below:


      Submit a Comment

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