Vamos a revisar a continuación el ejercicio de componentes de texto están listos.
Vamos
el objetivo del ejercicio es poner en práctica los componentes de texto de HTML y al finalizar deberemos
observar lo siguiente según se muestra
en primer lugar vamos a abrir el proyecto de componentes HTML del ejercicio anterior y vamos a agregar
lo siguiente a este ejercicio sobre Root vamos a dar clic derecho.
Seleccionamos la opción de Niu y posteriormente HTML File y a este nuevo componente HTML le vamos a
dar el nombre de componentes texto.
Podemos observar que no es necesario agregar la extensión html en automático el IDE nos va a agregar
esta extensión y damos clic en Finalizar como siguiente paso a lo que vamos a hacer es modificar nuestro
archivo índex punto HTML.
Este archivo es muy similar al ejercicio que manejamos anteriormente pero vamos a agregar un link hacia
el nuevo documento HTML que hemos creado así que vamos a manejar los mismos elementos en el Get y body
lo que vamos a hacer es agregar en este caso una liga a el documento de componentes de texto y para
esto lo que vamos a hacer es agregar un elemento a es decir un link hacia nuestro componente llamado
componentes texto punto HTML especificando el atributo HR-V y el valor componentes texto punto HTML
y lo que va a visualizar el usuario es Liga a componentes de texto y si da clic a este link entonces
se va a desplegar el contenido del documento componentes texto punto HTML además información es exactamente
igual a la que manejamos en el ejercicio anterior así que únicamente la vamos a mostrar pero es la misma
información que ya hemos venido manejando.
Y son los mismos que ya hemos trabajado anteriormente como siguiente paso vamos a modificar nuestro
archivo componentes texto punto HTML.
Posteriormente abrimos esta etiqueta HTML y vamos a agregar un jet agregamos el meta de echársela TF
8 y un título también componentes texto cerramos nuestro cabecero y dentro del cuerpo de este archivo
vamos a agregar un nuevo párrafo podemos observar que si queremos agregar espacios a este nuevo elemento
a este párrafo necesitamos utilizar los siguientes caracteres A&G NB SP que básicamente es un espacio
en blanco y así estamos agregando en este caso cuatro espacios en blanco y posteriormente el texto agregamos
un párrafo nuevo.
Cuando manejemos hojas de estilo podremos mejorar la presentación sin agregar este tipo de elementos.
Sin embargo si únicamente manejamos HTML esta es una manera de agregar y tentacion a nuestros elementos.
En este caso a nuestros párrafos posteriormente agregamos un segundo párrafo
pero antes de que termine este párrafo estamos rompiendo es decir que estamos agregando un salto de
línea un Breakthrough y por lo tanto se va a visualizar.
Segundo párrafo y posteriormente texto en la siguiente línea.
Debido a que tenemos un Breakthrough sin embargo todo este párrafo es un solo párrafo y cerramos el
cuerpo de nuestro documento componentes texto punto HTML.
De esta manera estamos formalizando el uso de la etiqueta párrafo podemos observar que abrimos la etiqueta
p y cerramos nuestra etiqueta P.
Pero dentro de esta etiqueta podemos manejar texto y también podemos manejar caracteres que le indican
al navegador que maneje espacios o por ejemplo otro tipo de componentes de etiquetas HTML que agreguen
por ejemplo un salto de línea y así podremos manejar más elementos dentro de nuestro texto.
Sin embargo con esto es suficiente para que podamos tener claro el manejo de párrafos en HTML
y finalmente ejecutamos nuestro proyecto.
Damos clic derecho sobre el proyecto y damos clic en Run y podemos observar que ahora nos muestra el
componente liga a componentes de texto y nos muestra un link.
En este caso ligado a componentes de texto y si damos clic nos muestra el HTML siguiente así que podemos
observar el contenido del documento componentes de texto podemos observar que tenemos varios espacios
en este caso según hemos codificado fueron cuatro espacios y posteriormente se muestra el párrafo y
en el segundo párrafo se muestra la información pero tenemos un salto de línea en este momento y la
demás información del párrafo se muestra en la siguiente línea
así que básicamente con esto estamos poniendo en práctica el concepto del manejo de párrafos.
También se dan clic derecho y ver código fuente en esta página de componentes de texto.
Verán la información que hemos codificado en esta página así que de esta manera estamos comprobando
dos funciones por un lado hemos agregado un link a una nueva página HTML y en esta página HTML estamos
agregando algunos elementos para el manejo de párrafos
como conclusión del ejercicio.
Hemos puesto en práctica los elementos de texto que podemos manejar con HTML.
También vimos cómo ligar los documentos y así empezar a entrelazar los por medio del uso de hipervínculos
los cuales estudiaremos más a detalle posteriormente.
Con esto concluimos el ejercicio de componentes de texto en HTML.