Vamos a realizar a continuación el ejercicio de frases en HTML están listos vamos.
El objetivo del ejercicio es poner en práctica las frases en HTML y al finalizar deberemos observar
lo siguiente según se muestra
como primer paso vamos a crear un proyecto en este caso el proyecto se va a llamar frases HTML lo vamos
a depositar en la ruta mostrada y esta carpeta ya debe estar creada y posteriormente damos clic en Finalizar.
Ahora vamos a agregar el siguiente código a nuestro elemento índex punto HTML.
Recuerden que si este documento no se genera entonces pueden agregar un nuevo documento HTML a su proyecto
y llamarlo índex punto HTML en este caso el IDE de NetBeans lo agrega de manera automática por nosotros
así que podemos empezar a cambiar el contenido de este documento como sigue en primer lugar establecemos
el tipo HTML.
Abrimos nuestro documento HTML y vamos a agregar el GET.
Como ya conocemos el juego de caracteres web Tc8 y el título frases HTML y cerramos nuestro cabecero.
Posteriormente vamos a llegar a lo siguiente al cuerpo de nuestro documento índex punto HTML en primer
lugar agregamos un título llamado frases HTML.
Agregamos un nuevo párrafo y empezamos a trabajar los elementos.
Por ejemplo si utilizamos la etiqueta E.M. Se utiliza para dar significado a algún elemento dentro de
nuestro texto HTML así que en este caso Emme enfatiza alguna parte de un texto
posteriormente agregamos otro párrafo y se utiliza para resaltar para poner en negritas alguna parte
de un texto.
En este caso puede ser que sí se visualice como negritas la parte que se encuentra entre estas etiquetas
de un cerramos nuestro párrafo y agregamos otro párrafo qu se utiliza para poner comillas así que lo
que se encuentre dentro de estas etiquetas le va a agregar comillas
también Coupet se utiliza para poner el texto como si fuera código de algún lenguaje de programación
así que va a modificar la fuente para que se vea de manera distinta como si fuera una fuente de consola
para que parezca texto de un lenguaje de programación seguimos modificando nuestro archivo agregamos
otro párrafo y también la frase de Abebe R se utiliza para poner abreviaciones
también tenemos la frase de acrónimos y se utiliza para poner acrónimos.
En este caso además del acrónimo también podemos observar que por ejemplo los acentos podemos manejarlos
de la siguiente manera en lugar de poner la o con acento podemos utilizar el estándar de HTML.
En este caso vamos a utilizar A&G.
Posteriormente la vocal que queremos acentuar y proporcionamos los caracteres de aquí out básicamente
esto significa que va a acentuar la vocal que se encuentra antes es decir en este caso la letra O y
terminamos con un punto y coma así que de esta manera en el navegador vamos a ver lo siguiente acrónimos
y así es como podemos utilizar los acentos de manera estándar cuando estamos trabajando con HTML.
Si estamos trabajando en nuestro documento con el juego de caracteres VF 8 no es necesario agregar ese
tipo de sintaxis y podemos manejar directamente los acentos en nuestras vocales pero nuestro documento
en dado caso de que no respete correctamente los acentos podríamos hacer uso del manejo estándar de
acentos como en este caso podemos observar también tenemos la frase de D. en que se utiliza para poner
definiciones.
En dado caso que queramos agregar alguna diferencia con el contenido dentro de estas etiquetas para
agregar alguna definición que estemos manejando
cabe significa texto que debe de ser introducido por el usuario.
También tenemos la frase de Sam que se puede utilizar para mostrar un ejemplo de una salida de un programa
también tenemos Bahar que se utiliza para mostrar el texto de una variable y así es como podemos ir
dando formato.
Algunos de los elementos que vayamos agregando a nuestro documento HTML cerramos el cuerpo de nuestro
documento HTML y cerramos también nuestro documento HTML.
Recuerden que para cualquier problema pueden dar clic en el nombre del archivo para ayudarse y poder
corregir cualquier problema que tengan
como siguiente paso.
Ejecutamos nuestro proyecto y podemos observar que en algunos casos como hemos comentado si se visualiza
algún cambio por ejemplo en la frase R.M en la frase Strom en la frase Kú en la frase Coupet pero en
algunas otras por ejemplo cuando manejamos abreviaciones no se visualiza realmente un cambio únicamente
estamos diferenciando a nivel de código HTML que vamos a manejar.
Abreviaciones pero no se visualiza ningún cambio en el documento HTML.
También observamos que el manejo de la frase del acrónimo no se visualiza ningún cambio y también podemos
observar cómo se mostró el acento en la palabra o simplemente lo estamos comentando debido a que manejamos
el estándar de acentos de HTML en lugar de agregar directamente la vocal con el acento en la frase de
definiciones podemos observar que sí hay una diferencia en este caso similar al significado en el caso
de la frase clave.
También podemos observar qué se parece a la salida mostrada cuando estamos indicando que es un código.
También en este caso significa que es un texto introducido por el usuario.
También similar a estos ejemplos la frase de SAMP muestra un cambio en el texto que se envuelve entre
estas etiquetas y finalmente también la variable.
Podemos observar que tiene un ligero cambio para que podamos observar más claramente el uso de esta
frase así que con este tipo de frases podemos dar un significado tanto a nivel semántico de nuestro
documento HTML y también a nivel visual así que son algunos de los elementos de tipo frases que podemos
utilizar en HTML como conclusión del ejercicio.
Hemos puesto en práctica el concepto de frases en HTML las cuales nos servirán para modificar nuestro
texto HTML tanto a nivel semántico como a nivel visual en el navegador web según aplique.
Con esto concluimos el ejercicio de frases en HTML.