Differences

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

--- web_design:letter:paragraphs [2021/10/04 17:19]
mag created
+++ web_design:letter:paragraphs [2023/08/16 09:33] (current)
@@ Line 1: / Line 1: @@
-====== Web Development ======
+====== Desarrollo web Lección 2 - Carta ======
-===== Lesson 1 - Letter =====
+===== Herramienta: JSFiddle =====
-==== Paragraphs ====
-  - Open [[https://jsfiddle.net/|jsfiddle]] in your browser.
+  * Abrir [[https://jsfiddle.net/|jsfiddle]] en tu navegador.
-  - Pegar el text abajo en HTML de jsfiddle. Change 'Jane' to your name.<code>
+  * Pegar el texto abajo en HTML de jsfiddle. cambia 'Jane' por tu nombre.
+<code>
-Medellin, Date
+Solicitud de trabajo.
-Name
+Medellín, Fecha
+Nombre
+Estimado Señor,
-Estimados Senor,
 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.
 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.
-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.
+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 Cortez TM 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.
@@ Line 20: / Line 23: @@
 Jane
 </code>
-  - Click 'Run' in the top left of the screen. The result appears at the bottom right.
+  * Clic en 'Run' arriba en la izquierda de la pantalla. Los resultados aparecerán abajo a la derecha.
-    * Notice that the text isn't broken up into paragraphs. The browser ignores line breaks, tabs, double spaces and other document formatting information. We need to add this using tags. Write <p> at the beginning of every paragraph, and </p> at the end of every paragraph. Like this:<code>
-**<p>**Medellin, Date**</p>**
+===== Etiquetas HTML =====
-<p>Name</p>
-<p>Estimados Senor,</p>
+  * Observe que el texto no está dividido en párrafos. El navegador ignora los saltos de línea, las pestañas, los espacios dobles y otra información de formato del documento. Necesitamos agregar esto usando 'etiquetas' HTMTL. Escriba <p> al principio de cada párrafo y </p> al final de cada párrafo. Como esto:
+<code><p>Solicitud de trabajo</p>
+<p>Medellín, Fecha</p>
+<p>Nombre</p>
+<p>Estimado Señor,</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>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 Cortez TM 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>
+<p>Murray</p></code>
-</code>
-  - Click 'Run' again and observe the result.
-    * <p> means 'paragraph'
-    * Every HTML opening tag <p> must have a matching closing tag </p>. The closing tag always includes the '/' symbol.
-    * Everything between the opening tag and the closing tag is considered part of a single paragraph.
-Next: Text Formatting
+  * Clic en 'Run' otra vez y observe los resultados.
+  * <html><p></html> significa 'parrafo'
+  * Cada etiqueta HTML abierta <html><p></html> debe tener su etiqueta de cierre correspondiente <html></p></html>. La etiqueta de cierre siempre incluye el símbolo <html>/</html>.
+  * Todo lo que se encuentra entre la etiqueta de apertura y la etiqueta de cierre se considera parte de un solo párrafo.
+  *
+[[web_design:letter:format_text|Siguiente: Dar formato al texto]]

Tech School

User Tools

Site Tools

Differences

Page Tools