HTML

HTML 

HTML es el lenguaje mas básico de la web,  este hecho lo convierte en el mas importante y fácil de aprender cuando alguien inicia su formación en desarrollo.

HTNL ( por sus siglas en ingles, Hyper Text Markup Languaje)  es un lenguaje de marcado que nos permite hacer la estructura de una pagina web. Tenemos que aclarar que HTML no es un lenguaje de programación , pues carece de mecanismos para ejecutar cálculos, repeticiones o condiciones, lo que si es, es un lenguaje de marcado. Es un lenguaje que le indicara al navegador web que tipo de elementos es el que esta en la estructura de una pagina web. Existen lenguajes de programación que interpreta este lenguaje como ser java script y PHP.



Características

Estructura jerárquica: HTML organiza el contenido en una estructura jerárquica usando etiquetas de apertura y cierre. Esto permite que el navegador entienda cómo presentar el contenido.

Uso de etiquetas: HTML está basado en etiquetas, que se utilizan para definir elementos en una página. Ejemplos comunes incluyen <h1> (encabezado), <p> (párrafo), <a> (enlace), y <img> (imagen).

Contenido estático: HTML se utiliza principalmente para definir el contenido estático de una página web, como texto, imágenes, listas y enlaces. No tiene la capacidad de realizar interacciones dinámicas sin la ayuda de JavaScript.

Elementos estructurales: HTML permite la creación de estructuras complejas como tablas, listas, formularios, y divisiones (divs) que organizan y separan el contenido.

Atributos de las etiquetas: Las etiquetas HTML pueden tener atributos que definen propiedades adicionales del elemento. Por ejemplo, el atributo src en la etiqueta <img> indica la fuente de la imagen, o href en <a> define la URL a la que se enlaza.

Enlaces y multimedia: HTML soporta la integración de enlaces a otras páginas web o recursos, y permite insertar multimedia como imágenes, videos, audios y objetos interactivos.

Compatibilidad con otros lenguajes: HTML se usa junto con otros lenguajes como CSS (para el diseño) y JavaScript (para la interactividad). Esto permite crear páginas web completas con estilo y funcionalidades avanzadas.

Accesibilidad: HTML incluye elementos que ayudan a hacer las páginas más accesibles para personas con discapacidades, como atributos de accesibilidad (por ejemplo, alt para imágenes).

Semántica: Las etiquetas HTML pueden ser semánticas, lo que significa que tienen un propósito y significado específico. Ejemplos de etiquetas semánticas incluyen <article>, <section>, <header>, y <footer>, lo que mejora la accesibilidad y el SEO.

Compatibilidad multiplataforma: HTML es compatible con todos los navegadores web, lo que asegura que el contenido se muestre correctamente en diferentes dispositivos y plataformas.

 Que es una etiqueta?

HTML, lo que significa que esta escrito con códigos que pueden leer una persona sin que sea necesario compilarlo primero. En otras palabras, el texto en una pagina web esta <<marcado>> con estos códigos para dar instrucciones al navegador web sobre como mostrar el texto. Estas etiquetas de marcado son las propias etiquetas HTML

 Etiquetas basicas

HTML, lo que significa que esta escrito con codigos que puede leer una persona sin que sea necesario compilarlo primero. En otras palabras, el texto en una pagina westa <<marcado>> con estos códigos para dar instrucciones al navegador web sobre como mostrar el texto. Estas etiquetas de marcado son las propias etiquetas HTML


Etiquetas básicas

  • <body></body>
Indica la parte del cuerpo del contenido de un documento HTML. Es una etiqueta esencial para cualquier documento ya qie indica donde empieza el contenido visible del documento

  • <head></head>
La parte superior del documento HTML, es donde podremos indicar los metadatos: titulos del documento, hojas de estilos, javascrpt, CSS...

  • <div></div>
Un elemento que es usado mayoritariamente para agrupar otros elementos y actuar como plantilla de otros controles. La etiqueta <div> nos ayuda a estructura el documento en secciones.

  • <a></a>
Es una etiqueta que nos ayuda a poder crear un enlace a una pagina web. El atributo principal de la etiqueta HTML es href, donde pondremos el enlace al que queremos conectar

  • <strong></strong>
Si tienes mucho texto, es importante poner énfasis a una parte en concreto, con la etiqueta strong lo podemos hacer

  • <br>
Con esta etiqueta HTML le podemos decir al navegador que viene un salto de linea. Nos sirve para hacer el texto mas leíble

  • <H1></H1>...<H6></H6>
Hay diferentes niveles de titulos del 1 al 6. Las etiquetas <H+numeros> nos permiten indicar la importancia del titulo y para estructurar el contenido, de esta forma ayudamos a los bots a entender la importancia del contenido

  • <IMG></IMG>
Usamos la etiqueta IMG para mostrar imagenes dentro del contenido necesita el atributo src para funcionar, ya que sera donde indicaremos desde donde tiene que mostrar la imagen

  • <OL><LI></LI><OL | <UL><LI></LI><UL>
Las etiquetas OL y LI nos sirven para crear listas, OL para listas ordenadas y UL para listas sin orden, dentro de las listas, los elementos se identifican con la etiqueta LI.

Ejemplo

<ul>
<li> Primer elemento </li>
<li> Segundo elemento </li>
<ul>

  •  <P></P>

Etiqueten que nos sirve para agrupar texto dentro de un parágrafo. El propósito es poder hacer el contenido mas fácil de leer y organizado.

  •  <SPAN></SPAN>
Con la etiqueta podemos personalizar el estilo de solamente una parte del texto

Ejemplo HTML


<html>
<head>
<title> Mi primera pagina </title>
</head>
<body>

Hola, soy Samuel Irias estudiante de btp informática sección Unica, esta es mi primera pagina web para la clase de Diseño Web 1

</body>
</html>

Comentarios

Publicar un comentario

Entradas populares de este blog

Imagen
 Series de mi Interés La serie de Fallout  Si estás buscando una serie que combine acción, humor y un mundo postapocalíptico, "Fallout" en Amazon Prime Video es una opción que no puedes dejar pasar. Basada en la popular saga de videojuegos, la serie nos transporta a un futuro devastado por una guerra nuclear en 2077. La sociedad, atrapada en una estética retrofuturista de los años 50, ha centrado sus avances tecnológicos en la energía nuclear, creando un mundo único y fascinante. Lo que realmente destaca de "Fallout" es cómo logra capturar la esencia de los juegos, ofreciendo una experiencia visualmente impresionante y llena de detalles que los fans reconocerán al instante. La serie ha sido aclamada por su fidelidad al material original y por expandir el universo de "Fallout" de manera que tanto los veteranos como los nuevos espectadores pueden disfrutar. Además, las actuaciones son sobresalientes. Walton Goggins, conocido por su versatilidad, interpreta a...
Leer más
Imagen
  La Tecnología ¿Qué es la Tecnología? La tecnología ha sido fundamental para el avance de la humanidad. Desde la invención de la rueda hasta los avances más recientes en inteligencia artificial, la tecnología ha mejorado la eficiencia de la vida humana, ha abierto nuevas oportunidades de trabajo y ha permitido que las sociedades progresen de maneras que antes eran impensables. computadoras y software , herramientas que han permitido la creación de internet, el acceso a vastas cantidades de información y la comunicación instantánea a nivel global. Las redes sociales , por ejemplo, han transformado la manera en que interactuamos, nos informamos y nos conectamos con el mundo. La utilidad de la tecnología Educación : La tecnología facilita el acceso a recursos educativos, plataformas de aprendizaje en línea, y herramientas interactivas que mejoran el proceso de enseñanza y aprendizaje. Permite la educación a distancia y ofrece recursos que pueden complementar el aprendizaje tradiciona...
Leer más