User Tools

Site Tools


es:web_development:text:html_tags

Desarrollo Web Lección 2 - Texto

Etiquetas HTML

Objetivos

En este ejercicio, aprenderá cómo usar HTML usa etiquetas para dar formato al texto como párrafos.

Herramientas: JSFiddle

  • jsfiddle es una herramienta en línea que es perfecta para probar fragmentos de código simples. Es compatible con HTML , CSS y Javascript, y le permite ver los tres en la misma pantalla como resultado.
  • Abra jsfiddle en su navegador.
  • Pegue el siguiente código en la sección HTML de jsfiddle.
Mi historia

Mi amigo Pablo tiene un perro como mascota 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.

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.
  • Haga clic en 'RUN' en la parte superior izquierda de la pantalla. Los resultados se mostrarán en la parte inferior derecha.

Párrafos

  • Observe cómo el texto se ejecuta continuamente en lugar de dividirse en párrafos. El navegador ignora los cambios de renglón, las tabulaciones, los espacios dobles y otra información de formato del documento. Necesitamos agregarlos usando 'etiquetas' HTML . Escribe <p> antes de cada párrafo y </p> al final de cada párrafo. Como esto:
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>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>
  • Haga clic en 'Ejecutar' nuevamente y observe los resultados.
  • <p>significa 'párrafo'.
  • Cada etiqueta HTML <p> debe tener una etiqueta de cierre correspondiente </p>. La etiqueta de cierre siempre incluye el símbolo /.
  • Todo lo que se encuentra entre las etiquetas de apertura y cierre se considera parte de un solo párrafo.

Siguiente: Dar Formato al Texto

es/web_development/text/html_tags.txt · Last modified: 2023/08/16 09:33 (external edit)