web_design:letter:attributes
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
web_design:letter:attributes [2021/10/07 06:20] mag [Attributes] |
web_design:letter:attributes [2023/08/16 09:33] (current) |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ====== Web Development ====== | + | ====== Web Development |
| - | ===== Lesson 2 - Letter | + | ===== Attributes |
| - | ==== Attributes | + | ==== Setup ==== |
| Continue using jsfiddle with the same code from the previous screen. Here it is again. | Continue using jsfiddle with the same code from the previous screen. Here it is again. | ||
| - | < | + | < |
| < | < | ||
| < | < | ||
| Line 16: | Line 16: | ||
| * More complex formatting is available using attributes. Attributes are parameter: | * More complex formatting is available using attributes. Attributes are parameter: | ||
| - | === Colour === | + | ==== Colour |
| * As an example, let's make the first paragraph blue by adding < | * As an example, let's make the first paragraph blue by adding < | ||
| - | < | + | < |
| * Run the code to check the result. | * Run the code to check the result. | ||
| * We are applying a style, hence < | * We are applying a style, hence < | ||
| Line 26: | Line 26: | ||
| * Also notice the < | * Also notice the < | ||
| - | === Span === | + | ==== Tag: Span ==== |
| * We can select a section of text to style by using < | * We can select a section of text to style by using < | ||
| Line 32: | Line 32: | ||
| * Run the code to see whether you did it correctly. | * Run the code to see whether you did it correctly. | ||
| - | === Multiple Parameters === | + | ==== Rule: Multiple Parameters |
| * You can change two styles at the same time by separating them with a < | * You can change two styles at the same time by separating them with a < | ||
| Line 38: | Line 38: | ||
| * Now the red text should also be bold because it has a higher < | * Now the red text should also be bold because it has a higher < | ||
| - | === Alignment === | + | ==== Indent ==== |
| + | |||
| + | * We can indent the first line of a paragraph with < | ||
| + | < | ||
| + | |||
| + | ==== Alignment | ||
| * Let's try something different. The location and date are normally located at the top right of a letter. Let's move it there now. | * Let's try something different. The location and date are normally located at the top right of a letter. Let's move it there now. | ||
web_design/letter/attributes.1633612817.txt.gz · Last modified: 2023/08/16 09:33 (external edit)
Page Tools
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
