Sei sulla pagina 1di 6

<!

DOCTYPE html>
<strong>hola esta es programacion en htlm</strong>

Instrucciones
1. Coloc las tres lneas que mencionamos arriba, en la pestaa test.html que ahora
est vaca.
2. Entre la segunda y la ltima lnea (entre <html> y </html>) pods escribir
cualquier mensaje que quieras.
<!DOCTYPE html>
<html> hola mi nombnre es tomas</html>

Hac el encabezado
Todo dentro de nuestro archivo HTML ir en medio de las etiquetas de inicio <html> y de
cierre </html>.
El archivo siempre consiste de dos partes: el encabezado y el cuerpo. Vamos a empezar con
el encabezado.
El encabezado tiene informacin sobre el archivo HTML, como por ejemplo su ttulo. El
ttulo es lo que vemos en la barra de ttulos del buscador o pestaa de la pgina. Por
ejemplo, el ttulo de esta pgina es "Conceptos bsicos de HTML | Codecademy".
Instrucciones
Agreguemos una etiqueta y un ttulo a nuestra pgina web. Si te trabs en alguna parte hac
clic ms abajo en Te trabaste? Te damos un consejo para ver un ejemplo.
1. Agreg una etiqueta de inicio <head> y una de cierre </head>.
2. En medio de las etiquetas <head> de inicio y de cierre, agreg una etiqueta de ttulo
<title> de inicio y una etiqueta </title> de cierre.
3. Entre las etiquetas <title>, escrib un ttulo para tu pgina web. Por ejemplo, Mi
pgina web.
4. Hac clic en Guardar y enviar para continuar.

Prrafos del cuerpo del archivo


Muy bien! Para repasar, recordemos que un archivo HTML tiene un encabezado y un
cuerpo. El encabezado es donde se ingresa la informacin sobre tu archivo HTML, como,
por ejemplo, el ttulo.
El cuerpo es donde ingress el contenido, como textos, imgenes y enlaces. El contenido
del cuerpo es lo que se ver en la pgina real.
El cuerpo va dentro de las etiquetas , inmediatamente despus de las etiquetas de ttulo, as:
<html>
<head>
<title>Mi pgina web</title>
</head>
<body>
</body>
</html>

Prrafos y encabezados
Definitivamente estamos avanzando mucho! Aprendimos cundo y por qu usamos
HTML. Tambin aprendimos cmo:
a. Configurar un archivo HTML con etiquetas
b. Ponerle un ttulo a la pgina web (en el encabezado o <head>)
c. Crear prrafos (en el cuerpo o <body> con etiquetas <p>)
En el siguiente paso pondremos encabezados a nuestros prrafos usando las etiquetas de
encabezado. Vamos a comenzar con la etiqueta . Lo que aparece entre estas etiquetas tendr
la letra ms grande.

Instrucciones
1. En la seccin del cuerpo escrib un encabezado. Para esto, cre una etiqueta <h1>.
2. Agreg contenido.
3. Cerr ese elemento con una etiqueta de cierre de encabezado. El contenido que
agregaste debe quedar entre <h1> y </h1>.)
4. Debajo de las etiquetas de encabezado agreg dos prrafos, con cualquier contenido,
usando las etiquetas <p>.
<!DOCTYPE html>
<html>
<head>
<title>
Encabezados & Prrafos
</title>
</head>
<body>
<h1>hola mundo</h1>
<p>"programacion hml"</p>
<p>con tomas</p>
</body>
</html>

Instrucciones
1. Tu cdigo por ahora tiene un solo encabezado <h1> y dos prrafos.

2. Agreg un encabezado <h3> antes del segundo prrafo.


3. Agreg un encabezado <h5> despus del segundo prrafo y un tercer prrafo
despus de este encabezado.
<!DOCTYPE html>
<html>
<head>
<title>
Encabezados & Prrafos
</title>
</head>
<body>
<h1>hola mundo</h1>
<p>"programacion hml"</p>
<h3>tierra</h3>
<p>con tomas</p>
<h5>marte</h5>
<p>planeta ovni</p>
</body>
</html>

Repaso de mitad de leccin


Hiciste un trabajo impresionante. Este es un resumen de lo aprendido:
01. HTML se usa para darle estructura a los sitios web.
02. Abrimos los archivos HTML usando un navegador, y el navegador reproduce el archivo
(nos lo muestra).

03. Los archivos HTML tienen un encabezado <head> y un cuerpo <body> (Igual que
nosotros, que tenemos cabeza y cuerpo).
04. En el encabezado tenemos las etiquetas de ttulo <title> y las usamos para especificar
el nombre de la pgina web.
05. Cmo hacer encabezados y prrafos.
<!DOCTYPE html>
<html>
<head>
<title>
Encabezados y prrafos
</title>
</head>
<body>
<h3> Encabezados y prrafos</h3>
<p>mi perro</p>
<p>ladra</p>
<p>siempre</p>
</body>
</html>

Potrebbero piacerti anche