I'd like to apologize in advance if there's an obvious or easily found answer to my question, but I'm an absolute beginner when it comes to custom designs using WordPress as a platform. I have about 5 hours of experience with the platform, but I'm well acquainted with both CSS and HTML.
Here's the thing - I'm currently working on the front page for this blog we're starting up. There are 4 boxes located in the main content area - 2 of which I want to list the 5 latest posts from their respective categories. All I want it to show is the post title and a short excerpt.
I've been trying to read up on what The Loop is and how to work with it, but I'm just completely dumbfounded. It could be that I've structured my HTML in a way that's completely negligent to what the purpose of the site is... I really have no idea and I was hoping to get a few pointers here. I'm not asking for someone to do the work for me, I just can't seem to find the appropriate information to help me move on.
...and here's part of the HTML for the box you can see. You probably won't need to take a look at the CSS, but if I'm wrong - please tell me and I shall provide.
<div id="musik"> <div class="bluebar"></div> <div class="headline"> <p class="headline">>> MUSIK</p> </div> <div class="bullet1"> <div class="readmore"></div> <h1 class="bullet-head"> Post headline here. </h1> <hr class="bullet-hr" /> <p class="bullet-intro"> Excerpt right here. </p> </div> </div>