Loading lesson path
HTML
Start with semantic structure, text, links, images, tables, lists, and the building blocks of every page.
HTML Tutorial
HTML Introduction
HTML Editors
An HTML element is defined by a start tag, some content, and an end tag. HTML Elements The HTML element is everything from the start tag to the end tag: < tagname > Content goes here... < /tagname >…
HTML Attributes
HTML Headings
A paragraph always starts on a new line, and is usually a block of text. HTML Paragraphs The HTML <p> element defines a paragraph. A paragraph always starts on a new line, and browsers automatically…
HTML Styles
HTML Text Formatting
HTML Quotation and Citation Elements
HTML comments are not displayed in the browser, but they can help document your HTML source code. HTML Comment Tag You can add comments to your HTML source by using the following syntax: <!-- Write y…
HTML colors are specified with predefined color names, or with RGB, HEX, HSL, RGBA, or HSLA values. Color Names In HTML, a color can be specified by using a color name: Tomato Orange DodgerBlue Mediu…
An RGB color value represents RED, GREEN, and BLUE light sources. An RGBA color value is an extension of RGB with an Alpha channel (opacity). RGB Color Values In HTML, a color can be specified as an…
A hexadecimal color is specified with: #RRGGBB, where the RR (red), GG (green) and BB (blue) hexadecimal integers specify the components of the color. HEX Color Values In HTML, a color can be specifi…
HSL stands for hue, saturation, and lightness. HSLA color values are an extension of HSL with an Alpha channel (opacity). HSL Color Values In HTML, a color can be specified using hue, saturation, and…
HTML Styles - CSS
HTML Links
An HTML link is displayed in a different color depending on whether it has been visited, is unvisited, or is active. HTML Link Colors By default, a link will appear like this (in all browsers): An un…
HTML links can be used to create bookmarks, so that readers can jump to specific parts of a web page. Create a Bookmark in HTML Bookmarks can be useful if a web page is very long. To create a bookmar…
HTML Images
HTML Image Maps
A background image can be specified for almost any HTML element. Background Image on an HTML element To add a background image on an HTML element, use the HTML style attribute and the CSS background-…
The HTML <picture> element allows you to display different pictures for different devices or screen sizes. The HTML <picture> Element The HTML <picture> element gives web developers more flexibility…
HTML Favicon
HTML tables can have different sizes for each column, row or the entire table. Use the style attribute with the width or height properties to specify the size of a table, row or column. HTML Table Wi…
HTML tables can have headers for each column or row, or for many columns/rows. EMIL TOBIAS LINUS 8:00 9:00 10:00 11:00 12:00 13:00 MON TUE WED THU FRI 8:00 9:00 10:00 11:00 12:00 DECEMBER HTML Table…
HTML tables can adjust the padding inside the cells, and also the space between the cells. With Padding hello hello hello hello hello hello hello hello hello With Spacing hello hello hello hello hell…
Use CSS to make your tables look better. HTML Table - Zebra Stripes If you add a background color on every other table row, you will get a nice zebra stripes effect. 10 11 12 13 14 15 16 17 18 19 20…
The <colgroup> element is used to style specific columns of a table. HTML Table Colgroup If you want to style the first two columns of a table, use the <colgroup> and <col> elements. MON TUE WED THU…
HTML Unordered Lists
The HTML <ol> tag defines an ordered list. An ordered list can be numerical or alphabetical. Ordered HTML List An ordered list starts with the <ol> tag. Each list item starts with the <li> tag. The l…
HTML also supports description lists. HTML Description Lists A description list is a list of terms, with a description of each term. The <dl> tag defines the description list, the <dt> tag defines th…
Every HTML element has a default display value, depending on what type of element it is. The two most common display values are block and inline. Block-level Elements A block-level element always sta…
The <div> element is used as a container for other HTML elements. The <div> Element The <div> element is by default a block element, meaning that it takes all available width, and comes with line bre…
HTML class Attribute
HTML id Attribute
HTML Buttons
HTML Iframes
HTML JavaScript
HTML - The Head Element
HTML Responsive Web Design
HTML Style Guide
Reserved characters in HTML must be replaced with entities: < (less than) = < > (greater than) = > HTML Character Entities Some characters are reserved in HTML. If you use the less than (<) or…
HTML Symbol Entities Symbols or letters that are not present on your keyboard can be added to HTML using entities. To add such symbols to an HTML page, you can use the entity name or the entity numbe…
Using Emojis in HTML
The HTML charset Attribute To display an HTML page correctly, a web browser must know which character set to use. The character set is specified in the <meta> tag: <meta charset="UTF-8"> The HTML spe…
A URL is another word for a web address. A URL can be composed of words (e.g. w3schools.com), or an Internet Protocol (IP) address (e.g. 192.68.20.50). Most people enter the name when surfing, becaus…
XHTML is a stricter, more XML-based version of HTML. What is XHTML? XHTML stands for E X tensible H yper T ext M arkup L anguage XHTML is a stricter, more XML-based version of HTML XHTML is HTML defi…