Colegio Nacional NicolásEsgerra

Edificamos Futuro

Trabajo De HTML

Jose Alexander bernalsaenz
C: 904

C: 04

Profesor: JohnA. 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 etiquetabodi
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.

Trabajo html

  • 1.
    Colegio Nacional NicolásEsgerra EdificamosFuturo Trabajo De HTML Jose Alexander bernalsaenz C: 904 C: 04 Profesor: JohnA. Caraballo 1.Crear una pagina basica
  • 2.
    1. seleccionamos enel 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.
    3.seleccionamos la opciónarchivo y guardar como 4. guardamos con el nombre q queramos después de ese nombre colocamos .HTML
  • 4.
    5.despues de guardadonos salimos en nuestro ordenador aparecerá una carpeta con el nombre de nuestro archivo seleccionamos y nos queda hací 6.despues debajo de la etiquetabodi ponemos inicio o lo que queramos y nos debe aparecer hací
  • 5.
    7.despues encerramos laetiqueta 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
  • 6.
    8. después colocamosdebajo 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
  • 7.
    9. Debajo dela 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
  • 8.
    para modificar nuestrositio como un sub tema y queda hací
  • 9.
    11.despues colocamos lasetiquetas que están en la imagen yeto queda hací
  • 10.
    3.insertar un híperenlace 12. ahora vamos a crear un híper enlace vamos a copiar debajo de </body>el código de la imagen hasta</p>
  • 11.
    Veras que enla 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.