HTML & CSS by Jon Duckett
by Parker · 30 things on Twos
- 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 specied 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
- 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
- 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