¿Qué es HTML?
HTML(Lenguaje de Marcas de Hipertexto) es un lenguaje de programación de hipertexto, es decir que el texto se presenta de forma estructurada, es muy buena a la hora de realizar páginas web.
¿Cómo funciona HTML?
Básicamente funciona a través de usuarios de la web que pueden crear y estructurar información en secciones, párrafos, a la vez pueden utilizar diferentes herramientas de multimedia para hacer de la página más interactiva y dinámica, mediante elementos, etiquetas y atributos.
Estructura Básica de HTML
Elementos básicos de HTML
Bloques de texto
• Encabezado
• Párrafos de texto
• Listas de elementos no numeradas o numeradas
• Tablas informativas
Bloques estructurales
• Cabecera y pie.
• Columnas laterales y complementarias.
• Menú de navegación.
Imágenes y Multimedia
• Con o sin texto dentro de ellas.
Elementos interactivos
• Hipervínculos.
• Elemento de entrega y subelementos: menú de selección, botes, cajas de texto.
Metainformación
• Título de la página.
• Palabras claves.
Elementos alternativos de accesibilidad
• Texto alternativo de imágenes.
Características
• Puede ser creado y editado con cualquier editor básico de textos.
• Puede ser visualizado por cualquier navegador de cualquier sistema operativo.
• No diferencia entre mayúsculas y minúsculas.
• Utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determina la forma en la que debe aparecer en su navegador el texto así como también las imágenes y demás elementos en la pantalla del ordenador.
Ej:
<input type="datetime-local" id="fechahora" name="fechahora"/>
Lo que nos saldría sería:
• Cada elemento de un documento HTML consta de una etiqueta de comienzo, un bloque de texto y una etiqueta de fin.
E.Comienzo⬅️<h1>Título</h1>➡️E.Fin
Es utilizado para la creación de páginas web.
Es un estándar reconocido por todo el mundo y cuyas normas define un organismo sin animo de lucro llamado World Wide Web Consortium, más conocido como W3C.
Etiquetas Básicas de HTML
<h1>Esta es una etiqueta H1. Utilízala en el título.</h1>
<h2>Esta es una etiqueta H2. Utilízala en los encabezados de secciones.</h2>
<h3>Esta es una etiqueta H3. Utilízala en sub-secciones.</h3>
<h4>Esta es una etiqueta H4. No se usan muy a menudo.</h4>
<h5>Esta es una etiqueta H5.</h5>
<h6>Esta es una etiqueta H6.</h6>
<p> Sirve para poner párrafos. </p>
<img src="https://images.unsplash.com/photo-1535378917042-10a22c95931a"> //para poner imágenes ejemplo está que contiene el vínculo de una imagen de internet.
Sirve para poner letras en Negrita <B>…</B>
Sirve para poner letras en Cursiva <I>…</I>
Sirve para Subrayar las letras <U>…</U>
Sirve para realizar un Tachado: <STRIKE>…</STRIKE>
Hay una gran variedad de etiquetas para realizar todo la tu página web, para poder personalizarla de manera dinámica.
Comentarios
Publicar un comentario