Welcome to the first edition of HTML Lessons, where Bre and I will showcase some really simple web development practices that you can use on your blog or site.

Up first, the span tag. In its simplest form, you can use the span tag to change a block of text from the rest of the text. The span tag alone won’t change anything, but paired with a little CSS styling, ( you’ve heard the term CSS — Cascading Style Sheets thrown around, here’s your chance to use it! ) you can do some pretty neat things on your blog posts or site. Here’s an example:

I love the color <span style="color:orange;">orange</span>, every time I see anything in <span style="color:orange;">orange</span>, I wanna buy it!

RESULT → I love the color orange, every time I see anything in orange, I wanna buy it!

Let’s get a little fancy and add some font styling now:

I love the color <span style="color:orange; font-weight:bold;">orange</span>, every time I see anything in <span style="color:orange;">orange</span>, I wanna buy it!

RESULT → I love the color orange, every time I see anything in orange, I wanna buy it!

If you’ll notice, anything between <span> and </span> is orange and in the second example, anything in between <span> and </span> is orange and bold. Pretty neat, huh? You can use that to change font styles, weights and many more things but to keep it simple, we’ll wrap it up here. Go on, give it a shot! Remember if you wanna use any HTML in your blog posts, switch to the HTML editor (in WordPress, it’s the html tab rather than the visual).

If you want to dive in and learn more about the span tag, click here.

GUEST COLUMNIST / DENNISE SAXTON
Dennise Saxton is a designer, web developer & blogger who is a tailored thought organizer. She disects and develops easy to understand tutorials for the HTML Lessons column.
  1. Ranu says:

    Love this new column, Dennise and Bre!! Always great to hear a breakdown of new HTML skills :)

  2. [...] me a headache and I know I cant be the only one. Here is the first edition of a series of awesome HTML lessons to help spruce up your blog. · Have you heard? Our exclusive Ketti handbag is available for [...]

  3. [...] you visited Bre’s blog yesterday–which I’m sure you did because she’s so lovely–you noticed a new [...]

  4. Abigail says:

    Brilliant guest post! I really need help with my HTML writing and I love that you creative ladies are showcasing some nice tips and tricks! Can’t wait to see what’s to come!

  5. LINDSAY WARE says:

    This is awesome and very helpful! Cannot wait to see the rest.

  6. shana says:

    this is so exciting! i love picking up new tips – especially from design blogger that i admire! : )

    yay & thank you from shana

  7. Donna Vitan says:

    I love this column! It is such a fun and easy way to teach the basics. I’ve been looking for something like this to share with friends and coworkers who are interested in learning more about the code they use without feeling overwhelmed technically. Thank you and I hope to see more!