Diseño Web, CONCEPTOS INTRODUCTORIOS PARTE 2

 

Etiqueta para imágenes en HTML

La etiqueta <img> inserta imágenes en una página web. Incluye src que es la (fuente de imagen) y alt que es el (texto alternativo).

• alt: Describe la imagen para usuarios con discapacidad visual o cuando no carga.
  

• src: Indica la ubicación de la imagen que se mostrará.

<img src="https://us.123rf.com/450wm/

aprillrain /aprillrain2212/aprillrain2212006 8

/196354278-imagen-de-caricatura-de-un-astronauta-sentado-en-una-luna-ilustraci%C3%B3n-de-alta-calidad.jpg" alt="Imagen desde URL">

Atributos de estilo en HTML

El atributo style ajusta la apariencia del elemento con CSS, permitiendo personalizar color, fuente y alineación.

Ejemplos:

Cambiar Color de Texto

Resultado: Los textos se verán en los colores rojo y verde, respectivamente.

Cambiar Tamaño de Fuente

Resultado: El primer texto es más grande (24px) y el segundo es más pequeño (12px).

Alinear Texto

Resultado: El primer párrafo aparece centrado, y el segundo, alineado a la derecha.

Cambiar Tipo de Fuente

Resultado: Los textos se muestran en las fuentes especificadas: Arial y Courier New.

Agregar Fondo a un Elemento

                             Resultado: Cada párrafo tiene un color de fondo específico (amarillo y azul claro).

Texto en negritas en HTML

Para negritas, usamos <b> para estilo visual y <strong> para indicar importancia o énfasis fuerte.

Texto en cursivas en HTML

Las etiquetas <i> y <em> colocan texto en cursiva. <em> también indica énfasis semántico.

Función de "Strong" y diferencia con negritas

La etiqueta <strong> destaca texto con un significado importante y mejora la accesibilidad, mientras que <b> solo aplica estilo visual negrita.