Trabajo html

12
Colegio Nacional Nicolás Esgerra Edificamos Futuro Trabajo De HTML Jose Alexander bernal saenz C: 904 C: 04 Profesor: John A. Caraballo

Transcript of Trabajo html

Colegio Nacional Nicolás Esgerra

Edificamos Futuro

Trabajo De HTML

Jose Alexander bernal saenz

C: 904

C: 04

Profesor: John A. Caraballo

1.Crear una pagina basica

1. seleccionamos en el menú de nuestro ordenador bloc de notas

2. se copia el código q se muestra en la imagen en el bloc de notas

3.seleccionamos la opción archivo y guardar como

4. guardamos con el nombre q queramos después de ese nombre colocamos .HTML

5.despues de guardado nos salimos en nuestro ordenador aparecerá una carpeta

con el nombre de nuestro archivo seleccionamos y nos queda hací

6.despues debajo de la etiqueta bodi ponemos inicio o lo que queramos y nos

debe aparecer hací

7.despues encerramos la etiqueta inicio <h1>inicio</h1> hacemos esto para que se vuelva de primer nivel guardamos nuestro

archivo y queda hací

Después de guardado vamos a nuestro sitio y damos f5 para que se actualicen los datos

8. después colocamos debajo de la etiqueta anterior la etiqueta<hr> que es para colocar

una línea horizontal.

Actualisamos los datos y queda haci.

2.Insertar texto con diferentes propiedades

9. Debajo de la etiqueta<hr>colocamos el código q aparece en la imagen esto es para colocar la introducción a nuestra página la etiqueta<br> es para separar los textos la

etiqueta </em> es para q la letra aparezca en cursiva.

10.antes de la última etiqueta ponemos<h1>lo q queramos</h1> esto es

para modificar nuestro sitio como un sub tema y queda hací

11.despues colocamos las etiquetas que están en la imagen yeto queda hací

3.insertar un híper enlace

12. ahora vamos a crear un híper enlace vamos a copiar debajo de </body>el código de la imagen

hasta</p>

Veras que en la parte superior se encuentra el enlace si presionas te enviara a aula clic puedes

poner la dirección de cualquier sitio web que quieras

4.