Está en la página 1de 12

Tutorial de como hacer una pagina web Escuela Secundaria Tecnica #93

2 C TECNOLOGIA
Prof. Helenitza Puebla Ramirez

Primero abrr el bloc de notas, despus poner los primeros cdigos que son: <HTML> y <head> Que sirven para saber en que lenguaje estas escribiendo,no importa si esta en mayusculas o minusculas

Despus hay que poner los codigos del titulo: <title> </title>

Despues ponemos musica con el codigo bgsound src=" .mp3"> Ejemplo: <bgsound src="Rihanna Diamonds LYRICS.mp3"> *Nota el nombre de la musica debe ser exactamente como es. Y cerramos </HEAD>

Despues ponemos el codigo <BODY> y colocamos un fondo, puede ser color o una foto, nosotras pusimos un color, con el codigo: <body bgcolor="colordeseado"> Ejemplo:<body bgcolor="#ADFF2F">

Despues ponemos un titulo en body *<center></center> es el codigo para centrar todo *<marquee></marquee> codigo para que el titulo se mueva *<H1></H1> codigo del tamao de la letra del titulo
Ejemplo:<CENTER><marquee><H1>.BIENVENIDOS A MI PAGINA!.</H1></MARQUEE></CENTER>

Despues podemos poner color a la letra del titulo con el codigo:<font color="colordeseado"></font> Ejemplo: <FONT COLOR="#20B2AA"><body bgcolor="#ADFF2F"><CENTER><marquee><H1>.BIENVENIDOS A MI PAGINA!.</H1></MARQUEE></CENTER></FONT>

Despues cambiamos en estilo de la letra con el codigo: <font face="nombre de la letra"> Ejemplo:<font face="Comic Sans MS">

Despues empezamos a escribir todo lo que queramos que este en nuestra pagina: *<br> es un salto de linea (hace la funcion de un enter)se puede poner cuantas veces se requiera. *<center></center> codigo para centrar el texto. Ejemplo: Mi comida preferida es la pizza.<br><br> Mis colores favoritos son el negro, morado y rojo.<br><br> Las redes sociales a las que soy adicta son Twitter y Youtube.<br><br> Los juegos que mas amo son: Minecraft, Tetris y League of legends.<br><br>

Despues puedes poner una imagen, ya sea tuya o de lo que sea con el codigo: <img src="nombre de la foto"> *despues del nombre de la foto se pone el formato de ella ( .gif, .jpg etc) *<center></center> codigo para centrar la imagen
Ejemplo: <center><img src="imagen.jpg" WIDTH=380 HEIGHT=350"></center>

y quedara asi :

Tambien pues poner un video que tu hayas hecho con el codigo: <center><embed src= "nombre del video .wmv" type="video/wmv" autostart="true" width="400" height"700"</center>

puedes ligar una pagina a otra con : <a href="nombre de la pagina">nombre que quieres que aparezca</a>