□

Mangcoding

icon chat
Mulida Asti - Wednesday, 26 February 2025 - 4 months ago

Understanding the Use of HTML

single image
Photo By Valery Sysoev on Unsplash

html

HTML, which stands for Hypertext Markup Language, is the standard markup language used for creating websites. Before diving deeper into HTML, there are a few important terms you need to understand first.

Website: A collection of interconnected web pages, typically hosted on a site, containing information provided by individuals, groups, or companies (source: Wikipedia).

In my opinion, a website is a digital page that contains information—whether personal, group-based, or corporate—that can be accessed by anyone connected to a network.

Browser: A computer application used to open web pages. Without a browser, we wouldn’t be able to access any website.

Text Editor: A text-processing application used to write, edit, and save text files. Some text editors are specifically designed for working with HTML. This topic will be covered in the next material.

    Development of HTML

According to W3Schools, here are some key points about HTML

  • HTML stands for Hypertext Markup Language.
  • HTML describes the structure of a web page using Markup.
  • HTML elements consist of blocks/tags that build a web page.
  • HTML elements are created using HTML tags.
  • HTML tags serve as labels that define different content types, such as “Heading” dengan tag <h1< .. <h6>, “Paragraph” dengan <p>, “Table” dengan <table>, etc.
  • Browsers do not display HTML tags directly but render them into a web page. To view the HTML structure of a website, you can use Ctrl + U or View Page Source in your browser.
    • <!DOCTYPE html>
<html>
<head>
    <metacharset="UTF-8">
    <title>HTML Dasar</title>
</head>
<body>
    <header>
        <h1>Selamat datang di program HTML Pertama anda</h1>
        <nav> <ahref="#">Halaman depan</a> <ahref="#">Page</a> <ahref="#">Kontak</a> </nav>
    </header>
    <sectionid="content">
        <article>
            <h3>Artikel Pertama Anda</h3>
            <p> Halaman pertama HTML anda. </p>
            <a href="#">more</a>
        </article>
        <article>
            <h3>Artikel kedua Anda</h3>
            <p> Halaman pertama HTML anda. </p>
            <a href="#">more</a>
        </article>
    </section>
    <footer>
        <p>Hak cipta dilindungi undang-undang</p>
    </footer>
</body>
</html>

    Quick Explanation

    • The <!DOCTYPE html> Declares the document as HTML5.
    • The <html> root element of the HTML document.
    • The <head> Contains metadata and information about the web page.
    • The <title> Defines the title of the page.
    • The <body> Contains all visible elements on the web page.
    • The <h1> Defines a heading with the largest font size.
    • The <p> Defines a paragraph.

      • <hadr>,<nav>,<section>,<article>,<footer>  These elements help structure a web page into specific sections. Introduced in HTML5, they provide better content organization but do not have special styling by default.

      This is a brief introduction to HTML. Happy learning!

      This article on Understanding the Use of HTML is brought to you by Mangcoding. Hopefully, this article is helpful and provides new insights. If you have constructive feedback or suggestions, feel free to comment or reach out via email and social media.

Link Copied to Clipboard