Page 6 - Aplicaciones web(ebook)Creativo

2 Desarrollo Frontend: HTML y CSS

Estructura y Semántica de HTML5

Se refiere a la forma en que se organiza y se le da significado a los elementos en un documen-
to HTML. HTML5 introduce nuevas etiquetas semánticas que permiten una mejor estructura-
ción del contenido, como <header>, <nav>, <section>, <article>, <footer>, entre otras. Estas
etiquetas ayudan a los motores de búsqueda y a los desarrolladores a comprender la estructu-
ra y el propósito de cada parte de la página web, mejorando la accesibilidad y la indexación en
los motores de búsqueda.

Estilizado con CSS3: Selectores, Propiedades, Valores

CSS3 ofrece una amplia gama de selectores, propiedades y valores para estilizar elementos
HTML. Los selectores permiten apuntar a elementos específicos en una página web para apli-
car estilos. Algunos selectores comunes incluyen el selector de elemento, el selector de clase,
el selector de ID, los selectores de atributo y los selectores de pseudo-clase.

Las propiedades y valores en CSS3 controlan aspectos como el color, tamaño, posición, tipo-
grafía y diseño de los elementos en la página web. Por ejemplo, se pueden utilizar propiedades
como color, font-size, margin, padding, entre otras, para personalizar la apariencia de los ele-
mentos HTML.

Diseño Responsive y Adaptativo

Se refiere a la capacidad de una página web para
adaptarse y verse bien en diferentes dispositivos
y tamaños de pantalla, como computadoras de
escritorio, tabletas y teléfonos móviles. Esto se
logra mediante el uso de media queries en CSS,
que permiten aplicar estilos específicos según
las características del dispositivo en el que se
visualiza la página.

El diseño responsive garantiza una experiencia
de usuario óptima, independientemente del dis-
positivo utilizado, al ajustar el diseño y la disposi-
ción de los elementos para que se vean correcta-
mente en cualquier pantalla.

2