La educación, es un tren que te lleva hacia un futuro exitoso

HTML

Imagen extraida de: https://www.google.com.co/search?q=HTML&hl=es-419&source=lnms&tbm=isch&

1. Historia del html

EL HTML es un lenguaje de programación para la elaboración de páginas web, basado en el uso de etiquetas encerradas por corchetes angulares (<>) el cual se utiliza para traducir la estructura y la información en forma de texto, con la posibilidad de agregar objetos como imágenes, videos etc.

El origen del lenguaje HTML se remonta al físico Tim Berners-Lee, un trabajador del CERN (Organización Europea para la Investigación Nuclear) quien a finales de 1989 propuso el lenguaje HTML junto con el protocolo HTTP, cuya finalidad era crear un medio para poder compartir información entre diversos “grandes” físicos de la época que trabajaban por todo el mundo.

El primer documento que se publicó de manera formal, sobre la estructura del HTML se publicó en el año de 1991 con el nombre de: “HTML Tags“, simplemente texto en donde se explican las etiquetas que se usan en HTML [1].

Video Historia d HTML:

Cargado desde: https://www.youtube.com/watch?v=EEttUcYhv30

 

2. Estructura de una página en html

<html>
<head>

<title> Titulo de la página</title>
</head>
<body>
Cuerpo de la página.
</body>
</html>

Si observamos toda página comienza con la marca:<html> y finaliza con la marca:</html>

Luego viene una parte llamada la cabecera y dentro de esta está el título de la página

<head>

<title>

</title>
</head>

Otra parte de la estructura es el cuerpo

<body>
Instrucciones y sentencias que nos permite crear la pagina web, se pueden cargar videos, imagnes, cuadros etc
</body> [2]

 

3. Que es una tiqueta y cual es su sintáxis para su manejo en html?

Las etiquetas permiten interconectar algunos conceptos y formatos

La sintaxis es la siguiente:

<etiqueta> Así se abre la etiqueta

</etiqueta> Así se cierra la etiqueta

 

4. Etiquetas básicas que maneja html con ejemplos

 

  • <title> Coloca el título a la pagina

Ej: <title>Mi primera página web</title>

 

  • Headings: nos definen el tamaño de un título o cabecera

<h1> Nos da el tipo de letra más grande

<h6> Nos da el tipo de letra más pequeño

Ej: <h1> título </h1>

 

  • <article> Indica a los buscadores que el contenido dentro de estas etiquetas es un articulo. Es texto que puede ser distribuido de forma independiente.

Ej: <article></article>
  <h1>La importancia de los dominios en Internet</h1> //Encabezado de primer orden
  <p>Desde hace casi dos décadas la evolución de la red mundial de Internet ...</p>// Indica un párrafo nuevo
</article>

 

  • <a></a> Establece un enlace hacia otra página web por lo tanto, define un hipervinculo. En HTML5 si va acompañada del atributo “href” define un hipervinculo, de lo contrario se interpreta como un marcador de posición.

Ej: <a href="https://www.avanhost.com">Alojamiento Web y Registro de dominios</a>

 

  • <br> Indica el salto de linea

 

  • <table> </table> define una tabla

 

  • Comentarios: Se utiliza para insertar un comentario dentro del código que estamos escribiendo

<!--Comentario-->

Ej:  <!-- Esto es un comentario. -->

 

  • Trazar una linea: La etiqueta <hr> nos permite trazar una línea horizontal para separar secciones o diferentes temas

esta etiqueta no tiene cierre.[3]

 

 

[1] https://www.webadictos.com.mx/2012/12/30/breve-historia-del-html/

[2] https://www.comoprogramar.org/estructura-interna-de-una-pagina-html/

[3] https://www.virtualnauta.com/html-etiquetas-basicas

Contacto

nelsonremington13