Lesson 11: Meta Tags & SEO (The Secret to Traffic)
When you share a link on X (Twitter) or Facebook and it shows a nice image and a description, that isn’t magic—it’s Meta Tags. These tags live in the <head> and tell the rest...
Author: theodore
Lesson 8: HTML Tables (Organizing Data)
We’re wrapping up Phase 2! While many modern websites use “Flexbox” or “Grid” (which are CSS topics) for layout, HTML Tables are still the absolute best way to display structured data. An HTML table...
Lesson 7: Forms & User Input (Making it Interactive)
A form is a container for different types of input elements, like text boxes, checkboxes, and buttons. 1. The <form> Container The <form> tag wraps all your inputs. It has two critical attributes that...
Lesson 6: HTML5 Semantic Tags (SEO Secrets)
HTML5 Semantic Tags (SEO Secrets) “Semantic” is just a fancy word for “meaning.” A semantic tag tells both the browser and the search engine (Google) what its content is. 1. Why Semantics Matter for...
Lesson 5: Working with Images (Making it Visual)
We are moving into Phase 2! Your website is currently full of text, but the modern web is visual. In this lesson, we’ll learn how to add images. A picture is worth a thousand...
Lesson 4: Lists & Links (Building the Web)
1. HTML Lists: Ordered vs. Unordered There are two main types of lists you will use in almost every tutorial. Unordered Lists (<ul>) Use these for bullet points where the order doesn’t strictly matter...
Lesson 3: Text Basics (Headings and Paragraphs)
When you write a document in Microsoft Word, you use different font sizes to show what is a title and what is a body of text. In HTML, we do this using Semantic Tags....
Lesson 2: The Essential HTML Boilerplate
In Lesson 1, we learned that HTML is the skeleton of a webpage. But before you start adding “bones” like headings and images, you need to set up the environment. In web development, we...
Lesson 1: What is HTML? (The Skeleton of the Web)
If you’ve ever wanted to build a website, you’ve probably heard of HTML. But what exactly is it? At Coding Learners, we like to explain it using the “Building” analogy. If a website were...
Lens for Laravel Brings WCAG Auditing to Your Local Dev Workflow
Lens for Laravel Brings WCAG Auditing to Your Local Dev Workflow Accessibility is easy to overlook during development, and regressions are hard to catch in code review. Lens for Laravel, created by Jakub Lipiński, is...
