Scribd
Cargar
14 vistas2 páginas

Resumen de HTML y CSS para Principiantes

HTML y CSS son esenciales para el desarrollo web, donde HTML estructura el contenido y CSS define su apariencia. Se presentan elementos básicos de HTML como encabezados, párrafos, enlaces, y listas, así como propiedades de CSS para personalizar colores, tamaños y diseño. Un ejemplo práctico ilustra la creación de una página simple con un encabezado y un párrafo.

Cargado por

thesingger
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
14 vistas2 páginas

Resumen de HTML y CSS para Principiantes

HTML y CSS son esenciales para el desarrollo web, donde HTML estructura el contenido y CSS define su apariencia. Se presentan elementos básicos de HTML como encabezados, párrafos, enlaces, y listas, así como propiedades de CSS para personalizar colores, tamaños y diseño. Un ejemplo práctico ilustra la creación de una página simple con un encabezado y un párrafo.

Cargado por

thesingger
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

Resumen Práctico de HTML y CSS para Principiantes

Conceptos Básicos de HTML

HTML (HyperText Markup Language) y CSS (Cascading Style Sheets) son los lenguajes fundamentales para el

desarrollo web.

HTML define la estructura del contenido:

- <h1> a <h6>: Encabezados de diferentes niveles.

- <p>: Párrafo de texto.

- <a href="...">: Enlace.

- <ul>, <ol>, <li>: Listas desordenadas y ordenadas.

- <img src="...">: Imagen.

CSS define la apariencia visual:

- color: Cambia el color del texto.

- background-color: Define el color de fondo.

- font-size: Tamaño de fuente.

- margin y padding: Espaciado exterior e interior.

- display: Controla el tipo de caja (block, inline, flex, grid).

- media queries: Adaptan el diseño a diferentes tamaños de pantalla.

Ejemplo Práctico

<!DOCTYPE html>

<html>

<head>
Resumen Práctico de HTML y CSS para Principiantes

<style>

body { background-color: lightblue; }

h1 { color: navy; }

</style>

</head>

<body>

<h1>Mi primera página</h1>

<p>¡Hola mundo!</p>

</body>

</html>

También podría gustarte