martes, 22 de septiembre de 2015

COMO CREAR UNA PAGINA WEB EN HTML EN BLOC DE NOTAS

Atención: los primeros pasos son bastante simples, abre un block de notas o notepad y, al finalizar, guardalo en guardar como... con .html al final ejemplo: nombredelarchivo.html 
Después de abrir el block, escribe lo siguiente 
<html> 
<head> 
<title> 
Aquí va el titulo que puedes ver arriba el de acá es taringa 
</title> 
</head> 
<body> 
Aquí va lo que vez adentro de la pagina 
</body> 
<html> 
Lo que está entre estos signos: 
< > 
se llama etiqueta 
Cuando la etiqueta tiene este signo antes"/" es decir que se cierra. 

Color de fondo y de fuente 
El color de fondo se define así: 
<body bgcolor="color"> 
El color puede ir de dos formas: en ingles (ej: "blue" "red" etc) o en hexdecimal que puedes encontrar en páginas web (http://html-color-codes.info/codigos-de-colores-hexadecimales/) (ej: "#FE2E2E" ""#0101DF;" etc) 

El color del texto se define así: 
<body text ="color"> 
El texto puede ir de dos formas: en ingles (ej: "blue" "red" etc) o en hexdecimal que puedes encontrar en páginas web (http://html-color-codes.info/codigos-de-colores-hexadecimales/) (ej: "#FE2E2E" ""#0101DF;" etc) 

Personalizar el texto escrito 

Para cambiar el color y el tamaño de un texto y la letra en especial: 
<font color="blue" size="4" face="Comic Sans MS, Arial, MS Sans Serif"> Hola </font> <------- Importante 
Color es igual que arriba y size es un numero entero del 1 al 7 

Para la letra en el sentido de negrita, etc...: 
<b>negrita</b> 
<i>cursiva</i> 
<u>subrayado</u> 
<s>tachado</s> 
<tt>teletipo (máquina de escribir)</tt> 
<big>aumenta el tamaño de la fuente</big> 
<small>disminuye el tamaño de la fuente</small> 

Para el tamaño de la letra en básico, se escribe así: 
<h1>Muy grande</h1> 
<h2>Grande</h2> 
<h3>Mediano Grande</h3> 
<h4>Mediano</h4> 
<h5>Mediano Chico</h5> 
<h6>Chico</h6> 

Por último, para hacer que el texto se note realmente, existen las marquesinas (es cuando el texto se mueve por una banda): 
<marquee bgcolor="blue" behavior="alternate" direction="right"> 
<font color="red" size="5">Aqui estará el texto </font> 
</marquee> 

Bgcolor es color de fondo. 
Behavior es como se mueve, puede ser alternate de un lado a otro rebotando, scrollde un lado a otro, continuamente, slidede un lado a otro, pero una sola vez. 
Direction es hacia adonde se moverá el texto, puede ser down de arriba a abajo, upde abajo a arriba, left de derecha a izquierda o left de izquierda a derecha. 

Hiperenlances 
Hiperenlaces es cuando pones una frase que te lleva a una página haciendo clic en ella: 
<a href="http://www.google.com"><font color="red" size="5">Aquí va el texto que aparecerá en la página</font><a/> 

Eso te llevaria a http://www.google.com 

Fotos 
Para poder poner fotos es un poco más complicado pero es básico de todas formas. Antes, en el lugar en el que tienes el bloc de notas guardado tienes que tener también una foto y saber el nombre por ejemplo: lafoto.jpg 
<img src="lafoto.jpg" alt="A qui escribes lo que se verá cuando pases el mouse por encima de la foto">


Atención: los primeros pasos son bastante simples, abre un block de notas o notepad y, al finalizar, guardalo en guardar como... con .html al final ejemplo: nombredelarchivo.html 
Después de abrir el block, escribe lo siguiente 
<html> 
<head> 
<title> 
Aquí va el titulo que puedes ver arriba el de acá es taringa 
</title> 
</head> 
<body> 
Aquí va lo que vez adentro de la pagina 
</body> 
<html> 
Lo que está entre estos signos: 
< > 
se llama etiqueta 
Cuando la etiqueta tiene este signo antes"/" es decir que se cierra. 

Color de fondo y de fuente 
El color de fondo se define así: 
<body bgcolor="color"> 
El color puede ir de dos formas: en ingles (ej: "blue" "red" etc) o en hexdecimal que puedes encontrar en páginas web (http://html-color-codes.info/codigos-de-colores-hexadecimales/) (ej: "#FE2E2E" ""#0101DF;" etc) 

El color del texto se define así: 
<body text ="color"> 
El texto puede ir de dos formas: en ingles (ej: "blue" "red" etc) o en hexdecimal que puedes encontrar en páginas web (http://html-color-codes.info/codigos-de-colores-hexadecimales/) (ej: "#FE2E2E" ""#0101DF;" etc) 

Personalizar el texto escrito 

Para cambiar el color y el tamaño de un texto y la letra en especial: 
<font color="blue" size="4" face="Comic Sans MS, Arial, MS Sans Serif"> Hola </font> <------- Importante 
Color es igual que arriba y size es un numero entero del 1 al 7 

Para la letra en el sentido de negrita, etc...: 
<b>negrita</b> 
<i>cursiva</i> 
<u>subrayado</u> 
<s>tachado</s> 
<tt>teletipo (máquina de escribir)</tt> 
<big>aumenta el tamaño de la fuente</big> 
<small>disminuye el tamaño de la fuente</small> 

Para el tamaño de la letra en básico, se escribe así: 
<h1>Muy grande</h1> 
<h2>Grande</h2> 
<h3>Mediano Grande</h3> 
<h4>Mediano</h4> 
<h5>Mediano Chico</h5> 
<h6>Chico</h6> 

Por último, para hacer que el texto se note realmente, existen las marquesinas (es cuando el texto se mueve por una banda): 
<marquee bgcolor="blue" behavior="alternate" direction="right"> 
<font color="red" size="5">Aqui estará el texto </font> 
</marquee> 

Bgcolor es color de fondo. 
Behavior es como se mueve, puede ser alternate de un lado a otro rebotando, scrollde un lado a otro, continuamente, slidede un lado a otro, pero una sola vez. 
Direction es hacia adonde se moverá el texto, puede ser down de arriba a abajo, upde abajo a arriba, left de derecha a izquierda o left de izquierda a derecha. 

Hiperenlances 
Hiperenlaces es cuando pones una frase que te lleva a una página haciendo clic en ella: 
<a href="http://www.google.com"><font color="red" size="5">Aquí va el texto que aparecerá en la página</font><a/> 

Eso te llevaria a http://www.google.com 

Fotos 
Para poder poner fotos es un poco más complicado pero es básico de todas formas. Antes, en el lugar en el que tienes el bloc de notas guardado tienes que tener también una foto y saber el nombre por ejemplo: lafoto.jpg 
<img src="lafoto.jpg" alt="A qui escribes lo que se verá cuando pases el mouse por encima de la foto">




1 comentario:

  1. QUE BUENO QUE QUE TIENE SU BLOG. BUENA INFORMACIÓN RESPECTO, ACORDE AL CURSO. QUE PASE UN BUEN DÍA

    ResponderEliminar