12.180 cursos gratis
8.736.679 alumnos
Facebook Twitter YouTube
Busca cursos gratis:

Capítulo 6:

 Un poco de html

Bueno, esta es la parte que parece más difícil, pero que en realidad no lo es tanto:

Una vez que abras el documento y lo mires un poco te vas a dar cuenta que está compuesto por etiquetas de este estilo <></> con la primera se abre y con la otra se cierra el documetno empieza <html> y termína </html>, entre estas dos etiquetas vas a encontrar dos partes, una es <head>Aquí va todo lo que no se ve (titulo, palabras clave, etc.</head> y la otra <body> Aquí esta lo visible de la página y es la parte que tienes que modificar</body>

Dentro de <body> se ubica el color de fondo o la imagen de fondo de la pagina, el color del texto, de los links, links activos, y links visitados (ej.: <body bgcolor="#808080" background="fondo.jpg" text="#ff80ff" link="#400080" vlink="#ff8000" alink="#004000">)

Colores (estos son sólo algunos colores):

negro: #000000

blanco: #ffffff

rojo: #ff0000

azul: #ffff00

amarillo: #0000ff

Gris: #808080

Rosado: #ff80ff

Violeta: #400080

Verde: #ff8000

Anaranjado: #004000

Marron: #400000

Celeste: #59acff

Y entre <body> y </body> podes encontrar y/o agregar algunas de las siguientes cosas

Texto:

Titulos: <h1>Acá va el texto</h1> a partir de allí, a mayor numeración menor tamaño del título hasta el h6.

Texto normal: <font size="3"> </font> los tamaños de las letras van del 1 al 7, pero también se pueden modificar con - y +, ej.: <font size="-3">acáva el texto</font><font size="+3">acá va el texto</font>

color del texto: <font color="#59acff">acá va el texto al que le quieras cambiar el color</font>

Imágenes <img src="tu imagen.jpg">

Links

en tu misma web: <a href="index.html">Aquí va el texto o imágen que te servirá de enlace</a>

a otra web: <a href="http://www.webdelenlace.com"></a>

a un mail: <a href="mailto:tu@mail.com"></a>

Esto es lo básico que tienes que tener en cuenta al momento de modificar la plantilla.

Capítulo siguiente - Interactividad de tu web
Capítulo anterior - Imágenes

Nuestras novedades en tu e-mail

Escribe tu e-mail:



MailxMail tratará tus datos para realizar acciones promocionales (vía email y/o teléfono).
En la política de privacidad conocerás tu derechos y gestionarás la baja.

Cursos similares a Crea tu web con recursos gratuitos



  • Vídeo
  • Alumnos
  • Valoración
  • Cursos
1. Crea un Blog con Blogger
Los Blogs, abreviación de Weblog, son páginas de opiniones e información... [28/06/04]
21.015  
2. Usabilidad web
La usabilidad es el principal elemento con el cual debe contar toda página Web. Yo... [17/07/06]
2.119  
3. Realizar páginas web con Swishmax
Crear una página web es realtivamente sencillo con las herramientas que actualmente... [02/08/07]
3.747  

¿Qué es mailxmail.com?|ISSN: 1699-4914|Ayuda
Publicidad|Condiciones legales de mailxmail