ExprimiCompuAprende ¿Qué es un archivo HTML y para que sirve? con esta BUTAL guía que tengo para ti.
¿Qué es HTML?
Básicamente, HTML en informática se define como un lenguaje de marcado, el cual sirve para estructurar el contenido de una paginas web mediante el uso de etiquetas.
Por ejemplo esta es la estructura básica de un documento html5.
HTML5
<!DOCTYPE html><html>
<head>
<title>Titulo de la pagina.</title>
</head>
<body>
<h1>Esto es un titulo principal.</h1>
<p>Esto es un párrafo.</p>
</body>
</html>
Así mismo, este lenguaje tiene una gran adaptabilidad y una estructuración lógica fácil de interpretar.
¿Cuál es el significado de las siglas HTML?
Estas siglas corresponden a la palabra en ingles HyperText Markup Language.
| Siglas | Significado |
|---|---|
| H | Hyper |
| T | Text |
| M | Markup |
| L | Language |
Las cuales se traducen como lenguaje de marcado de hipertexto. y hacen referencia al lenguaje utilizado para crear páginas web.
Así mismo, todo documento web escrito con este lenguaje, se le denomina código HTML.
¿Cuál es el funcionamiento de HTML?
Cumple la función de estructurar el contenido de una pagina web, mediante el uso de etiquetas HTML.
Con la finalidad de indicarle a los navegadores como queremos mostrar nuestro contendió al usuario.
¿Cuál es la estructura básica de un documento de HTML?
El esquema básico de un documento html5 se compone de 3 partes importantes, las cuales:
1.- Header
El elemento header, es el encabezado de un documento HTML.
En ella podemos encontrar una serie de metadatos sobre la pagina, como por ejemplo:
- El logo de la empresa.
- Las hojas de estilos Css.
- Titulo principal.
- Formulario de búsqueda.
En algunos casos, datos de contacto como teléfono e email.
2.- Body
El elemento <body> de HTML, es el contenedor que de nuestra pagina web. Así, mismo todas la etiquetas que se encuentren es este parte del cuerpo serán visibles.
Como por ejemplo:
- Imágenes
- Videos
- Texto
3.- Footer
El Elemento Footer representa al pie de página. En esta parte solemos encontrar datos como:
- Información acerca de el autor
- Datos de derechos de autor.
- Enlaces a documentos relacionados.
Así mismo, ten en cuenta que dentro de estas 3 partes podemos incluir elementos semánticos que nos ayudaran a definir claramente las distintas partes de una página web.
¿Cuáles son las características de HTML?
Aquí tienes una checklist de 05 características que debemos conocer del lenguaje de marcado de hipertexto, que todo principiante debe conocer YA.
1.- Se puede editar desde un blog de notas.
Puedes escribir o editar código HTML utilizando un blog de notas desde tu celular o Laptop. Aunque esto no es recomendable ya que existen editores de texto como sublime Text, Atom o Visual studio code.
Que nos facilitan la tarea de programar.
2.- Es multiplataforma.
El Lenguaje de marcado se puede ejecutar en cualquier tipo de dispositivo, como celulares, laptop, estaciones de trabajo.
Para ello solo, es necesario un navegador web.
3.- Es compatible con otros lenguajes de programación.
El código HTML permite combinarlo con otros lenguajes de programación, tales como:
- JavaScript
- Php
- Python
Con la finalidad de crear paginas web dinámicas.
4.- No diferencia entre mayúsculas y minúsculas.
No importa si se escribe una etiqueta en mayúscula o minúscula, ya que esta siempre será lo mismo.
5.- Es un estándar para crear paginas web.
No importa si hablas chino, ingles o alemán, las etiquetas HTML siempre serán las mismas ya que es un estándar reconocido por todo el mundo.
Y sus parámetros son regulados por un organismo sin animo de lucro llamado World Wide Web Consortium, mejor conocido como W3C.
¿Cómo se escribe una etiqueta HTML?
Un elemento HTML se escribe entre dos etiquetas una de inicio y otra de cierre.
| Inicio | Contenido | Cierre |
|---|---|---|
| <h1> | Titulo Principal | </h1> |
| <h2> | Titulo Secundario | </h2> |
| <p> | Parrafo | </p> |
| <a href='Link'> | Enlace | </a> |
Esto sirve para indicarle al navegador donde inicia y termina un elemento. Así mismo, estas etiquetas se diferencian ya que la de cierre lleva una barra inclinada "/" antes del código.