html ycss

HTML y CSS
HTML significa HyperText Markup Language (lenguaje de marcado de hipertexto). Hipertexto quiere decir "texto que contiene enlaces." ¡Cada vez que haces clic en una palabra que te lleva a una nueva página web, haz hecho clic en un hipertexto!
Un lenguaje de marcado es un lenguaje de programación usado para que el texto haga más que solamente aparecer en una página; puede convertir eltexto en imágenes, enlaces, tablas, listas, y mucho más. El lenguaje de marcado que aprenderemos es HTML.
¿Qué es lo que hace bonita a una página web? Eso es CSS—Cascading Style Sheets (hojas de estilo en cascada). Imagina que es la piel y el maquillaje que cubre los huesos del HTML. Primero aprenderemos HTML, después, en cursos posteriores, nos ocuparemos del CSS.
La primera cosa que debemoshacer es configurar el esqueleto de la página.
a. Escribe siempre en la primera línea. Esto le dice al navegador cuál es el lenguaje que está leyendo (en este caso, HTML).
b. Escribe siempre en la segunda línea. Esto comienza el documento de HTML.
c. Escribe siempre en la última línea. Esto finaliza el documento de HTML.


Terminología básica
Para aprender más HTML, debemos aprender cómohablar sobre HTML. Ya viste que usamos mucho los símbolos .
1. Las cosas adentro de se llaman etiquetas.
2. Las etiquetas casi siempre vienen en pares: una etiqueta de inicio y una etiqueta de cierre.
3. Un ejemplo de una etiqueta de inicio:
4. Un ejemplo de una etiqueta de cierre:
Imagina que las etiquetas son como paréntesis; cuando abres uno, debes cerrarlo. Las etiquetas tambiénpueden anidarse, así que debes cerrarlas en el orden correcto: la etiqueta abierta más recientemente debe ser la primera que se cierre, como en el ejemplo de abajo.
El último ejercicio nos enseñó cómo configurar el archivo HTML. Todo lo que haremos ahora irá en medio de y .

Haz la cabecera
Todo dentro de nuestro archivo HTML irá en medio de las etiquetas de inicio y de cierre .
El archivosiempre consiste de dos partes: la cabecera y el cuerpo . Vamos a concentrarnos en la cabecera.
a. Tiene una etiqueta de inicio y una de cierre.
b. La cabecera incluye información importante, como el título de la página web.
c. El título son las palabras que vemos en la etiqueta (por ejemplo, el título de esta página es "Introducción a HTML").
Instrucciones
1. Añade una etiqueta de cabecera deinicio y una de cierre. Consulta la Sugerencia para saber más.
2. En medio de las etiquetas de cabecera, añade etiquetas de inicio y de cierre para el título.
3. En medio de las etiquetas de título, escribe el nombre de tu página web como Página Web de Malo Hasta Los Huesos S.A.
4. Presiona ejecutar. ¡Observa cómo la pestaña Resultados cambia su nombre!
Párrafos en el cuerpo
Hemos configuradomuchas de las cosas básicas de tu archivo HTML para ti. Lo hicimos para que no te enfadaras con nosotros por tanta repetición; ¡apréndelas muy bien!
Hemos aprendido acerca de las etiquetas de inicio y de cierre. Cuando colocamos contenido en medio de las etiquetas, el trozo completo de código es llamado un elemento.
elemento = + contenido +
¡Observa que ahora tenemos las dos etiquetas deltítulo y del cuerpo! El contenido en el cuerpo es lo que será visible en la página real.
Instrucciones
1. Escribe el nombre de tu página en medio de las etiquetas del título. ¡Puede ser cualquier cosa!
2. Coloca las etiquetas de cierre y de inicio del cuerpo debajo de la etiqueta de cierre de cabecera.
3. ¡Vamos a crear párrafos dentro del cuerpo! Cada párrafo requiere etiquetas de inicio y decierre: y . Colocamos el contenido en medio de las etiquetas.
4. En medio de las etiquetas de cuerpo, crea dos párrafos y escribe contenido en cada párrafo. (Para esto se requerirán 2 pares de etiquetas p).
encabezados
¡Definitivamente estamos haciendo un buen progreso! Hemos aprendido cuándo y por qué usamos HTML. También hemos aprendido cómo:
a. Configurar un archivo HTML con etiquetas
b....