Both sides previous revision
Previous revision
Next revision
|
Previous revision
|
es:web_development:text:format_text [2022/02/07 13:37] mag [Cursiva] |
es:web_development:text:format_text [2023/08/16 09:33] (current) |
Continúe usando jsfiddle de la lección anterior. Si lo necesitas de nuevo, aquí lo tienes. | Continúe usando jsfiddle de la lección anterior. Si lo necesitas de nuevo, aquí lo tienes. |
<code>Mi historia | <code>Mi historia |
<p>Mi amigo Pablo tiene un perro llamado Sam al que le gusta que le rasquen la barriga. Cuando van al parque, le gusta perseguir una pelota. Se revolca en la tierra, por lo que Pablo tiene que lavarlo cuando llegan a casa.</p> | <p>Mi amigo Pablo tiene un perro llamado Sam al que le gusta que le rasquen la barriga. Cuando van al parque, le gusta perseguir una pelota. Se revolca en la tierra, por lo que Pablo tiene que bañarlo cuando llegan a casa.</p> |
<p>Los domingos conducen a las montañas donde él corretea oliendo la hierba y moviendo la cola. Se cansa tanto que duerme todo el camino a casa.</p></code> | <p>Los domingos conducen a las montañas donde él corretea oliendo la hierba y moviendo la cola. Se cansa tanto que duerme todo el camino a casa.</p></code> |
| |
==== Negrita ==== | ==== Negrita ==== |
* Probemos con otra etiqueta HTML . Agregue <html><strong></html> antes de "le gusta perseguir una pelota". y <html></strong></html> después de “le gusta perseguir una pelota”. para que el primer párrafo se vea así. | * Probemos con otra etiqueta HTML . Agregue <html><strong></html> antes de "le gusta perseguir una pelota". y <html></strong></html> después de “le gusta perseguir una pelota”. para que el primer párrafo se vea así. |
<code><p>Mi amigo Pablo tiene un perro llamado Sam al que le gusta que le rasquen la barriga. Cuando van al parque, <strong>le gusta perseguir una pelota</strong>. Se revolca en la tierra, por lo que Pablo tiene que lavarlo cuando llegan a casa.</p></code> | <code><p>Mi amigo Pablo tiene un perro llamado Sam al que le gusta que le rasquen la barriga. Cuando van al parque, <strong>le gusta perseguir una pelota</strong>. Se revolca en la tierra, por lo que Pablo tiene que bañarlo cuando llegan a casa.</p></code> |
* ¿Qué crees que hace <html><strong></html>? Se pone el texto entre las etiquetas en **negrita**. | * ¿Qué crees que hace <html><strong></html>? Se pone el texto entre las etiquetas en **negrita**. |
| |
==== Cursiva ==== | ==== Cursiva ==== |
* En el segundo párrafo, escribe "perro mascota" en cursiva. | * En el segundo párrafo, escribe "perro como mascota" en cursiva. |
* Añadir <html><em></html> antes de 'mascota' y <html></em></html> después de 'perro'. | * Añadir <html><em></html> antes de 'perro' y <html></em></html> después de 'mascota'. |
<code><p>Mi amigo Pablo tiene un <em>perro mascota</em> llamado Sam al que le gusta que le rasquen la barriga. Cuando van al parque, <strong>le gusta perseguir una pelota</strong>. Se revolca en la tierra, por lo que Pablo tiene que lavarlo cuando llegan a casa.</p></code> | <code><p>Mi amigo Pablo tiene un <em>perro mascota</em> llamado Sam al que le gusta que le rasquen la barriga. Cuando van al parque, <strong>le gusta perseguir una pelota</strong>. Se revolca en la tierra, por lo que Pablo tiene que bañarlo cuando llegan a casa.</p></code> |
* | |
* Haga clic en 'Ejecutar' y verifique el resultado. | * Haga clic en 'RUN' y verifique el resultado. |
* <em>es la abreviatura de "énfasis" y, de forma predeterminada, pone en //cursiva// el texto adjunto . | * <em>es la abreviatura de "énfasis" y, de forma predeterminada, pone en //cursiva// el texto adjunto . |
| |
==== Sobrescrito ==== | ==== Sobrescrito ==== |
* Haga superíndice 'montañas' en el segundo párrafo. | * Sobrescriba la palabra 'montañas' en el segundo párrafo. |
* Añadir <html><sup></html> antes de 'montañas' y <html></sup></html> después. | * Añadir <html><sup></html> antes de 'montañas' y <html></sup></html> después. |
<code><p>Los domingos conducen a las <sup>montañas</sup> donde corretea oliendo la hierba y moviendo la cola. Se cansa tanto que duerme todo el camino a casa.</p></code> | <code><p>Los domingos conducen a las <sup>montañas</sup> donde corretea oliendo la hierba y moviendo la cola. Se cansa tanto que duerme todo el camino a casa.</p></code> |
* Haga clic en 'Ejecutar' para ver qué hace <html><sup></html>. | * Haga clic en 'RUN' para ver qué hace <html><sup></html>. |
* <html><sup></html> es la abreviatura de superíndice. | * <html><sup></html> es la abreviatura de superíndice. |
* <html><sub></html> es la abreviatura de subíndice, que pone el texto debajo de la línea. Pruébalo si quieres. | * <html><sub></html> es la abreviatura de subíndice, que pone el texto debajo de la línea. Pruébalo si quieres. |
* Podemos hacer lo mismo por //em// y **strong** . Pongamos en cursiva la palabra 'pelota'. | * Podemos hacer lo mismo por //em// y **strong** . Pongamos en cursiva la palabra 'pelota'. |
<code><strong>le gusta perseguir una <em>pelota</em></strong></code> | <code><strong>le gusta perseguir una <em>pelota</em></strong></code> |
* Haga clic en 'Ejecutar' para ver el resultado. La palabra 'bola' debe estar tanto en negrita como en cursiva. | * Haga clic en 'RUN' para ver el resultado. La palabra 'pelota' debe estar tanto en negrita como en cursiva. |
* No puede mezclar el orden de las etiquetas. <html><strong><em></strong></em></html> es incorrecto. Los resultados serán impredecibles. | * No puede mezclar el orden de las etiquetas. <html><strong><em></strong></em></html> es incorrecto. Los resultados serán impredecibles. |
| |
[[es:web_development:text:attributes|Siguiente: Atributos]] | [[es:web_development:text:attributes|Siguiente: Atributos]] |