Centrar una imagen

Hola.
He lelgado a un punto del curso en el que si sigo adelante seguro que me haré unn lío. Es el momento de parar, digerir lo tragado y asimilarlo. Solo entonces podré continuar sacando prvecho de las siguientes lecciones.
Y como para digerir y asimilar el mejor sistema que conozco es practicar pues me he puesto a montar una paginita de pruebas.
He hecho la página principal, aquella cuyo archivo ha de llamarse obligatoriamente index.html y me ha salido la mar de bien. Al menos he conseguido que quedara exactamente como quería. Es muuuuuy simple pero no deja de ser un principio.
Y comento todo esto porque, para lograr el aspecto que tiene he tenido que centrar una foto que le he puesto. No lo he conseguido hasta que probando, en la hoja de estilo, he añadido el atributo (¿o propiedad? nunca sé si es atributo o propiedad) text-align: center a la etiqueta body, entre los corchetes, justo después del color de fondo.
¿Es así como se hace realmente o me ha salido por chiripa? porque me suena raro que se le de el trato de text a una imagen.
A continuación os pongo un cortapega del hatml y del css para que veáis exactamente lo que he hecho.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<Title>Página principal Tala</title>
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">
</head>
<body>
<h1>TALA</h1>
[contenido no disponible]


ENTRAR</P>
</body>
</html>

body {background-color: #556B2F; text-align: center}
h1 {font-size: 6.0em; color: #98FB98; font-weigth: bold; text-decoration: none; text-align: center}
img {border-style: none;}
p {text-align: center;}
a {font-size: 2.4em; color: #98FB98; font-weigth: bold; text-decoration: none; text-align: center}
a:hover {color: #00FF00}

Y ya que estamos a ver si alguien me contesta a una curiosidad ¿qué significa el em que ponemos seguido de la medida de la fuente?

Un saludo.
Hola

si.... le damos ese atributo , al body cuando queremos que toooodo lo que esté en nuestra página quede centrado....

Automaticamente, lo que pongas estará centrado, llamese, tablas, textos, imagenes etc etc, a menos que indiques lo contrario en cada una de las propiedades

saludos
O.K. Gracias por la respuesta.
Ahora bien, supongamos que lo único que quiero centrar es la foto y que además, en lugar de una página tan simple como la que he hecho, se trata de una más compleja. ¿Tengo entonces que centrarlo todo con el atributo text-align: center en el body y luego ir descentrando una por una el resto de cosas?
Serifos escribió:O.K. Gracias por la respuesta.
Ahora bien, supongamos que lo único que quiero centrar es la foto y que además, en lugar de una página tan simple como la que he hecho, se trata de una más compleja. ¿Tengo entonces que centrarlo todo con el atributo text-align: center en el body y luego ir descentrando una por una el resto de cosas?
Hola:
Básicamente usted se ha dado la respuesta.
En lo que concierne a la pregunta del em, esta es un tipo de unidad relativa que se adapta, por ejemplo un em es igual al valor que se le da a un font-size, dos em duplica el valor que se le ha dado al font-size.
Por ejemplo si ponemos para el body un font-size 12px, todo lo que escribamos tendrá 12 píxeles de alto, pero si queremos que el texto que escribamos dentro de los páarafos tengan otra medida, podemos poner en la hoja de estilo
body{font-size:12px;}
p{font-size:2em;}
Todo texto que escribamos tendrá 12px, sin embargo el texto que escribamos encerrado en párrafos medirá 24 píxeles.
por ejemplo
<body>
Este texto mide doce píxeles de alto


Este otro que está dentro de un párrafo mide 24px de alto</p>.
En lo que concierne a las propiedades, podríamos a golpe de vista definir las cosas de esta manera, todos son elementos, uno se llama selector como puede ser un div, un li, un p, un span, etc. etc.
Una propiedad puede ser el border, el tipo de fuente (font-family), el color, el background-color, el font-size, el font-weight, el margin, el padding, el text-align, el width, etc. etc.
y los valores son las caracteristicas que le damos a esas propiedades. por ejemplo a la propiedad "color" le damos el "valor" rojo, a la propiedad font-size, le damos el valor 12px etc. etc. etc.
Saludos
Agradecido de los que aprenden enseñando
Muchísimas gracias por la respuesta Raulyure. No podría estar mejor explicada; la entiendo ¡hata yo! :roll:
Un saludo.