You are on page 1of 3

 <html> 

</html>
Todos los documentos HTML deben empezar y acabar con esta etiqueta.

 <head>  <head/>
Cabecera  del documento HTML. Contiene información básica sobre la página.

 <title>  </title>
Titulo de la página que aparecerá en la barra de titulo encima de la ventana. Debe ir
incluido entre las etiquetas <head> </head>.

 <body>  </body>
Contiene toda la información propia del documento que queremos que se visualice
en el navegador (texto, gráficos, formularios, etc.).

 <h1>  </h1>
Encabezado o titulo con un tamaño de aproximadamente 24 puntos. Existen 6 tipos
de encabezado <h1> >h2>…..<h6>. <h1> es el de mayor tamaño, <h6> es el mas
pequeño con aproximadamente 8 puntos.

 <strong> </strong>
Resalta el texto en negrita.

 <em>  </em>
Convierte el texto en cursiva, puede combinarse con el atributo <strong> para
escribir texto en cursiva  y negrita.
<strong> <em> el texto aparece en negrita y cursiva </strong> </em>

 <ul> </ul>
Indica el comienzo y el final de una lista. Cada elemento de la lista se indica con la
etiqueta <li>.

 <br>
Salto de línea forzado.

 <p> </p>
Provoca una separación de dos espacios entre cada bloque de texto creando un
párrafo nuevo.
REALIZA LA SIGUIENTE PRACTICA EN BLOCK DE NOTAS

<html>
<body>
<head>
<title> Mi compañía s.a. </title>
</head>
<body>
<h1> Bienvenidos a mi pagina web </h1>
<br>
Mi compañía se especializa en el diseño de páginas web.
</body>
</html>

Guardalo como prueba1.htm

Ahora realiza lo siguiente en una nueva hoja del block de notas

<html>
<body>
<head>
<title> Nombre del producto </title>
</head>
<body>
<h1> Ahorra mucho dinero con este increíble producto </h1>
<h4> El mejor producto que nunca encontrara </h4>
<br>
Deja de buscar. Mi producto te solucionara todos tus problemas. El mejor producto
que puedes comprar al mejor precio. Tan solo cuesta <strong> la mitad </strong> de
lo que cuestan otros productos similares. <p>
Beneficios del producto:<ul>
<li> Puedes usarlo por la mañana </li>
<li> Puedes usarlo por la noche </li>
<li> Puedes usarlo los días lluviosos </li>
<li> Puedes usarlo los días soleados </li>
</ul> <br>
Mi producto ha sido escogido como <em> producto del año </em> por la revista del
consumidor. <p>
¡No esperes mas! Compra mi producto ahora.

</body>
</html>
 GUARDALO COMO producto1.htm

You might also like