Hay muchas razones por las que deberíamos publicar texto en párrafos, ya que los párrafos cortos atraen a más lectores, filtran la información y ayudan a impulsar un punto.
Entonces, debido a los siguientes beneficios de publicar texto en párrafos, HTML también tiene una etiqueta con el mismo propósito. La etiqueta <p> se utiliza para definir párrafos. Es una de las etiquetas más básicas que una persona requiere para publicar un texto en una página web. El texto a publicar en un párrafo se escribe entre la etiqueta de apertura <p> y la de cierre </p>.
<!DOCTYPE html> <html> <body> <p>This is the first paragraph.</p> <p>This is the second paragraph.</p> <p>This is the third paragraph.</p> </body> </html>
Producción :
Cerrar el elemento de párrafo:
en HTML 4 y versiones anteriores, cerrar la etiqueta de párrafo no era obligatorio. Un párrafo podría iniciarse simplemente usando una nueva etiqueta de apertura de párrafo.
<!DOCTYPE html> <html> <body> <p>This is the first paragraph. <p>This is the second paragraph. <p>This is the third paragraph. </body> </html>
Producción :
Saltos de línea en párrafo:
la etiqueta <br> que representa un salto se utiliza para insertar un salto de línea sin cambiar el párrafo.
<!DOCTYPE html> <html> <body> <p>This is the first<br> paragraph<br> with two line breaks.</p> <p>This is the second <br> paragraph<br> with three<br>line breaks.</p> </body> </html>
Producción :
Comentarios en HTML:
los comentarios se agregan para proporcionar información adicional que ayuda a comprender el código fuente. Suele ayudar al desarrollador en el futuro cuando piensa en modificar el código fuente. Los comentarios no se muestran en la pantalla de salida.
Un comentario HTML comienza con <!– y termina con –>.
<!DOCTYPE html> <html> <body> <!-- this is an HTML comment --> <p>This is the first<br> paragraph<br> with two line breaks.</p> <!-- Beginning of second paragraph --> <p>This is the second <br> paragraph<br> with three<br>line breaks.</p> </body> </html>
Producción :
El elemento PRE en HTML:
la etiqueta <pre> define texto preformateado. La preetiqueta conserva tanto los espacios como los saltos de línea que están presentes en el texto encerrado entre las preetiquetas.
<!DOCTYPE html> <html> <body> <h3>Twinkle Twinkle Little Star</h3> <pre> Twinkle, twinkle, little star How I wonder what you are Up above the world so high Like a diamond in the sky </pre> </body> </html>
Producción :
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA