Saltar al contenido
Generación Millennials

Qué es el lenguaje HTML

codigos HTML

HTML es un lenguaje informático diseñado para permitir la creación de sitios web. Estos sitios web pueden ser vistos por cualquier otra persona conectada a Internet. Es relativamente fácil de aprender, y la mayoría de las personas pueden acceder a los conceptos básicos de una sola vez; y bastante poderoso en lo que te permite crear. Está en constante revisión y evolución para satisfacer las demandas y requisitos de la creciente audiencia de Internet bajo la dirección del W3C , la organización encargada de diseñar y mantener el idioma.

La definición de HTML es HyperText Markup Language.

  • El hipertexto es el método por el cual se mueve en la web, haciendo clic en un texto especial llamado hipervínculos que lo llevan a la página siguiente. El hecho de que sea hiper solo significa que no es lineal, es decir, puede ir a cualquier lugar de Internet cuando lo desee haciendo clic en los enlaces, no hay un orden establecido para hacer las cosas.
  • El marcado es lo que las etiquetas HTML le hacen al texto dentro de ellas. Lo marcan como un determinado tipo de texto ( texto en cursiva , por ejemplo).
  • HTML es un lenguaje , ya que tiene palabras de código y sintaxis como cualquier otro lenguaje.

Cómo funciona el lenguaje HTML

HTML consiste en una serie de códigos cortos escritos en un archivo de texto por el autor del sitio; estas son las etiquetas. Luego, el texto se guarda como un archivo html y se ve a través de un navegador , como Internet Explorer o Netscape Navigator . Este navegador lee el archivo y traduce el texto a una forma visible, con suerte, renderizando la página como lo había planeado el autor. Escribir su propio HTML implica usar etiquetas correctamente para crear su visión. Puede utilizar cualquier cosa, desde un editor de texto rudimentario hasta un potente editor gráfico para crear páginas HTML.

Las partes principales de nuestro elemento son las siguientes:

  1. La etiqueta de apertura: Consiste en el nombre del elemento (en este caso, p), envuelto entre paréntesis angulares de apertura y cierre . Esto indica dónde comienza el elemento o comienza a tener efecto, en este caso, dónde comienza el párrafo.
  2. La etiqueta de cierre: es la misma que la etiqueta de apertura, excepto que incluye una barra inclinada antes del nombre del elemento. Esto indica dónde termina el elemento, en este caso, dónde termina el párrafo. No agregar una etiqueta de cierre es uno de los errores estándar para principiantes y puede llevar a resultados extraños.
  3. El contenido: este es el contenido del elemento, que en este caso es solo texto.
  4. El elemento: la etiqueta de apertura, la etiqueta de cierre y el contenido juntos componen el elemento.

Los elementos también pueden tener atributos. Un atributo siempre debe tener lo siguiente:

  • Un espacio entre él y el nombre del elemento (o el atributo anterior, si el elemento ya tiene uno o más atributos).
  • El nombre del atributo seguido de un signo igual.
  • El valor del atributo envuelto por comillas de apertura y cierre.

Categorías de HTML

HTML Basico

<!DOCTYPE> Define el tipo de documento
<html> Define un documento HTML
<head> Contiene metadatos/información para el documento
<title> Define un título para el documento
<body> Define el cuerpo del documento
<h1> a <h6> Define los encabezados HTML
<p> Define un párrafo
<br> Inserta una sola línea de ruptura
<hr> Define un cambio temático en el contenido
<!–…–> Define un comentario

Formateo

<acronym> No está soportado en HTML5. Usa <abbr> en su lugar.
Define un acrónimo
<abbr> Define una abreviatura o un acrónimo
<adress> Define la información de contacto del autor/titular de un documento/artículo
<b> Define el texto en negrita
<bdi> Aísla una parte del texto que puede ser formateada en una dirección diferente de otro texto fuera de ella
<bdo> Anula la dirección actual del texto
<big> No está soportado en HTML5. Usa CSS en su lugar.
Define el texto grande
<blockquote> Define una sección que se cita de otra fuente
<center> No está soportado en HTML5. Usa CSS en su lugar.
Define el texto centrado
<cite> Define el título de una obra
<code> Define un pedazo de código de computadora
<del> Define el texto que ha sido borrado de un documento
<dfn> Especifica un término que va a ser definido dentro del contenido
<em> Define el texto enfatizado
<font> No está soportado en HTML5. Usa CSS en su lugar.
Define la fuente, el color y el tamaño del texto
<i> Define una parte del texto con una voz o estado de ánimo alternativo
<ins> Define un texto que ha sido insertado en un documento
<kbd> Define la entrada del teclado
<mark> Define el texto marcado/resaltado
<meter> Define una medida escalar dentro de un rango conocido (un indicador)
<pre> Define el texto preformateado
<progress> Representa el progreso de una tarea
<q> Define una cita corta
<rp>Define qué mostrar en los navegadores que no soportan las anotaciones de rubí.
<rt> Define una explicación/pronunciación de los caracteres (para la tipografía de Asia Oriental)
<ruby> Define una anotación de rubí (para la tipografía de Asia Oriental)
<s> Define el texto que ya no es correcto
<samp> Define la salida de la muestra de un programa de ordenador
<small> Define un texto más pequeño
<strike> No está soportado en HTML5. Usa <del> o <s> en su lugar.
Define el texto tachado
<strong> Define el texto importante
<sub> Define el texto suscrito
<sup> Define el texto superíndice
<template> Define un contenedor para el contenido que debe ser ocultado cuando la página se carga
<time> Define una hora específica (o fecha-hora)
<tt> No está soportado en HTML5. Usa CSS en su lugar.
Define el texto del teletipo
<u> Define algún texto que no está articulado y tiene un estilo diferente al del texto normal
<var> Define una variable
<wbr> Define una posible ruptura de la línea

Marco

<frame> No está soportado en HTML5.
Define una ventana (un marco) en un conjunto de marcos
<frameset> No está soportado en HTML5.
Define un conjunto de marcos
<noframes> No soportado en HTML5.
Define un contenido alternativo para los usuarios que no soportan marcos
<iframe> Define un marco en línea

Imagenes

<img> Define una imagen
<map> Define un mapa de imagen del lado del cliente
<area> Define un área dentro de un mapa de imagen
<canvas> Se utiliza para dibujar gráficos, sobre la marcha, a través de la escritura (por lo general JavaScript)
<figcaption> Define una leyenda para un <figura> elemento
<pictura> Especifica el contenido autocontenido
<imagen> Define un contenedor para múltiples recursos de imágenes
<svg> Define un contenedor para los gráficos SVG

Audio/Video

<audio> Define el contenido del sonido
<source> Define múltiples recursos de medios para elementos de medios (<video>, <audio> y <imagen>)
<track> Define las pistas de texto para los elementos de los medios (<video> y <audio>)
<video> Define un video o una película

Links

<a> Define un hipervínculo
<link> Define la relación entre un documento y un recurso externo (más utilizado para enlazar con hojas de estilo)
<nav> Define los enlaces de navegación

https://www.youtube.com/watch?v=GnPALhDSleI&feature=emb_title

Contenido