# FreeHTMLEditor.net


## Posts

- [How to Make a Responsive Website with HTML & CSS](https://freehtmleditor.net/learn/how-to-make-a-responsive-website/): How to make a responsive website that works on phones, tablets and desktops: the viewport meta tag, fluid layouts, flexbox and grid, media queries and images.
- [How to Make a Contact Form in HTML That Sends Emails](https://freehtmleditor.net/learn/how-to-make-a-contact-form-in-html/): How to make an HTML contact form that emails you: the form fields, connecting it to a form service or server script, spam protection and a thank-you message.
- [How to Change Text Color in HTML (Hex, RGB & Names)](https://freehtmleditor.net/learn/how-to-change-text-color-in-html/): How to change text color in HTML with the CSS color property: color names, hex, RGB and HSL values, coloring part of a sentence, link colors and contrast.
- [How to Add a Link in HTML (and Open It in a New Tab)](https://freehtmleditor.net/learn/how-to-add-a-link-in-html/): How to add a link in HTML with the  tag: link to pages, sections, emails and phone numbers, open links in a new tab, link images and style links.
- [How to Make a Footer in HTML & CSS (Sticky & Responsive)](https://freehtmleditor.net/learn/how-to-make-a-footer-in-html/): How to make a website footer with the  tag: links, contact details, columns with CSS grid, a copyright line and a footer that stays at the bottom.
- [How to Make a Dropdown Menu in HTML & CSS (Accessible)](https://freehtmleditor.net/learn/how-to-make-a-dropdown-menu/): How to make a dropdown menu with HTML and CSS: a nested list of links, hover and click versions, keyboard-friendly markup and the  form dropdown.
- [How to Embed a YouTube Video in HTML (Responsive)](https://freehtmleditor.net/learn/how-to-embed-a-youtube-video-in-html/): How to embed a YouTube video in HTML: copy the iframe embed code, make it responsive, set start time and autoplay, and add your own videos with .
- [How to Change Font in HTML (Family, Size, Color & Google Fonts)](https://freehtmleditor.net/learn/how-to-change-font-in-html/): How to change the font in HTML with CSS: font-family stacks, size, weight and color, and how to add Google Fonts or your own font files. With live examples.
- [How to Make a Table in HTML (with Borders & Styling)](https://freehtmleditor.net/learn/how-to-make-a-table-in-html/): How to make a table in HTML step by step: rows, cells and headers, borders with CSS, merged cells, captions and tables that work on phones. Live examples.
- [How to Make a Navigation Bar in HTML & CSS (Responsive)](https://freehtmleditor.net/learn/how-to-make-a-navigation-bar/): How to make a navigation bar with HTML and CSS: a  with a list of links, a horizontal flexbox menu, an active link, a sticky header and a mobile menu.
- [How to Link CSS to HTML (External, Internal & Inline)](https://freehtmleditor.net/learn/how-to-link-css-to-html/): How to link a CSS file to HTML with the  tag, plus internal  and inline styles, how file paths work and why CSS may not load.
- [How to Add an Image in HTML (Size, Alt Text & Links)](https://freehtmleditor.net/learn/how-to-add-an-image-in-html/): How to add an image in HTML with the  tag: src paths, alt text, resizing, captions, image links and fast responsive images, with live examples.
- [HTML Forms Tutorial: Inputs, Labels, Validation & Submit](https://freehtmleditor.net/learn/html-forms-tutorial/): A beginner HTML forms tutorial: build a form step by step with inputs, labels, checkboxes, dropdowns, built-in validation and a submit button. Live examples.
- [How to Make a Button in HTML (Styled, Linked & Clickable)](https://freehtmleditor.net/learn/how-to-make-a-button-in-html/): How to make a button in HTML with the  tag, style it with CSS, turn a link into a button and run JavaScript on click, with live examples to edit.
- [How to Center a Div in HTML & CSS (5 Easy Methods)](https://freehtmleditor.net/learn/how-to-center-a-div/): How to center a div horizontally and vertically with CSS: flexbox, grid, margin auto, absolute positioning and text centering, each with a live example.
- [How to Add a Background Image in HTML & CSS (Full Screen Too)](https://freehtmleditor.net/learn/how-to-add-a-background-image-in-html/): How to add a background image in HTML with CSS background-image, make it cover the full screen, stop it repeating and keep text readable. With live examples.

## Pages

- [HTML Tutorials](https://freehtmleditor.net/learn/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Learn HTML & CSS Tutorials Free step-by-step tutorials that answer the questions beginners ask most, like how to center a div or build a form. Each one starts with the short answer, then walks through every method with live examples ... Read more
- [<style> Tag in HTML](https://freehtmleditor.net/reference/tags/style-tag/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<style> The <style> element The <style> tag holds CSS written directly inside an HTML page, usually in the <head>. The rules apply to the whole page, just like an external stylesheet, without needing a separate file. It is handy for ... Read more
- [<script> & <noscript> Tags in HTML](https://freehtmleditor.net/reference/tags/script/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<script> / <noscript> The <script> & <noscript> elements The <script> tag adds JavaScript to a page, either written between the tags or loaded from a file with src. Add defer to load a file without blocking the page and run ... Read more
- [<meta> Tag in HTML](https://freehtmleditor.net/reference/tags/meta/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<meta> The <meta> element The <meta> tag gives browsers and search engines information about a page that has no other tag of its own. It sits in the <head> and usually pairs a name with a content value. The most ... Read more
- [<link> Tag in HTML](https://freehtmleditor.net/reference/tags/link/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<link> The <link> element The <link> tag connects a page to an external resource. It sits in the <head>, and its rel attribute says what the relationship is: stylesheet loads a CSS file, icon sets the favicon, canonical tells search ... Read more
- [<head> & <title> Tags in HTML](https://freehtmleditor.net/reference/tags/head-title/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<head> / <title> The <head> & <title> elements The <head> tag holds information about a page that isn’t shown in the page itself: its title, character set, description, stylesheets and scripts. The <title> tag, which every page needs exactly one ... Read more
- [<base> Tag in HTML](https://freehtmleditor.net/reference/tags/base/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<base> The <base> element The <base> tag sets the starting URL that every relative link, image and script on the page is resolved against, and can set a default target for all links. A page may have only one, placed ... Read more
- [HTML Cheat Sheet](https://freehtmleditor.net/html-cheat-sheet/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/HTML cheat sheet HTML Cheat Sheet An HTML cheat sheet is a one-page quick reference of the most-used HTML tags and attributes. This one lists 88 elements grouped by purpose, from page structure and text to links, media, lists, tables ... Read more
- [What Is an HTML Editor?](https://freehtmleditor.net/what-is-an-html-editor/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/What is an HTML editor? What Is an HTML Editor? An HTML editor is a software application or browser-based tool for writing and editing HTML, the code that structures every web page. Most HTML editors add helpers such as syntax ... Read more
- [<template> & <slot> Tags in HTML](https://freehtmleditor.net/reference/tags/template/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<template> / <slot> The <template> & <slot> elements The <template> tag holds a chunk of HTML that is not shown when the page loads. JavaScript copies it with template.content.cloneNode(true) and inserts the copy wherever it is needed, such as one ... Read more
- [<ins> & <del> Tags in HTML](https://freehtmleditor.net/reference/tags/ins-del/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<ins> / <del> The <ins> & <del> elements The <ins> and <del> tags record edits to a document. <del> marks text that has been removed, shown with a line through it, and <ins> marks text that has been added, shown ... Read more
- [<dialog> Tag in HTML](https://freehtmleditor.net/reference/tags/dialog/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<dialog> The <dialog> element The <dialog> tag creates a popup box, such as a confirmation message or a sign-up form. Open it with JavaScript: showModal() shows it as a modal, centered over a dimmed backdrop, with keyboard focus kept inside ... Read more
- [<details> & <summary> Tags in HTML](https://freehtmleditor.net/reference/tags/details/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<details> / <summary> The <details> & <summary> elements The <details> tag creates a section that readers can open and close, with no JavaScript needed. Its first child, <summary>, is the always-visible label they click, and everything after it is hidden ... Read more
- [<picture> Tag in HTML](https://freehtmleditor.net/reference/tags/picture/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<picture> The <picture> element The <picture> tag lets the browser choose between several versions of an image. Inside it, <source> elements offer alternatives for different screen sizes (with media) or file formats (with type), and a final <img> is the ... Read more
- [<map> & <area> Tags in HTML](https://freehtmleditor.net/reference/tags/map/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<map> / <area> The <map> & <area> elements The <map> and <area> tags turn parts of an image into links, called an image map. Each <area> defines a clickable region with a shape (rectangle, circle or polygon) and pixel coords, ... Read more
- [<iframe> Tag in HTML](https://freehtmleditor.net/reference/tags/iframe/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<iframe> The <iframe> element The <iframe> tag embeds another web page inside the current one, in its own rectangular frame. It is how sites embed YouTube videos, Google Maps and payment forms. Set the page to load with src, describe ... Read more
- [<embed> & <object> Tags in HTML](https://freehtmleditor.net/reference/tags/embed-object/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<embed> / <object> The <embed> & <object> elements The <embed> and <object> tags place external content, such as a PDF or an SVG file, into a page. <object> loads the file from its data attribute and shows the content between ... Read more
- [<canvas> Tag in HTML](https://freehtmleditor.net/reference/tags/canvas/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<canvas> The <canvas> element The <canvas> tag creates a blank drawing area that you paint on with JavaScript, pixel by pixel. It powers charts, games, image editors and animations. On its own it shows nothing: you get a drawing context ... Read more
- [<audio> Tag in HTML](https://freehtmleditor.net/reference/tags/audio/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<audio> The <audio>, <source> & <track> elements The <audio> tag embeds sound, such as music, a podcast or a sound effect, in a web page. Add the controls attribute to show a play button, timeline and volume. List several <source> ... Read more
- [<thead>, <tbody> & <tfoot> Tags in HTML](https://freehtmleditor.net/reference/tags/table-sections/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<thead> / <tbody> / <tfoot> The <thead>, <tbody> & <tfoot> elements These three tags split a <table> into sections. <thead> holds the header rows with column titles, <tbody> holds the main data rows, and <tfoot> holds summary rows such as ... Read more
- [<tr>, <td> & <th> Tags in HTML](https://freehtmleditor.net/reference/tags/table-rows-cells/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<tr> / <td> / <th> The <tr>, <td> & <th> elements Tables are built from rows and cells. <tr> creates a table row, <td> creates a data cell inside it, and <th> creates a header cell that labels a row ... Read more
- [<caption>, <colgroup> & <col> Tags in HTML](https://freehtmleditor.net/reference/tags/table-caption-col/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<caption> / <colgroup> / <col> The <caption>, <colgroup> & <col> elements The <caption> tag gives a table a visible title, and screen readers announce it when they reach the table. <colgroup> and <col> describe the table’s columns, so you can ... Read more
- [<textarea> Tag in HTML](https://freehtmleditor.net/reference/tags/textarea/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<textarea> The <textarea> element The <textarea> tag creates a multi-line text box, used for comments, messages and other longer answers. Its size is set with rows and cols or with CSS, and maxlength limits how much can be typed. Unlike ... Read more
- [<select>, <option> & <optgroup> Tags in HTML](https://freehtmleditor.net/reference/tags/select/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<select> The <select>, <option> & <optgroup> elements The <select> tag creates a dropdown list of choices in a form. Each choice is an <option>, whose value is what gets sent when the form is submitted, and related options can be ... Read more
- [<progress> Tag in HTML](https://freehtmleditor.net/reference/tags/progress/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<progress> The <progress> element The <progress> tag shows how far a task has got, such as a file upload or a multi-step form, as a progress bar. Set value for the amount done and max for the total (1 by ... Read more
- [<output> Tag in HTML](https://freehtmleditor.net/reference/tags/output/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<output> The <output> element The <output> tag shows the result of a calculation or user action, such as a total price that updates as quantities change. Its for attribute lists the ids of the fields that feed into it. Screen ... Read more
- [<meter> Tag in HTML](https://freehtmleditor.net/reference/tags/meter/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<meter> The <meter> element The <meter> tag shows a measurement within a known range as a gauge, such as disk space used, a battery level or a quiz score. Set value plus min and max. The optional low, high and ... Read more
- [<label> Tag in HTML](https://freehtmleditor.net/reference/tags/label/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<label> The <label> element The <label> tag gives a form control a visible name, such as “Email” next to an email field. Connect it with the for attribute, matching the field’s id, or by wrapping the field inside the label. ... Read more
- [<fieldset> & <legend> Tags in HTML](https://freehtmleditor.net/reference/tags/fieldset/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<fieldset> / <legend> The <fieldset> & <legend> elements The <fieldset> tag groups related controls in a form, such as a set of radio buttons or the parts of an address, and draws a border around them by default. Its first ... Read more
- [<datalist> Tag in HTML](https://freehtmleditor.net/reference/tags/datalist/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<datalist> The <datalist> element The <datalist> tag gives an <input> a list of suggested values, which appear as autocomplete options while the user types. Link the two by setting the input’s list attribute to the datalist’s id. Unlike <select>, the ... Read more
- [<time> Tag in HTML](https://freehtmleditor.net/reference/tags/time/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<time> The <time> element The <time> tag marks a date, a time or a duration in a way computers can read. Readers see friendly text like “next Friday at 3pm”, while the datetime attribute holds a standard value like 2026-10-09T15:00. ... Read more
- [<sub> & <sup> Tags in HTML](https://freehtmleditor.net/reference/tags/sub-sup/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<sub> / <sup> The <sub> & <sup> elements The <sub> tag shows text as subscript, set lower and smaller than the line, as in chemical formulas like H2O. The <sup> tag shows superscript, set higher, as in exponents like x2, ... Read more
- [<small>, <mark> & <s> Tags in HTML](https://freehtmleditor.net/reference/tags/small-mark-s/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<small> / <mark> / <s> The <small>, <mark> & <s> elements These three inline tags each change how text should be read. <small> marks side comments and fine print such as copyright or legal notes. <mark> highlights text that is ... Read more
- [<strong> & <em> Tags in HTML](https://freehtmleditor.net/reference/tags/emphasis/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<strong> / <em> The <strong> & <em> elements The <strong> tag marks text that is important, serious or urgent, and browsers show it in bold. The <em> tag marks stress emphasis, the word you would say with extra weight when ... Read more
- [<data> Tag in HTML](https://freehtmleditor.net/reference/tags/data/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<data> The <data> element The <data> tag links a piece of human-readable content to a machine-readable value. Readers see the text, such as a product name or a price written out, while the required value attribute holds something scripts can ... Read more
- [<code>, <kbd>, <samp> & <var> Tags in HTML](https://freehtmleditor.net/reference/tags/code/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<code> / <var> / <samp> / <kbd> The <code>, <var>, <samp> & <kbd> elements HTML has four inline tags for technical text. <code> marks a fragment of computer code, <kbd> marks keys or text the user types, <samp> marks output ... Read more
- [<cite> & <q> Tags in HTML](https://freehtmleditor.net/reference/tags/cite-q/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<cite> / <q> The <cite> & <q> elements The <cite> tag marks the title of a creative work, such as a book, film, song, article or game, and browsers show it in italics. The <q> tag marks a short quotation ... Read more
- [<br> & <wbr> Tags in HTML](https://freehtmleditor.net/reference/tags/br/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<br> / <wbr> The <br> & <wbr> elements The <br> tag inserts a line break inside text, for cases where the break is part of the content, such as lines of a poem or an address. The <wbr> tag marks ... Read more
- [<b>, <i> & <u> Tags in HTML](https://freehtmleditor.net/reference/tags/b-i-u/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<b> / <i> / <u> The <b>, <i> & <u> elements The <b>, <i> and <u> tags are not deprecated, but in modern HTML each has a specific meaning. <b> draws attention to keywords without making them more important, <i> ... Read more
- [<abbr> Tag in HTML](https://freehtmleditor.net/reference/tags/abbr/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<abbr> The <abbr> element The <abbr> tag marks an abbreviation or acronym, such as HTML, CSS or Dr. Its optional title attribute holds the full expansion, which most desktop browsers show as a tooltip on hover. For accessibility, also spell ... Read more
- [<video> Tag in HTML](https://freehtmleditor.net/reference/tags/video/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<video> The <video> element The <video> tag embeds video content directly in the page, with built-in browser controls when the controls attribute is set. Point it at a single file with src, or offer multiple formats via nested <source> tags ... Read more
- [<table> Tag in HTML](https://freehtmleditor.net/reference/tags/table/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<table> The <table> element The <table> tag defines a table for displaying tabular data — rows and columns of related values. Rows are defined with <tr>, and each row’s cells with <td> (data) or <th> (header). Tables should be reserved ... Read more
- [<span> Tag in HTML](https://freehtmleditor.net/reference/tags/span/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<span> The <span> element The <span> tag is a generic inline container with no semantic meaning. It wraps a small piece of text or inline content so it can be styled with CSS or targeted with JavaScript — without adding ... Read more
- [<section> Tag in HTML](https://freehtmleditor.net/reference/tags/section/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<section> The <section> element The <section> tag groups a standalone thematic block of content, typically with its own heading. Use it when a chunk of content would make sense as its own item in a document outline — if you’re ... Read more
- [<pre> Tag in HTML](https://freehtmleditor.net/reference/tags/pre/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<pre> The <pre> element The <pre> tag displays preformatted text exactly as it is written in the HTML source — every space, tab and line break is kept, and the text renders in a monospace font by default. It is ... Read more
- [<p> Tag in HTML](https://freehtmleditor.net/reference/tags/p/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<p> The <p> element The <p> tag defines a paragraph of text. Browsers automatically add vertical spacing before and after each paragraph, making it the standard way to structure body copy into readable blocks. Last updated: October 3, 2026 Quick ... Read more
- [<nav> Tag in HTML](https://freehtmleditor.net/reference/tags/nav/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<nav> The <nav> element The <nav> tag marks a section of major navigation links — a main menu, table of contents, or breadcrumb trail. Not every group of links needs a <nav>; reserve it for primary navigation blocks so assistive ... Read more
- [<main> Tag in HTML](https://freehtmleditor.net/reference/tags/main/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<main> The <main> element The <main> tag marks the primary content of the document — the content unique to this page, excluding repeated elements like headers, footers, sidebars, or navigation. There should be exactly one visible <main> per page. Last ... Read more
- [HTML Lists: <ul>, <ol> & <li>](https://freehtmleditor.net/reference/tags/list/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/Lists HTML Lists: <ul>, <ol> & <li> HTML offers two list containers — <ul> for an unordered (bulleted) list and <ol> for an ordered (numbered) list — with each item wrapped in an <li> tag. Use <ul> when order doesn’t ... Read more
- [<input> Tag in HTML](https://freehtmleditor.net/reference/tags/input/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<input> The <input> element The <input> tag creates an interactive form control for accepting user data. Its type attribute determines the kind of control rendered — text, email, password, checkbox, radio, date, and many more — making it the single ... Read more
- [<img> Tag in HTML](https://freehtmleditor.net/reference/tags/img/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<img> The <img> element The <img> tag embeds an image into the page. It requires a src attribute pointing to the image file and an alt attribute describing the image for screen readers and for when the image fails to ... Read more
- [<hr> Tag in HTML](https://freehtmleditor.net/reference/tags/hr/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<hr> The <hr> element The <hr> tag draws a horizontal rule — a thematic break between paragraphs, such as a shift in topic within a story or a scene change. Visually it renders as a horizontal line, but semantically it ... Read more
- [HTML Headings: <h1> to <h6>](https://freehtmleditor.net/reference/tags/headings/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/Headings HTML Headings: <h1> to <h6> HTML provides six levels of section heading, <h1> (most important) through <h6> (least important). Headings establish your page’s outline and are read by screen readers and search engines as a table of contents — ... Read more
- [<header> Tag in HTML](https://freehtmleditor.net/reference/tags/header/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<header> The <header> element The <header> tag represents introductory content for its nearest ancestor — typically a logo, site title, and navigation when used at the page level, or a heading and byline when used inside an <article>. A single ... Read more
- [<form> Tag in HTML](https://freehtmleditor.net/reference/tags/form/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<form> The <form> element The <form> tag groups interactive controls — like <input>, <select>, and <button> — so their values can be collected and submitted together, typically to a server via the action and method attributes. It’s the standard way ... Read more
- [<footer> Tag in HTML](https://freehtmleditor.net/reference/tags/footer/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<footer> The <footer> element The <footer> tag represents closing content for its nearest ancestor — typically copyright info, related links, or contact details at the page level, or author info at the end of an <article>. Like <header>, a page ... Read more
- [<figure> & <figcaption> Tags in HTML](https://freehtmleditor.net/reference/tags/figure/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<figure> The <figure> & <figcaption> elements The <figure> tag wraps self-contained content, such as an image, chart, code listing or quotation, that the main text refers to. Its optional <figcaption> child provides the caption and must be the first or ... Read more
- [<div> Tag in HTML](https://freehtmleditor.net/reference/tags/div/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<div> The <div> element The <div> tag is a generic block-level container in HTML with no semantic meaning of its own. It’s used to group other elements together so you can style them with CSS or manipulate them with JavaScript ... Read more
- [HTML Description Lists: <dl>, <dt> & <dd>](https://freehtmleditor.net/reference/tags/description-list/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/Description lists HTML Description Lists: <dl>, <dt> & <dd> A description list groups terms with their descriptions. The <dl> tag wraps the list, each <dt> holds a term or name, and each <dd> holds the description or value that follows ... Read more
- [<button> Tag in HTML](https://freehtmleditor.net/reference/tags/button/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<button> The <button> element The <button> tag creates a clickable button. Its type attribute controls what it does inside a form: submit (the default — sends the form), reset (clears the form), or button (does nothing on its own, meant ... Read more
- [<blockquote> Tag in HTML](https://freehtmleditor.net/reference/tags/blockquote/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<blockquote> The <blockquote> element The <blockquote> tag marks a section that is quoted from another source, such as a passage from a book, article or speech. Browsers indent it by default. Its optional cite attribute holds the URL of the ... Read more
- [<aside> Tag in HTML](https://freehtmleditor.net/reference/tags/aside/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<aside> The <aside> element The <aside> tag marks content that’s tangentially related to the surrounding content — a sidebar, a pull quote, a related-links box, or an ad unit. It should make sense on its own, separately from the main ... Read more
- [<article> Tag in HTML](https://freehtmleditor.net/reference/tags/article/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<article> The <article> element The <article> tag represents a self-contained piece of content that could be distributed or reused independently — a blog post, a news story, a forum post, or a product card. A useful test: if it would ... Read more
- [<address> Tag in HTML](https://freehtmleditor.net/reference/tags/address/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<address> The <address> element The <address> tag holds contact information for the person or organization behind the nearest <article> or the whole page, such as an email address, phone number, social link or physical address. It is not for any ... Read more
- [<a> Tag in HTML](https://freehtmleditor.net/reference/tags/a/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference/<a> The <a> element The <a> (anchor) tag creates a hyperlink to another page, a location within the same page, an email address, a phone number, or a file. Its most important attribute is href, which sets the destination — ... Read more
- [HTML Tags](https://freehtmleditor.net/reference/tags/): This page has moved to /reference/.
- [HTML Reference](https://freehtmleditor.net/reference/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Reference HTML Reference A free reference to HTML elements. Each page explains what a tag does in plain language, lists its attributes, answers common questions and gives you a live example you can edit right in the browser. Pick a ... Read more
- [HTML Validator](https://freehtmleditor.net/tools/html-validator/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Tools/HTML Validator HTML Validator & Checker An HTML validator checks your markup for mistakes that browsers quietly cover up: unclosed tags, elements in the wrong place, duplicate IDs, missing alt text and obsolete code. Paste your HTML to get an ... Read more
- [Tools](https://freehtmleditor.net/tools/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Tools Free HTML & CSS Tools Free browser-based tools for writing and fixing HTML. Format messy markup, check your code for errors, and build pages with a live preview. Every tool works without an account, and the code you paste ... Read more
- [Terms](https://freehtmleditor.net/terms/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Legal Terms of Service Last updated: September 13, 2026 These Terms of Service (“Terms”) govern your use of FreeHTMLEditor.net (the “Site”) and its tools, including the live HTML editor, formatter, validator, and related utilities (collectively, the “Service”). By using the ... Read more
- [Contact](https://freehtmleditor.net/contact/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Contact Get in touch Found a bug, have a feature request, or just want to say hi? We read every message. 🐞 Bug reports Something broken in the editor or a tool? Tell us what you were doing and what ... Read more
- [About](https://freehtmleditor.net/about/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ About A code editor that stays out of your way FreeHTMLEditor.net is a free, browser-based HTML, CSS, and JavaScript editor with instant live preview — built for the moment you just want to write code and see it work, without ... Read more
- [HTML Editor](https://freehtmleditor.net/editor/): FreeHTMLEditor.net HTML › index.html ⣿ ▤ ▢ 📄 Templates 🔗 Share + New 💾 Save 📤 Export Files ＋ 📄 Open a file from the sidebar to start editing Ln 1, Col 1 0 chars Live preview Preview Desktop Tablet Mobile ☀︎ ↗ Open tab New File Cancel Create Cancel OK
- [HTML Formatter](https://freehtmleditor.net/tools/html-formatter/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Home/Tools/HTML Formatter HTML Formatter & Beautifier An HTML formatter cleans up messy, minified or badly indented markup by rewriting it with consistent indentation and one element per line, without changing how the page works. Paste your code, pick an indent ... Read more
- [Homepage — HTML Editor Online](https://freehtmleditor.net/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ 100% Free No Install Live Preview Auto Save Write HTML.See It Live. The most intuitive web-based HTML editor for developers, students, and designers. Code and preview side by side, instantly. Try Free Editor See Features FreeHTMLEditor.net — index.html 📁 Landing ... Read more
- [Privacy Policy](https://freehtmleditor.net/privacy-policy/): FreeHTMLEditor.net Tools Reference Learn Cheat Sheet HTML Editor Guide About Contact Open Editor → ☰ Legal Privacy Policy Last updated: September 13, 2026 This Privacy Policy explains what information FreeHTMLEditor.net (“we,” “our,” “the Site”) collects when you use our free online HTML editor and related tools, and how that information is used. 1. What We ... Read more

## Optional

- [Agent (MCP protocol)](websites-agents.hostinger.com/freehtmleditor.net/mcp)

[comment]: # (Generated by Hostinger Tools Plugin)