Html Y Css 3p5l2f

  • ed by: Donaldo Hdz
  • 0
  • 0
  • November 2020
  • PDF

This document was ed by and they confirmed that they have the permission to share it. If you are author or own the copyright of this book, please report to us by using this report form. Report 3b7i

Overview 3e4r5l

& View Html Y Css as PDF for free.

More details w3441

  • Words: 1,271
  • Pages: 7
en la última línea. Esto finaliza el documento de HTML.

Instructions

1. Coloca las tres etiquetas que mencionamos arriba en test.html. 2. En medio de la segunda y la última línea (en medio de y ), puedes escribir cualquier mensaje que desees.

?

Stuck? Get a hint!

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 el texto 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 debemos hacer 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.

Instructions

1. Coloca las tres etiquetas que mencionamos arriba en test.html. 2. En medio de la segunda y la última línea (en medio de y ), puedes escribir cualquier mensaje que desees.

Terminología básica Para aprender más HTML, debemos aprender cómo hablar sobre HTML. Ya viste que usamos mucho los símbolos<>. 1. Las cosas adentro de <> se llamanetiquetas. 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. <primera etiqueta><segunda etiqueta>¡Algún texto!

El último ejercicio nos enseñó cómo configurar el archivo HTML. Todo lo que haremos ahora irá en medio de y . ¡La práctica hace al maestro! Una cosa más:

Instructions

1. Coloca la etiqueta !DOCTYPE HTML. 2. Coloca las etiquetas html de inicio y de cierre. 3. Escribe lo que quieras en medio de las etiquetas html. 4. ¡Presiona Ejecutar para ver tu trabajo!

Haz la cabecera Todo dentro de nuestro archivo HTML irá en medio de las etiquetas de inicio y de cierre . El archivo siempre 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").

Instructions

1. Añade una etiqueta de cabecera de inicio 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 configurado muchas 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 = <etiqueta de inicio> + contenido + <etiqueta de cierre>

¡Observa que ahora tenemos las dos etiquetas del título y del cuerpo! El contenido en el cuerpo es lo que será visible en la página real.

Instructions

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 de cierre:

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).

Párrafos y 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. Ponerle un título a la página web (en la cabecera, o ) c. Crear párrafos (en el cuerpo, o) El siguiente paso es colocarle encabezados a nuestros párrafos, usando las etiquetas de encabezado. Vamos a comenzar con la etiqueta

, que marca una cosa como la más importante. (¡Todos saben que la fuente más importante es la más grande!) Instructions 1. Pregúntate a ti mismo: ¿cuál es el título de esta página? 2. Crea un encabezado en la sección del cuerpo. Para hacerlo, crea una etiqueta 3ye4q

. 3. Ponle un encabezado a tu contenido. ¡Puede ser cualquier cosa! 4. Cierra el elemento con una etiqueta de cierre 6u312h

. (Tu encabezado ahora debe estar en medio de

y 55392c

.) 5. Debajo del encabezado, crea dos párrafos con el contenido que quieras.

¡Más sobre los encabezados! En realidad, HTML nos permite tener más de un tamaño de encabezado. Hay seis tamaños de encabezado: ¡

es el jefe de todos y 105d5e

es un enclenque!  2u2d71

- El Presidente Ejecutivo  3u3k71

- El Vicepresidente Elegante  f742

- El director de algo  4v4g20

- El de gerencia intermedia  4v6056

- El humilde asistente  1f6pi
- El que les lleva café a los demás A continuación te pediremos que añadas encabezados de varios tamaños. ¡Puedes escribir lo que quieras como encabezados! Instructions 1. Actualmente tu código tiene un encabezado 4i1b6p

y dos párrafos. 2. Añade un encabezado 3g5w6u

antes del segundo párrafo. 3. Añade un encabezado 1w4q2w

después del segundo párrafo, y luego añade un tercer párrafo después de este encabezado. a6hd

Related Documents 3m3m1z

Html Y Css 3p5l2f
November 2020 0
Livro Css + Html - Maujor 401x1y
August 2022 0
May 2020 5
Html E Css Fundamentos f1v29
April 2020 34
Html Css Javascript Php 423ix
January 2021 0
Handout Html Und Css 6m34r
November 2019 62

More Documents from "Donaldo Hdz" 17704r

Html Y Css 3p5l2f
November 2020 0
Mapa Conceptual Ia 185x6k
May 2021 0
Estrutura Cubica Centrada En La Cara 4p5d5c
December 2019 42
Plan De Mantenimiento Taladro Vertical 3v1t2z
November 2019 37
6l6m1j
December 2019 55
Marco Teorico Alcantarillado 2b1w6h
May 2020 6

Copyright © 2025 IDOUB.