Loading lesson path
HTML
Start with semantic structure, text, links, images, tables, lists, and the building blocks of every page.
HTML is the standard markup language for Web pages.
HTML is the standard markup language for creating Web pages.
A simple text editor is all you need to learn HTML.
An HTML element is defined by a start tag, some content, and an end tag.
HTML attributes provide additional information about HTML elements.
HTML headings are titles or subtitles that you want to display on a webpage.
A paragraph always starts on a new line, and is usually a block of text.
The HTML style attribute is used to add styles to an element, such as color, font, size, and more.
HTML contains several elements for defining text with a special meaning.
HTML comments are not displayed in the browser, but they can help document your HTML source code.
HTML colors are specified with predefined color names, or with RGB, HEX, HSL, RGBA, or HSLA values.
An RGB color value represents RED, GREEN, and BLUE light sources.
A hexadecimal color is specified with: #RRGGBB, where the RR (red), GG (green) and BB (blue) hexadecimal integers specify the components of the color.
HSL stands for hue, saturation, and lightness.
CSS stands for Cascading Style Sheets.
Links are found in nearly all web pages. Links allow users to click their way from page to page.
An HTML link is displayed in a different color depending on whether it has been visited, is unvisited, or is active.
HTML links can be used to create bookmarks, so that readers can jump to specific parts of a web page.
Images can improve the design and the appearance of a web page.
With HTML image maps, you can create clickable areas on an image.
A background image can be specified for almost any HTML element.
The HTML <picture> element allows you to display different pictures for different devices or screen sizes.
A favicon is a small image displayed next to the page title in the browser tab.
Every web page should have a page title to describe the meaning of the page.
HTML tables allow web developers to arrange data into rows and columns.
HTML tables can have borders of different styles and shapes.
HTML tables can have different sizes for each column, row or the entire table.
HTML tables can have headers for each column or row, or for many columns/rows.
HTML tables can adjust the padding inside the cells, and also the space between the cells.
HTML tables can have cells that span over multiple rows and/or columns.
Use CSS to make your tables look better.
The <colgroup> element is used to style specific columns of a table.
HTML lists allow web developers to group a set of related items in lists.
The HTML <ul> tag defines an unordered (bulleted) list.
The HTML <ol> tag defines an ordered list. An ordered list can be numerical or alphabetical.
HTML also supports description lists.
Every HTML element has a default display value, depending on what type of element it is.
The <div> element is used as a container for other HTML elements.
The HTML class attribute is used to specify a class for an HTML element.
The HTML id attribute is used to specify a unique id for an HTML element.
Buttons let users interact with a web page. They can submit forms, run JavaScript, or trigger different actions when clicked.
An HTML iframe is used to display a web page within a web page.
JavaScript makes HTML pages more dynamic and interactive.
A file path describes the location of a file in a web site's folder structure.
The HTML <head> element is a container for the following elements: <title> , <style> , <meta> , <link> , <script> , and <base> .
Websites often display content in multiple columns (like a magazine or a newspaper).
Responsive web design is about creating web pages that look good on all devices!
HTML contains several elements for defining user input and computer code.
Semantic elements = elements with a meaning.
Consistent, clean, and tidy HTML code makes it easier for others to read and understand your code.
Reserved characters in HTML must be replaced with entities:
Symbols or letters that are not present on your keyboard can be added to HTML using entities.
Emojis look like images, but they are not.
To display an HTML page correctly, a web browser must know which character set to use.
A URL is another word for a web address.
XHTML is a stricter, more XML-based version of HTML.