User Tools

Site Tools


en:web_development:text:headings

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision
Previous revision
en:web_development:text:headings [2021/11/22 06:21]
mag created
en:web_development:text:headings [2023/08/16 09:33] (current)
Line 1: Line 1:
 ====== Web Development Lesson 2 - Text ====== ====== Web Development Lesson 2 - Text ======
 ===== Headings ===== ===== Headings =====
 +==== Objectives ====
 +In this exercise you'll learn how to create a heading and some more formatting styles that make a heading pop.
 ==== Setup ==== ==== Setup ====
  
Line 54: Line 56:
  
   * Finally, let's add some shadow to the heading.   * Finally, let's add some shadow to the heading.
-<code><h1 style="font-family:Arial,sans-serif; color:green; font-size: 1.7em; text-decoration:underline; font-variant: small-caps; line-height: 2em; text-shadow:2px 2px #ff0000;">My Story</h1></code>+<code><h1 style="font-family:Arial,sans-serif; color:green; font-size: 1.7em; text-decoration:underline; font-variant: small-caps; line-height: 2em; text-shadow:2px 2px red;">My Story</h1></code> 
 +  * Here we are adding a red shadow 2 pixels below and 2 pixels to the right of the original heading.
   * See how you can string many style attributes together?   * See how you can string many style attributes together?
   * This is handy if you want to change the style of one element, but becomes cumbersome if, for example, you want to change the style of all paragraphs in your letter. For that, we'll use CSS, which we'll cover in Lesson 3.   * This is handy if you want to change the style of one element, but becomes cumbersome if, for example, you want to change the style of all paragraphs in your letter. For that, we'll use CSS, which we'll cover in Lesson 3.
en/web_development/text/headings.1637590917.txt.gz · Last modified: 2023/08/16 09:33 (external edit)