User Tools

Site Tools


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 10:27]
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. +
-<code> +
-Medellin, Date +
-Name+
  
-Estimados Senor, +Continue to use the jsfiddle from the previous lesson. If you need it again, here it is. 
-Soy estudiante del penúltimo año de Hotelería en la Universidad Nacional de Hospitalidad, y quiero mostrarles mi interés en formar parte de su compañía a través de un contrato de prácticas.+<code><p>Medellin, Date</p> 
 +<p>Name</p> 
 +<p>Estimados Senor,</p> 
 +<p>Soy estudiante del penúltimo año de Hotelería en la Universidad Nacional de Hospitalidad, y quiero mostrarles mi interés en formar parte de su compañía a través de un contrato de prácticas.</p> 
 +<p>Como saben, la escuela pide 400 horas de práctica profesional en empresas especializadas en el área de estudios del alumno, para optar por el título profesional.</p> 
 +<p>Podrán ver que una de mis mayores fortalezas está en el área de alimentos y bebidas, ya que he participado en diferentes entrenamientos y estudios paralelos, que me han llevado a innovar nuevas formas de ofrecer el servicio y experiencia del cliente, y estoy segura que el Hotel CortezTM sabrá sacar el máximo provecho, cuando vea el aumento de experiencias positivas que sus clientes experimentarán.</p> 
 +<p>Me encuentro en alta disposición para conversar con ustedes más ampliamente. Espero su llamado para una entrevista y conocernos mejor.</p> 
 +<p>Atentamente,</p> 
 +<p>Murray</p></code>
  
-Como saben, la escuela pide 400 horas de práctica profesional en empresas especializadas en el área de estudios del alumno, para optar por el título profesional. +==== Bold ====
-  +
-Podrán ver que una de mis mayores fortalezas está en el área de alimentos y bebidas, ya que he participado en diferentes entrenamientos y estudios paralelos, que me han llevado a innovar nuevas formas de ofrecer el servicio y experiencia del cliente, y estoy segura que el Hotel CortezTM sabrá sacar el máximo provecho, cuando vea el aumento de experiencias positivas que sus clientes experimentarán. +
-  +
-Me encuentro en alta disposición para conversar con ustedes más ampliamente. Espero su llamado para una entrevista y conocernos mejor. +
-Atentamente, +
-Jane +
-</code> +
-=== 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 25: 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 32: 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 39: 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.1633454846.txt.gz · Last modified: 2023/08/16 09:33 (external edit)