I am totally lost :)

I've got a loop which results:

  • Publish ITLE
  • Publish CONTENT
  • Publish META

And...

In each and every publish I've a picture at the outset of this content area.

Ways to get this picture Over the title and make a move like:

  • FIRST IMAGE FROM CONTENT
  • Publish TITLE
  • THE Relaxation From The CONTENT
  • Publish META

?

I have no idea ways to get things from the loop.

I'd like to see some snippet here, I suppose I ought to maybe use wordpress query, but never did this before.

Thanks.

MY CURRENT LOOP CODE ("stolen" from TwentyTen default Wordpress theme as I am still learning):

/* I WANT TO PUT CONTENT IMAGE HERE AND TAKE IT FROM 6TH LINE OF THE CODE BELOW:*/      
<article <?php post_class(); ?>>
                <header>
                    <h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyten' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
                </header>
                        <?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>') ); ?> /* I WANT TO TAKE FIRST IMAGE FROM HERE BADLY :) :) :) */
                    <?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'twentyten' ), 'after' => '</div>' ) ); ?>  

        <?php if ( is_archive() || is_search() ) : // Only display excerpts for archives and search. ?>
                <div class="entry-summary">
                    <?php the_excerpt(); ?>
                </div><!-- .entry-summary -->
        <?php else : ?>

        <?php endif; ?>

                <div class="entry-utility">
                    <?php if ( count( get_the_category() ) ) : ?>
                        <span class="cat-links">
                            <?php printf( __( '%2$s'), 'entry-utility-prep entry-utility-prep-cat-links', get_the_category_list( ', ' ) ); ?>
                            <time><?php the_time('m F Y') ?></time>  
                        </span>
                    <?php endif; ?>
                    <?php
                        $tags_list = get_the_tag_list( '', ', ' );
                        if ( $tags_list ):
                    ?>
                        <span class="tag-links">
                            <?php printf( __( '<span class="%1$s">Tagged</span> %2$s', 'twentyten' ), 'entry-utility-prep entry-utility-prep-tag-links', $tags_list ); ?>
                        </span>
                    <?php endif; ?>
                    <span class="comments-link"><?php comments_popup_link( __( 'Leave a comment'), __( '1 Comment'), __( '% Comments') ); ?></span>
                    <?php edit_post_link( __( 'Edit'), '<span class="edit-link">', '</span>' ); ?>
                </div><!-- .entry-utility -->  
            </article><!-- #post-## -->

I understand this code is not perfect, but now I am just learning and playing :)

Tnks! :)

The solution was "featured image" function... :)