The website you are currently looking at is built from HTML elements, with CSS selectors identifying elements and telling them how to present themselves to your web browser. Following our house metaphor, a CSS selector would be a way of identifying elements in order to establish painting rules- like selecting all the north-facing walls to be painted blue, or saying the second bathroom on the left should be painted yellow.

Using the metaphor of a house: you can think of HTML as the essential building materials of the house's structure, and CSS as the paint on the walls and outside of the house. On top of the HTML of a website, you can use Cascading Style Sheets ( CSS) to select HTML element(s) on a page and style them. Below is an example of a link tag with an href attribute that, when rendered on a webpage, would lead to Airtable's website when clicked. HTML attributes hold information about the HTML element, such as where the element should link to when clicked, or the source of an image to display. elements can also hold additional values in the form of HTML attributes.

Look below for an example of the text “ within a span (i.e. These HTML elements can hold values, such as text or numbers.

A brief explanation of HTML and CSSĪ web page is made up of individual HTML elements that are comprised of angle brackets and a tag name (e.x. In this article we'll go over a brief overview HTML and CSS, then provide examples of how to use both of the above web clipper extension CSS selector options. The Web Clipper extension supports two CSS selector options for gathering information from HTML elements:

Evernote web clipper api