¿Cómo asignar estilos de fuente en HTML?
Lo primero que tenemos que hacer, es abrir Bloc de notas:
Después, escribimos lo siguiente:
En donde:
• "<HTML>" es la etiqueta para abrir el documento con formato html.
• "<HEAD>" es la etiqueta para abrir el encabezado.
• "<TITLE>" es la etiqueta para asignar el título a la página.
• "Ejemplo" es el título de la página.
• "</TITLE>" es la etiqueta para cerrar el título. Hay que tomar en cuenta que ahora tiene un "/" y es igual que la etiqueta que abre. Al poner el diagonal, la etiqueta pasa de abrir a cerrar.
• "</HEAD>" como ya lo mencionamos anteriormente, ya que tiene el diagonal al principio, pasa de abrir a cerrar y en este caso, cierra el encabezado.
• "</HEAD>" como ya lo mencionamos anteriormente, ya que tiene el diagonal al principio, pasa de abrir a cerrar y en este caso, cierra el encabezado.
Proseguimos a escribir lo siguiente:
En donde:
• "<BODY>" es para abrir el cuerpo del documento.
• "Normal" es la palabra que saldrá en la página así, Default.
• "<B>" es la etiqueta para cambiar el estilo de los caracteres dentro de la etiqueta.
• "Negrita" es lo que va a estar como negrita.
• "</B>" es por obviedad, como ya sabemos, la etiqueta para terminar el estilo Negrita.
• "<I>" es la etiqueta para asignar el estilo Cursiva.
• "<BR>" es una etiqueta especial que no se cierra y sirve para hacer un salto de línea.
Aquí mismo se cierra el cuerpo del documento ("</BODY>") y se cierra el documento ("</HTML>").
Finalmente, nos quedará así:
La estructura de esta manera, sirve a los programadores a tener mejnor organizado el código. A la hora de abrir una etiqueta, una llave o algo por el estilo, los siguiente "Comandos", se ponen más espaciados para tener una estructura más estética y más fácil para poder ubicarse.
Ahora, guardaremos el archivo:
El nombre es lo de menos. El formato (".html") sí es indispensable para que se pueda abrir como página
Dedemos tener en cuenta que el tipo debe ser "Todos los archivos" para que no se guarde como archivo de Bloc de notas.
Procedemos a abrir nuestro archivo desde el explorador de archivos en la ubicación en donde ha sido guardado:
Al abrirlo, nos quedará así:
Podemos notar que se ha acomodado tal y como lo escribimos. La pestaña dice "Ejemplo" como lo hemos puesto en la etiqueta "TITLE". Quiero resaltar que Las palabras "Normal" y "Negrita" me aparecen juntas ya que a la hora de escribir el código, olvidé escribir un "<BR>" después de la palabra "Normal". Aunque en el documento lo demás está en la siguiente línea, el navegador no lo respeta si tiene la etiqueta y lo acomoda seguido. Quise dejarlo así para también explicarlo aunque en verdad lo olvidé :P
Esto ha sido todo. Ya sabemos algo básico para HTML y espero y te haya gustado mi curso ☺
