HTML & CSS by Jon Duckett

HTML & CSS

5.8/103 min read

4/10/18

  • Saturation refers to the amount of gray in a color. At maximum saturation, there would be no gray in the color. At minimum saturation, the color would be mostly gray

  • If you want a link to open in a new window, you can use the target attribute on the opening <a> tag. The value of this attribute should be _blank.

  • To create a link that starts up the user's email program and addresses an email to a speci ed email address, you use the <a> element. However, this time the value of the href attribute starts with mailto: and is followed by the email address you want the email to be sent to

  • <a href="#top"> links to the <h1> element at the top of the page whose id attribute has a value of top

  • Whenever you have many different colors in a picture you should use a JPEG

  • Use GIF or PNG format when saving images with few colors or large areas of the same color

  • Images created for the web should be saved at a resolution of 72 ppi

  • Ppi = pixels per inch. Dpi = dots per inch

  • The <table> element is used to create a table. The contents of the table are written out row by row

  • You indicate the start of each row using the opening <tr> tag.

  • Each cell of a table is represented using a <td> element.

  • The <th> element is used just like the <td> element but its purpose is to represent the heading for either a column or a row.

  • The colspan attribute can be used on a <th> or <td> element and indicates how many columns that cell should run across.

  • The rowspan attribute can be used on a <th> or <td> element to indicate how many rows a cell should span down the table

  • The headings of the table should sit inside the <thead> element

  • The body should sit inside the <tbody> element

  • The footer belongs inside the <tfoot> element

  • Form controls live inside a <form> element. This element should always carry the action attribute and will usually have a method and id attribute too

  • The <label> element can be used in two ways. It can: 1. Wrap around both the text description and the form input. 2. Be kept separate from the form control and use the for attribute to indicate which form control it is a label for

  • You can group related form controls together inside the <fieldset> element

  • Examples of block elements are <h1>, <p>, <ul>, and <li>

  • Examples of inline elements are <a>, <b>, <em>, and <img>

  • By far the most popular format for putting audio on web pages is MP3

  • Brightness (or "value") refers to how much black is in a color. At maximum brightness, there would be no black in the color. At minimum brightness, the color would be very dark

  • Serif fonts have extra details on the ends of the main strokes of the letters

  • You specify the pseudo-element at the end of the selector, and then specify the declarations as you would normally for any other element

  • p[class~="dog"] Targets any <p> element with an attribute called class whose value is a list of space-separated words, one of which is dog

  • p[class] Targets any <p> element with an attribute called class

  • p[class="dog"] Targets any <p> element with an attribute called class whose value is dog

  • By default, images are inline elements