Ir a Emagister Encuentra tu formación ideal
¡Mailxmail y emagister se unen para que tengas toda la formación a tu alcance!
12.185 cursos gratis
8.201.970 alumnos
Facebook Twitter YouTube
Busca cursos gratis:

HTML para principiantes

Autor: Javier Garralaga García
Curso:
9,20/10 (10 opiniones) |9836 alumnos|Fecha publicación: 15/09/2009
Envía un mensaje al autor

Capítulo 3:

 Body en HTML

Todo el texto que escribamos entre body, se mostrará, pero será una página

realmente sosa, antes de empezar habéis de conocer que cuando mezclas rojo y verde

sale marrón, porque es tinta, sin embargo la luz funciona de otra forma:

Body en HTML

De hecho si colocas una gota de agua sobre el monitor o cualquier pantalla verá claramente los tres colores por píxel, ya que la gota simula una lente divergente. Por tanto la tinta se denomina Cian, Magenta, Amarillo y Negro, en inglés y abreviado CMYB aunque se le llama CMYK, y el Rojo verde y azul, RGB. En RGB se pueden lograr una infinidad de colores más, quizá porque la luz viene directa a nuestros ojos, y en los objetos impresos, la luz blanca rebota pero no en su totalidad. Para definir un color hay que decirle la cantidad de rojo verde y azul en 256 puntos, como existe el 0, de 0 a 255, sin embargo en HTML la cosa se complica ya que se escribe en hexadecimal, va de 0 a la F 0,1,2,3,4,5,6,7,8,9,A, B, C, D, E, F. Si conocemos el formato Gif, sabremos que es de Compuserve y usa 256 colores, y no los 16.7 millones aproximadamente de RGB, el consorcio de las 3 uve dobles W3C, que es el controlador del html ha decidido que los colores seguros para Web, según compuserve son solo los que contienen 0, 3, 6,9, C o F. Para definir un color en html usaremos una almohadilla y dos dígitos por color: #000000 es el negro, ni rojo, ni verde ni azul, podemos definir el naranja, mitad de verde y todo el rojo y etc...

Body en HTML

Un ejemplo sería el color FFFFFF que sería el blanco, es un color seguro para la Web porque tiene los dígitos seguros al 100%, no pasa absolutamente nada por poner cualquier otro, el navegador lo mostrará igual, no obstante, se dice que es mejor usar uno de estos. Apliquemos algún atributo al fundamental body.

<body bgcolor=#0000FF text=#FFFF00> bgcolor significa background color, es decir, color de fondo de la página, luego podemos escribir el atributo text con otro color.

Recordad que un buen diseñador Web permite que su página sea legible, intentad siempre que haya mucho contraste entre la letra y el fondo para permitir que se lea sin problema.

Podemos también usar una imagen de fondo con el tag background, y bgproperties=fixed si queremos que no se mueva la imagen mientras nos desplazamos, recordad que no le gusta al visitante desplazamiento en ambas direcciones y lo que él anda buscando debe estar en lo alto para no tener que desplazar.

<body background=fondo.gif bgproperties=fixed>

Para un fondo la Web sólo puede usar formato Gif o JPEG, además, si la imagen no estáen la misma carpeta que la página (llamada carpeta del SITIO Web) tendremos que especificar la carpeta en la que se encuentra, o la ruta completa si está en otra parte delequipo. No obstante si es el caso, la imagen no se publicará correctamente.

Para escribir un titular podemos usar una letra grande mediante el tag font: <font Face=arial size=7> Con FACE especificamos la fuente y con size, el tamaño.

No obstante existe el tag H que sirve para los titulares: <h1>Muy grande, y <h6> muy pequeño, los números H2>h5 son obviamente progresión entre ambos.

Con todos los atributos de head. Continúa escribiendo:

<body bgcolor=#0000FF text=#FFFF00 basefont=arial>

<h1>Esto es un titular</h1><h3>Esto un Subtítulo</h3>

Esto es una línea de texto

</body>

</html>

Al ejecutarlo veremos una página muy simple, pero, una página, por cierto, cabe destacar que los tags que se combinan se cierran al contrario

<1><2>~</2></1> no vamos a cerrar el html antes que body, ¿verdad?

Para dar formato al texto hemos de aprender los siguientes tags:

<b> bold, negrita

<i>italic, viene a ser cursiva

<u>underline, subrayado

<s>stricken, tachado

<Sup>superíndice

<sub>subíndice

Todas estas se cierran con el cierre de tags </~>

Capítulo siguiente - Formato en HTML

Nuestras novedades en tu e-mail

Escribe tu e-mail:

Al presionar "Recibir" estás dándote de alta y aceptas las condiciones legales de mailxmail

Cursos similares a HTML para principiantes


  • Vídeo
  • Alumnos
  • Valoración
  • Cursos
1. Curso de HTML
La elaboración de una página Web, puede realizare de varias maneras, desde escribir... [20/10/06]
33.367  
2. Programación en Javascript para principiantes. Arrays
En este vídeo tutorial de programación estaremos aprendiendo sobre lo que son los... [19/06/12]
16
Curso con video
3. HTML. Cómo crear imagen
Sigue este tutorial de informática y aprende a crear banners con links en tu... [31/03/11]
985
Curso con video

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


¿Te interesa? ¡Te enviamos gratis las novedades de Programación!