Lo básico de HTML 1

Por: Aldo Salazar R.



Como bien se sabe, no es necesario el uso de algún programa especial para el uso de este lenguaje de programación web, simplemente con escribir nuestro código en el bloc de notas predeterminado de nuestro sistema es suficiente. Claramente existen programas que facilitan el uso de este lenguaje y lo hacen mas amigable.

Para que tengamos un archivo HTML como tal y lo podamos visualizar en nuestro navegador predeterminado, siempre debemos guardar nuestro archivo como .html, es decir, al darle a la opción guardar como... debemos ponerle un nombre a nuestro archivo y al final de este agregarle el .html para que se cree nuestro archivo HTML. 

Ejemplo: Holamundo.html

 Se le llama "etiqueta" a un comando o instrucción escrita dentro de los símbolos < y >, estos símbolos sirven para abrir una etiqueta, si la instrucción no esta encerrada entre estos símbolos, se detectara como cualquier otro texto.

Se pueden encontrar las etiquetas de apertura y las etiquetas de cierre como se muestra a continuación:

 <html> </html>

Como lo indican sus nombres, las etiquetas de apertura sirven para abrir una etiqueta o instrucción y la de cierre para darle fin a esta instrucción. Existen etiquetas que no necesitan de una etiqueta de cierre pero son pocas y por lo general deben estar acompañadas de esta.

Nuestra primera etiqueta a revisar será <html> ya que al abrir esta etiqueta le indicaremos a nuestro programa (en este caso el bloc de notas) que vamos a iniciar un código en este lenguaje y automáticamente nuestro programa sabrá que se trata de HTML y esta es una etiqueta que todos los archivos escritos en este lenguaje deben llevar con su respectiva etiqueta de cierre </html>.

Como hemos explicado, se debe abrir la etiqueta y se recomienda que se cierre en el mismo instante en que se abre para evitar una confusión después.

Todo lo que vamos a escribir en este lenguaje va dentro de estas etiquetas <html> y </html> y son las etiquetas iniciales para comenzar a programar en HTML, y dentro de ellas veremos 2 etiquetas de estructura las cuales componen los datos de la pagina a crear y el cuerpo de la pagina, estas etiquetas también siempre las deben llevar un archivo HTML las cuales son: 

<head> </head>  y  <body> </body>

La etiqueta <head> sirve para escribir los datos de la pagina como el titulo y los llamados metadatos (todos estos datos dentro de esta etiqueta no aparecen visibles en nuestra pagina web pero si en el código) los cuales son elementos HTML que muestran información sobre la propia página web que los contiene. Son usados por los buscadores para definir la información principal de nuestra web (temática, descripción), por lo que será muy importante que lo tengamos correctamente configurados. Por lo general se pone la etiqueta <meta charset="utf-8"> como metadato el cual el elemento meta con atributo charset en un documento HTML está el destinado a indicar la codificación de caracteres utilizada (charset). En otras palabras con esa etiqueta estableces que símbolo o carácter de código representa a un carácter en lenguaje humano, el mas utilizado es el UTF-8, pero no es el único.
Para poner el titulo de la pagina se utiliza la etiqueta <title>hola mundo</title>.

Ejemplo:

<html>
<head>
<title>hola mundo</title>
<meta charset="utf-8">
</head>
</html>

Así tendríamos nuestra pagina web codificada con el metadato general y con su titulo, lo siguiente es abrir la ultima etiqueta de estructura <body> </body> la cual sirve para poner todo el contenido que queremos que se vea, es decir, dentro de esta etiqueta va todo lo que se ve en una pagina web.

Ejemplo:

<html>
<head>
<title>hola mundo</title>
<meta charset="utf-8">
</head>
<body>

</body>
</html>

Ya sabiendo como se estructura una pagina web básicamente escrita en HTML, ahora podemos ver las etiquetas para escribir la información que queremos que tenga nuestra primera pagina, y para ello debemos conocer las siguientes etiquetas.




Teniendo conocimiento de estas etiquetas, podemos agregarlas a nuestro archivo y visualizar el resultado abriendo nuestro archivo .html guardado teniendo como resultado lo siguiente:

<html>
<head>
<title>hola mundo</title>
<meta charset="utf-8">
</head>
<body>
<h1>Hola mundo</h1><br>
<br>
<p>Esta es mi primera <strong>pagina web</strong>, estoy aprendiendo cada vez mas sobre <strong>como se escribe una pagina</strong> web y me esta gustando mucho, quiero seguir <em>aprendiendo</em>.</p>
</body>
</html>


Como podemos ver se ha creado nuestra pagina con todas las indicaciones que le hemos escrito.
También podemos darnos cuenta que tiene una dirección de alojamiento, en este caso esta pagina esta alojada en mi computadora y en mis carpetas, nadie mas puede verla, solo yo.
mi computadora hace como servidor privado para esta pagina web.

Seria todo por esta unidad de "Lo básico de HTML 1", espero les haya sido de utilidad.



Comentarios

Publicar un comentario

Entradas más populares de este blog

Activar licencia Office 2019 mediante cmd

Imagen
Sigue estos pasos para  activar Office 2019 legalmente con un código de licencia por volumen KMS desde CMD: 1. Abre el símbolo del sistema (CMD) como administrador. 2. Copia y ejecuta el siguiente comando para ir a la ubicación de Office en tu PC: cd /d %ProgramFiles%\Microsoft Office\Office16 cd /d %ProgramFiles(x86)%\Microsoft Office\Office16 Si has instalado Office 2019 de 64 bits (x64), deberías ejecutar el primer comando. De lo contrario, si has instalado la versión de 32 bits (x86), ejecuta el segundo comando. En caso de que no estés seguro de la arquitectura que tienes,  ejecuta ambos códigos.  Uno mostrará error pero el otro se ejecutará correctamente. 3. Luego, ejecuta el siguiente comando para convertir tu versión Retail a VL (Licencia por Volumen). for /f %x in ('dir /b ..\root\Licenses16\ProPlus2019VL*.xrm-ms') do cscript ospp.vbs /inslic:"..\root\Licenses16\%x Solo debes ejecutar el comando de arriba si has descargado Office desde Microsoft (los enlaces que t...
Leer más

Licencia Office legal y de forma gratuita

Imagen
Uno de los grandes problemas de comprar un nuevo equipo es cuando la usamos y conforme abrimos programas vemos que al tratar de abrir cualquier programa Office (ya sea Word, Excel, Power Point, etc,) nos pide que coloquemos una licencia o la compremos. Lo primero que pasa por la mente de muchos es pensar que debe de venir en algún lugar la licencia ya que compramos el sistema de forma legal, pero la realidad es que esta licencia no viene incluida, tenemos que pagar para obtener la licencia original.  También muchas personas eligen buscar la forma de descargarla gratuitamente preguntándole al viejo y confiable YouTube, hay demasiados videos de como descargarla de forma gratuita pero esta licencia no es legal, es decir esta pirateada, esta licencia "pirata" tiene las siguientes consecuencias: - En cualquier momento pueden dejar de funcionar. - Expuestos a vulnerabilidades de seguridad. - Limitación de funciones en Windows 10. - Versiones dañinas o peligrosa - Problemas legales....
Leer más

Instalar Office mediante crack.

Imagen
En el mundo de la informática, Microsoft Office juega un papel de gran importancia para el uso cotidiano de una computadora, es por eso que para poder utilizarlo tiene un costo, tal vez no sea un precio tan elevado, pero sin duda una herramienta tan importante debería ser gratuita al comprar un dispositivo con el sistema operativo Windows. Lamentablemente, Microsoft no lo ve así, y cobra el licenciamiento para su uso. Es por eso que, en esta plataforma, te enseñamos varias formas de instalarlo de forma gratuita, una de ellas es descargar un instalador crack para su correcto uso. A continuación, te mostraremos paso a paso a como realizarlo:   1.- Dar click en el siguiente botón: Descargar Office 2022 gratuito! 2.- Al dar click en el botón anterior, nos llevara a la siguiente pagina:   3.- Al entrar a esta pagina, nos abrirá ventanas emergentes, cerramos todas estas ventanas y damos click en el botón de la parte superior derecha de la pagina que dice “Quitar public...
Leer más