What is HTML

HTML (HyperText Markup Language) is a markup language for creating the structure and content of web pages. HTML is not a programming language, but a markup language that uses tags to define elements on a web page.

Why Is HTML Important?

HTML is the foundation of every website. Without HTML, no website can work. Web browsers read HTML files and render the content that users see.

Basic HTML Structure

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Page Title</title>
</head>
<body>
    <h1>Hello, World!</h1>
    <p>This is my first web page.</p>
</body>
</html>

Basic HTML Elements

Heading

<h1>Main Title</h1>
<h2>Second Title</h2>
<h3>Third Title</h3>
<h4>Fourth Title</h4>
<h5>Fifth Title</h5>
<h6>Sixth Title</h6>

Paragraph

<p>This is the first paragraph.</p>
<p>This is the second paragraph.</p>

Link

<a href="https://www.google.com">Visit Google</a>

Image

<img src="photo.jpg" alt="Image description" width="300">

Case Study: Campus Information System Website

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Academic Information System</title>
</head>
<body>
    <header>
        <h1>Academic Information System</h1>
        <nav>
            <a href="home.html">Home</a>
            <a href="students.html">Students</a>
            <a href="lecturers.html">Lecturers</a>
            <a href="schedule.html">Schedule</a>
        </nav>
    </header>

    <main>
        <h2>Welcome</h2>
        <p>Welcome to the Technology University Academic Information System.</p>
    </main>

    <footer>
        <p>&copy; 2024 Technology University</p>
    </footer>
</body>
</html>

Everyday Case Study

Case: A student needs to create an online CV to apply for an internship.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CV - John Smith</title>
</head>
<body>
    <h1>John Smith</h1>
    <p>Informatics Engineering Student - Technology University</p>

    <h2>Education</h2>
    <p>B.Sc. Informatics Engineering (2020 - Present)</p>

    <h2>Skills</h2>
    <ul>
        <li>HTML, CSS, JavaScript</li>
        <li>Python</li>
        <li>Database MySQL</li>
    </ul>
</body>
</html>

Summary

HTML is the foundation of web development. Understanding HTML is the first step to building effective websites and web applications.