Nerd Party: Basic HTML Every Blogger Should Know

I receive lots of emails asking basic HTML questions, so it’s time for a little lesson. This is the stuff every blogger should know in order to keep their site looking clean and organized.

IMAGE CODE <img src=”http://image.jpg”>

LINK CODE <a href=”http://link.html”>LINK</a>

OPEN LINK IN A NEW WINDOW <a href=”http://link.html” target=”blank”>LINK</a>

LINK AN IMAGE <a href=”http://link.html”><img src=”http://image.jpg”></a>

IMAGE WITHOUT A BORDER <img src=”http://image.jpg” border=”0″>

<b>BOLD</b>

<i>Italic</i>

<div align=”left”>Align this text to the left</div>

<span style=”color: #c607e9;”>this text is purple</span>

<h2>THIS IS A HEADING</h2>

<p>Creates a paragraph</p>

Creates a line break<br>

LINK TO AN EMAIL <a href=”mailto:youremail@gmail.com”>youremail@gmail.com</a>

It takes some patience to learn HTML, but if you’re serious about blogging or setting up a website, it’s worth the effort. I am a self-taught designer and you can teach yourself too. Next time you run into a problem, instead of looking for a quick answer, take the time to work through a tutorial and gain a better understanding of how all this internet stuff works.

CLICK HERE FOR MORE NERD PARTY POSTS

Related Posts Plugin for WordPress, Blogger...
Posted on in

8 Comments

  1. Jennifer M. says:

    Ooh! I’ve always wondered what that target=”blank” meant. I’ve run across that on code I’ve used every so often and just deleted it. Now I know!! ;)

  2. Lovely post Sarah. I’ve been meaning to learn the basics of web designing for quite a while. You’ve surely pushed me a step ahead by being a sweet inspiration!!! Following you now. such a lovely blog :)

  3. Amy says:

    it’s really inspirational that you are a self-taught designer as that is what i aspire to be/am currently trying to do!

    thanks for the little boost in confidence!! x

  4. Renee says:

    Great post, Sarah! A question for you: Can 20sb republish this post on HTML on its community blog (blog.20sb.net)? With due credit, of course!

    • sillygrrl says:

      Hey Renee – I’d love it if you’d share my post. I’d prefer you grab an intro paragraph and link to my blog instead of posting the entire thing to 20sb. Thanks :)

  5. Allyssa says:

    Great post! It definitely helps if you know the basics!

  6. Cassie says:

    Yup, anyone with their own site should know these basics. (Though quite honestly, I sometimes forget the exact coding. But at least I know what I’m looking for when I Google it really quick.)

    That said, as a self-taught designer, can you also recommend some of your favorite sources you used when you were first starting out? Thanks!

  7. Darianne says:

    I learned these by heart! Lol. Because I got tired of looking it up when I first started with HTML. I’m a self-taught designer too. 5 years of practice pays off lol.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>