Summary 3

Text and Color

Topic 1 - Text Tags

The different tags used to contain text that shows up on a web page are known as markup and there are two different types used for separate parts of the setup. The first set are structural tags, which define the base weight and characteristics of a group of text, such as the headings (h1, h2, h3...) and the normal paragraph (p) text tag. The second set are semantic tags, which are used to edit parts of text strings with different elements such as strong and emphasis (em), the first of which acts similarly to bold and the other changes the text to italics.

Topic 2 - Color Tags

Adding color to pages is very important to make a site more engaging and interesting to viewers, and there are a couple tags that allow them to be changed. The basic color tag changes the text color, the background-color tag changes the color of the element box that contains the text, and the opacity tag changes how transparent an object is. It is important to pay attention to the color combinations used for the text and background so that it's always easily read.

Topic 3 - Different Ways to Color

There are several ways to define colors in CSS, and all of them are usually better than just typing the name of a color, as that may vary based on a computer's definition of the color. It's better to use either hex codes (#ffffff, that's white btw), rgb values, or other code-based definitions to guarantee that the same color shows up for everyone. There are also HSL colors in CSS3 that allow editing of a color's hue, saturation, and lightness.