Coding 101: What Bloggers Need to Know

By Alexis Short, October 26, 2017

HTML is a simple form of coding that is especially useful for bloggers. Whether you’re a top blogger, or are just considering joining the world of blogging, it helps to know the basics of HTML coding. Many non-bloggers don’t realize that code is an important aspect and key to having a successful blog.

HTML coding is behind the scenes of every website. Need an image to stay to the right instead of the center? HTML. Need to change the font color, size, or style of your text? HTML. Need a numbered list? HTML.

Along with writing, bloggers need to format their blog including the written portion, images, links, and special text (such as bold, underlined, italicized, strikethrough, color, font – you name it).

Why Learn Code?

Coding has many benefits including:

Customizing Your Blog. Understanding HTML code allows you to make everything cohesive (e.g. font, style, color, etc.). You can also manipulate the placement of your images, text, and other material to create your blog exactly how you want it.

Outsourcing Is Expensive. If you take the time to learn the basics of code, you’ll dodge the expensive costs of outsourcing. Paying someone to develop your site can be expensive, and it's almost impossible to find a developer who cares about your blog just as much as you do.

Letting Your Personality Shine Through. Create your own style instead of settling for a pre-made template. If you know code, you get to decide what goes where on your website and can customize it perfectly to your wants and needs. Templates can be difficult and can only be manipulated so much, plus sometimes it’s difficult to change the design once you’ve chosen a template.

Image_1_.png

The Beginner’s Guide to Coding

Here’s a simple guide to learning code for your blog. While these 18 codes might seem pretty basic, they’ll help you take your blog to the next level.

1. Paragraph. <p>Your Paragraph Here</p> 

2. Break. Your paragraph or image here<br/>

3. Bolded Text. <strong>This sentence will be bolded</strong>

4. Italicized Text. <em>This sentence will be italicized</em>

5. Underlined Text. <u>This sentence will be underlined</u>

6. Text With a Strikethrough. <s>This sentence will have a strikethrough</s>

7. Horizontal Line. <hr/>

8 Use a Different Font. <span style=“font-family: georgia, serif”>Your Text Here</span>

9. Font Color. <span style=“color: #99cc00;”>Your Text Here</span>

10. Font Size. <font size=“3”>Your Text Here</font>

11. Small Text. <small>This text will appear smaller</small>

12. Big Text. <big>This text will appear bigger</big>

13. Lists (Unordered Lists).

 <ul>

 <li>Item 1</li>

<li>Item 2</li>

</ul>

14. Numbered Lists (Ordered Lists).

<ol> 

<li>Item 1</li>

<li>Item 2</li>

</ol>

15. Hyperlinked Text. <a href=“www.ezanga.com”>Your Text Here</a>

16. Insert Image. <img src=“https://www.pexels.com/photo/view-of-sea-waves-319524/”>

17. Align Images or Text.

<p align=“left”>Image or text</p> 

<p align=“center”>Image or text</p> 

<p align=“right”>Image or text</p>

18. Headings.

<h1>Header 1</h1> 

<h2>Header 2</h2>

Although this might look crazy to first timers, don’t start running just yet. HTML coding is pretty straightforward and will become easier the more you use it. Most of the codes you need to know for blogging are referenced in the list above, and are overall very simple.

HTML in Action

Using the functions we’ve just learned, we’re going to put our skills in action. Let's break down how we created this sample below.  

Dog Facts

  • A dog's sense of smell is 10,000 times stronger than a human's.
  • Puppies have 28 teeth and adult dogs have 42.
  • Dogs sweat through their paws.                                                                 

Teacup_pup.png


1. Header. <h1>Dog Facts</h1>.
2. Text. We created an unordered list using text functions like underlined text, bold text, and italicized text. 
<ul>
<li><u>A dog's sense of smell is 10,000 time stronger than a human's.</ul></li>
<li><strong>Puppies have 28 teeth and adult dogs have 42.</strong></li>
<li><em>Dogs sweat through their paws.</em></li>
</ul>
3. Image. Notice the image is aligned in the center, which would look like this: <p align=“center”>https://www.pexels.com/photo/black-and-brown-short-haired-puppy-in-cup-39317/</p>.

Where to Learn Code

If I sparked your interest in coding and you’d like to further your knowledge, many organizations offer online or in-person courses to help you perfect your coding skills. Whether you’re just getting started, want to refresh your understanding of coding, or become a developer in just two weeks, these five sites are here to help.

Codecademy offers free interactive courses and teaches everything from HTML to Python. 

Girl Develop It is a company specifically geared towards teaching women to code, and provides in-person classes in 56 cities around the nation (including Wilmington, Delaware). 

Code School allows you to “learn code by doing,” and offers 12 online courses in HTML, plus many other courses in other categories of coding.

Coding Dojo provides extensive and rigorous coding courses all around the nation, from Washington, D.C. to Silicon Valley.

Code.org makes it easy to learn the basics of coding with free programs in multiple categories of computer science.

Happy coding!

New Call-to-action

Alexis Short

Alexis Short

Alexis Short is our former Content Marketing intern. She is a student at the University of Delaware, where she's pursuing a Bachelor of Arts in Political Science, and a minor in Legal Studies. More Articles by Alexis Short