You are on page 1of 4

CMO CREAR UN DOCUMENTO HTML (Mi primera web)

Hola a todos, primeramente les doy la cordial bienvenida a todos los que se han dado cita hasta
este Blog, especialmente va dirigido para los estudiantes de la Institucin Educativa Privada "Math Fredt"-
Puno. Sin ms floro barato; empecemos.

Como bien saben el HTML es usado para crear pginas web.

Antes que nada, debemos abrir un bloc de notas principalmente. Sin embargo, tambin les haba
mencionado que no solo puede ser en bloc de notas sino en otros editores de texto que son: Notepad++,
Sublime text, Alley Code, Dreamweaver, entre muchos otros...
En esta ocasin lo haremos con el bloc de notas.

Una vez que tengamos abierto el bloc de notas empezaremos a escribir el cdigo html.

En este bloc de notas tenemos dos columnas, la que est al lado izquierdo es el cdigo html y al lado
opuesto est su explicacin qu funcin cumple cada uno.
En todas las etiquetas de html siempre es necesario usar los signos de menor y mayor (<,>).

Una vez que hemos redactado algo de


cdigo para ver el progreso tenemos
que guardar nuestro bloc de notas
con el nombre del documento y la
extensin .HTML. Ir a men Archivo
luego Guardar como Veamos en la
imagen.

Computacin e informtica Prof: CHAYA PERCCA, Abdon Edmundo


Buscamos una
ubicacin en nuestro
disco duro o memoria
flash y clic en guardar.
En mi caso lo estoy
guardando en la
Unidad o Particin
E:\Math Fred\Html de
mi disco duro.
Ejemplo.html

Una vez que hayamos


guardado nuestro cdigo lo
abriremos en el navegador,
para ello ubicamos el archivo
y simplemente le damos clic
derecho y elegimos la opcin
Abrir con->Google Chrome
(tambin puede usar otro
navegador).

Computacin e informtica Prof: CHAYA PERCCA, Abdon Edmundo


A continuacin, abrir el navegador y
mostrar una ventana similar a esta.
Obviamente el fondo de rojo y sin
contenido, a excepcin del nombre de
la pestaa-Inicio

A continuacin, solo debemos ingresar ms cdigo para poder visualizar ms contenidos en el cuerpo del
navegador.

Cdigo

Como ya hemos guardado anteriormente con la extensin .html no ser necesario hacer los pasos de
guardado, solo presionamos Ctrl+G y se guardar automticamente. Luego actualizamos el navegador.
El funcionamiento de cada una de las etiquetas est en la gua que los descargaron anteriormente.

Computacin e informtica Prof: CHAYA PERCCA, Abdon Edmundo


Resultado

ACTIVIDAD DE EXTENSIN
Copiar el cdigo y modificar los siguientes datos.
1. Donde dice: Hola Mundo, este es Poner un saludo personal
2. Color de fondo
3. Contenido de la lista por otros datos
4. Tanto el texto en negrita, cursiva y subrayado cambiar el texto por otro.
5. Editar los valores de la tabla.

Nota:

Para tercer grado dicho cdigo modificado debern enviarme a mi Facebook hasta el
martes 09 de mayo hasta las 23:59:59 hrs.

Para segundo grado hacer la prueba en el navegador y copiar en el cuaderno dicho cdigo
modificado.

El trabajo es en base a 20

Revisin del trabajo: 10 de mayo.


Alguna duda o consulta.

Abdon Edmundo Chaya Percca

998-644-082

Computacin e informtica Prof: CHAYA PERCCA, Abdon Edmundo