Etiquestas básicas de HTML
Enviado por ABISMAL_2005 • 23 de Noviembre de 2023 • Apuntes • 767 Palabras (4 Páginas) • 25 Visitas
Página 1 de 4
Etiquetas básicas en HTML:
- <html>: Esta etiqueta es la envoltura de todo el documento HTML. Define el comienzo y el final de una página web.
- <head>: La sección <head> contiene metadatos importantes para la página, como el título, la descripción y enlaces a hojas de estilo (CSS) y scripts (JavaScript).
- <title>: La etiqueta <title> se encuentra dentro de <head> y establece el título de la página, que se muestra en la pestaña del navegador.
- <body>: La etiqueta <body> contiene el contenido principal de la página, como texto, imágenes, enlaces y otros elementos visibles para el usuario.
- <h1>, <h2>, ..., <h6>: Estas etiquetas se utilizan para definir encabezados con diferentes niveles de importancia, desde el título principal (<h1>) hasta subencabezados (<h2>, <h3>, etc.).
- <p>: La etiqueta <p> se usa para definir párrafos de texto, lo que ayuda a estructurar el contenido de la página.
- <a>: La etiqueta <a> crea hipervínculos que permiten a los usuarios navegar entre páginas web o acceder a otros recursos en línea.
- <img>: La etiqueta <img> se utiliza para insertar imágenes en la página, lo que enriquece visualmente el contenido.
- <ul> y <ol>: <ul> se utiliza para crear listas sin ordenar (viñetas), mientras que <ol> se usa para crear listas ordenadas (números). Dentro de estas etiquetas, <li> define elementos individuales de la lista.
- <div>: La etiqueta <div> se utiliza como un contenedor genérico para agrupar y estructurar elementos en bloques. Es esencial para organizar el diseño de la página y aplicar estilos CSS.
Etiquetas básicas en CSS:
- selector { propiedad: valor; }: La sintaxis de las reglas CSS se utiliza para aplicar estilos a elementos HTML seleccionados.
- color: La propiedad color se utiliza para definir el color del texto en un elemento.
- font-family: font-family establece la fuente tipográfica que se utilizará para el texto en un elemento.
- font-size: font-size controla el tamaño del texto.
- margin y padding: Las propiedades margin y padding permiten ajustar los márgenes y el espacio interno de los elementos, lo que influye en el diseño y la disposición de los elementos en la página.
- Background-color: Esta propiedad se utiliza para establecer el color de fondo de un elemento, como un div o una sección de la página.
- border: La propiedad border se utiliza para definir bordes alrededor de los elementos, lo que agrega estructura visual y separación entre elementos.
- width y height: Las propiedades width y height controlan las dimensiones de los elementos, permitiendo ajustar su tamaño en función de las necesidades de diseño.
La combinación de etiquetas HTML para estructurar el contenido y reglas CSS para darle formato y apariencia es esencial para crear páginas web atractivas, bien organizadas y funcionales. Estas herramientas son la base del desarrollo web y son utilizadas en conjunto para diseñar sitios web modernos y efectivos.
El atributo "alt" en una etiqueta de imagen es importante porque:
- Hace que las imágenes sean accesibles para personas con discapacidades visuales.
- Asegura que se muestre un texto descriptivo si la imagen no se carga.
- Mejora el SEO al proporcionar información sobre la imagen a los motores de búsqueda.
- Mejora la experiencia del usuario al ofrecer información adicional.
- Cumple con estándares de accesibilidad web y demuestra buenas prácticas de desarrollo.
Se sugiere que las imágenes siempre deben ser redimensionadas a través de los atributos width y height. (Esto es falso)
...
Disponible sólo en Clubensayos.com