Welcome to the Learn Fundamental of HTML repository! This project is designed to provide a foundational understanding of HTML (HyperText Markup Language), the standard language for creating web pages and web applications.
This project was created with the intention of helping beginners grasp the core concepts of HTML in a structured and simple way. Whether you are just starting your web development journey or looking to refresh your knowledge, this repository provides hands-on examples to make learning enjoyable and practical. Feedback and contributions are highly encouraged to enhance this resource further.
And also as an archive for the author after learning the fundamentals of HTML. There are many methods and resources available, but in this GitHub repository, the author simply wants to archive some documentation to reflect the natural progression of learning.
- Introduction
- Prerequisites
- Getting Started
- Topics Covered
- Project Structure
- Author Comment
- Contributing
- License
HTML is the backbone of the web. It structures the content that we see and interact with on the internet. This repository will guide you through the core concepts of HTML, ensuring you have a solid foundation to build on for more advanced web development skills.
No prior knowledge of HTML is required. However, basic familiarity with using a computer and a text editor will be helpful.
- A modern web browser (e.g., Google Chrome, Firefox, Safari)
- A text editor (e.g., VS Code, Sublime Text, or Notepad++)
- Clone this repository to your local machine:
git clone https://github.com/andrihadiansah/learn-html.git
- Navigate to the project directory:
cd learn-html - Open the project in your favorite text editor and start exploring the files.
- Open any
.htmlfile in your web browser to see it in action.
<html>,<head>, and<body>tags- Doctype declaration
- Headings (
<h1>to<h6>) - Paragraphs (
<p>) - Bold, italics, and other text styles
- Anchor tags (
<a>) for hyperlinks <img>for embedding images
- Ordered lists (
<ol>) and unordered lists (<ul>) - List items (
<li>)
<table>,<tr>,<td>, and<th>- Adding captions and borders
<form>tag- Input fields, buttons, and other form elements
- Understanding
<header>,<footer>,<main>,<article>, and other semantic elements
learn-html/
├── index.html # Main entry point
├── basics/ # Examples of basic HTML concepts
│ ├── text-formatting.html
│ ├── lists.html
│ └── links-images.html
├── forms/ # Examples of HTML forms
├── tables/ # Examples of tables
└── README.md # Project documentation
Contributions are welcome! If you have suggestions or want to add new topics, feel free to fork the repository and submit a pull request. Please ensure your code follows the repository's formatting and standards.
This project is licensed under the MIT License. Feel free to use it as a learning resource or a base for your own projects.