--- UNDER CONSTRUCTION!!!!!! --- hash academy launches 2/31/2025 ---
1. Introduction to HTML
What is HTML?
Definition: Hypertext Markup Language
Importance in web development
Structure of a basic HTML document
How HTML works with web browsers
Rendering process
Overview of browsers (Chrome, Firefox, Edge, etc.)
Setting up the development environment
Text editors (VS Code, Sublime Text, etc.)
Browser for testing (Chrome, Firefox, etc.)
2. Basic HTML Structure
HTML Document Structure
The <!DOCTYPE html> declaration
Opening and closing <html> tags
<head> section (meta, title, links)
<body> section (content visible on the web page)
Creating a Simple Web Page
Using basic tags like <h1>, <p>, and <a>
Writing a simple HTML page
3. HTML Elements & Tags
What are HTML tags?
Opening and closing tags
Self-closing tags (e.g., <img>, <br>)
Common HTML Tags
Headings (<h1> to <h6>)
Paragraphs (<p>)
Links (<a>)
Images (<img)
Lists (<ul>, <ol>, <li>)
Divisions (<div>)
Spans (<span>)
Text Formatting Tags
Bold (<b>), Italics (<i>), Underline (<u>)
Strikethrough (<s>)
Superscript (<sup>) and Subscript (<sub>)
Text Alignment
Using the <center> tag (deprecated)
CSS text alignment (intro to inline CSS)
Creating Hyperlinks
Using the <a> tag with href attribute
Opening links in the same vs new window/tab
Adding Images with the <img> Tag
Understanding src (source) and alt (alternative text)
Image Attributes
Setting width and height
Image alignment (basic CSS)
Unordered Lists (<ul>)
Nested lists
Ordered Lists (<ol>)
Numbering and custom ordered lists
Tables
Basic table structure: <table>, <tr>, <td>, <th>
Table rows and headers
Creating Forms
The <form> tag
Form elements: <input>, <textarea>, <select>, <button>
Form Attributes
Action, method (GET vs POST)
Labeling inputs with <label>
Basic Input Types
Text, password, checkbox, radio button, submit button
Mini Course: Basic CSS Integration
Introduction to CSS
How CSS styles HTML elements
Inline, Internal, and External CSS
Using the style attribute (inline)
Adding a <style> block in the <head> (internal)
Linking external CSS files with <link>
CSS Selectors
Styling elements by tag, class, and ID
