Tech School

User Tools

Site Tools

Trace: • format_text
web_design:letter:format_text

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision 		Previous revision
web_design:letter:format_text [2021/10/05 16:03]
mag [Formatting Text] 		web_design:letter:format_text [2023/08/16 09:33] (current)
Line 1: Line 1:
-====== Web Development ====== +====== Web Development Lesson 2 - Letter ====== 
-===== Lesson 1 - Letter ===== +===== Formatting Text ===== 
-==== Formatting Text ====+==== Setup ==== 
 Continue to use the jsfiddle from the previous lesson. If you need it again, here it is. Continue to use the jsfiddle from the previous lesson. If you need it again, here it is.
-<code><p>Job Application</p> +<code><p>Medellin, Date</p>
-<p>Medellin, Date</p>+
 <p>Name</p> <p>Name</p>
 <p>Estimados Senor,</p> <p>Estimados Senor,</p>
Line 14: Line 14:
 <p>Murray</p></code> <p>Murray</p></code>
  
-=== Bold ===+==== Bold ====
  
   * Let's try another HTML tag. Add <html><strong></html> before Universidad and <html></strong></html> after Hospitalidad so that the first paragraph looks like this.   * Let's try another HTML tag. Add <html><strong></html> before Universidad and <html></strong></html> after Hospitalidad so that the first paragraph looks like this.
Line 21: Line 21:
     * What do you think <html><strong></html> does? It makes the text between the tags **bold**.     * What do you think <html><strong></html> does? It makes the text between the tags **bold**.
  
-=== Italic ===+==== Italic ====
  
   * In the second paragraph, make '400 horas' italic.   * In the second paragraph, make '400 horas' italic.
Line 28: Line 28:
   * Click 'Run' and check the result.   * Click 'Run' and check the result.
  
-=== Superscript ===+==== Superscript ====
  
   * Make the TM superscript in the third paragraph.   * Make the TM superscript in the third paragraph.
Line 35: Line 35:
   * Click 'Run' to see what <sup> does.   * Click 'Run' to see what <sup> does.
  
-=== Nesting Tags === +==== Rule: Nesting Tags ==== 
-  * It's possible to apply more than one tag to text. Notice that the <em> tag pair is inside the <html><p></html> tag pair.+  * It's possible to apply more than one tag to text. Notice that the <html><em></html> tag pair is inside the <html><p></html> tag pair.
   * We do the same for //em// and **strong**. Let's do this for the word 'Hospitalidad'.   * We do the same for //em// and **strong**. Let's do this for the word 'Hospitalidad'.
 <code><strong>Universidad Nacional de <em>Hospitalidad</em></strong></code> <code><strong>Universidad Nacional de <em>Hospitalidad</em></strong></code>
web_design/letter/format_text.1633474992.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
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki