HTML Usage

Welcome!
This repository contains a collection of HTML study guides, organized progressively to make learning and reviewing HTML for web pages easier.

---

🎯 Purpose

The main goals of this repository are to:

• Provide a clear, practical, and beginner-friendly reference for the core HTML concepts;
• Organize content into topic-based folders, making navigation and study easier;
• Serve as learning material for beginners and as a quick reference for more experienced users.

---

🗂️ Repository Structure

The content is divided into folders, each covering a specific set of topics:

• html_basico/
  Contains multiple .html files, each focused on a specific concept:

  • 1_principais_conceitos.html — Basic HTML document structure
  • 2_tags_texto.html — Paragraphs, headings, text formatting, quotations, and abbreviations
  • 3_imagens.html — Using the <img> tag, attributes, and best practices
  • 4_links.html — Creating links with the <a> tag, attributes, and navigation
  • 5_listas.html — Ordered (<ol>), unordered (<ul>), and definition (<dl>) lists
  • 6_html_semantico.html — Semantic tags such as <header>, <nav>, <article>, and <footer>
  • 7_tabelas.html — Table structure and attributes
  • 8_divisoes.html — Using divisions (<div>) to organize and group elements
  • 9_formularios_botoes.html — Form fields, buttons, and inputs
  • img/ — Images used in the examples

📌 The structure can be expanded as new topics are added.

---

▶️ How to Use

1. Browse the folders according to the topic you want to study;
2. Open the .html files directly in your browser or;
3. It is highly recommended to use Visual Studio Code with an HTML preview extension, such as:
   • Live Server
   • Live Preview

These extensions allow you to preview HTML pages easily and dynamically, improving the learning experience.

---

🤝 Contributing

Suggestions, improvements, corrections, or new examples are welcome!
Feel free to open an issue or submit a pull request.

---