Tutorial: Desarrollador web de 0 a 100. Clase 05: Dominando párrafos

diegoofernandez Seguir

Beta
Redactor
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
10 Dic 2016
Mensajes
64
SOBRE ESTE CURSO
Hace unos meses he decidido, dejar de programar profesionalmente por periodo de tiempo indefinido, pero para mantenerme un poco en "forma" y por que creo que el conocimiento debe compartirse, he decidido realizar esta serie de tutoriales, ojalá a alguien le sea de utilidad o los pueda aprovechar.

INDICE


Dominando párrafos
En esta clase no hay mucho secretos, ni tampoco mucha dificultad, sinceramente creo que con los ejemplos anteriores, donde incluimos varios párrafos, tu ya comprendiste como funcionan. Entonces, ¿Por qué hablar sobre ellos ahora? Para terminar de pulir y abarcar lo que hay que saber sobre los mismos, además porque en esta clase aprenderás como crear saltos de línea en los párrafos (punto y aparte) y también notarás que si no utilizas la etiqueta de salto de línea explicitamente, el punto y aparte no se realizará.

Los párrafos son el elemento HTML más básico de usar y de comprender.

Los saltos de línea no se realizán solos.

Un salto de línea en HTML es un punto y aparte y más específicamente: cuando tu aprietas la tecla ENTRAR en un texto estás creando un salto de línea.

Si nosotros dentro de una etiqueta <p> estamos escribiendo un texto y vamos cada tanto presionando la tecla ENTRAR para generar puntos y aparte, al ver ese texto en el navegador observaremo que ningún punto y aparte se ha realizado, debido a que él navegador necesita que el indiques con “algo más” que apretar la tecla ENTRAR en donde quieres poner tus puntos y aparte. Y para eso utilizamos la etiqueta <br>, la cual es una etiqueta de autocierre.

Ejemplo de párrafo donde sus saltos de línea no se mostrarán en el navegador:

HTML:
    <p>
        But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness.
        No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure.
        
        To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?
    </p>

En el código aquí arriba, el texto escrito se mostrará sin puntos y aparte, ya que como vemos no incluye la etiqueta break (<br>), para poder realizar los mismos. Ahora escribamos el mismo pero incluyendo esta etiqueta:

HTML:
    <p>
        But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness.
        <br>
        No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure.   
        <br>
        To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?
    </p>

Ahora si se generará un punto y aparte en cada lugar donde aparezca la etiqueta <br>, ¿muy simple no?

Por supueto, si nosotros escribimos varias etiquetas <br> juntas, el espacio en blanco que quedará será el equivalente a apretar varias veces la tecla ENTRAR.

Espero hayas entendido como generar saltos de línea en html. Continúa aprendiendo en la próxima clase.

 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba