HTML, CSS, IDK

One of the best things about blogging on WordPress.com is that, within moments of signing up, you can get a site up and running without any website building experience. No prior knowledge required.

However, you may have heard the phrase that “scripting is the new literacy.” Since I work in support on WordPress.com, one of the more common questions that I see asked is, “I published a post, and now my sidebar is at the bottom of the page. What happened?” Usually, these types of layout issues are caused by improperly formatted HTML within a recently published post. It can be tricky to locate the culprit, especially if you don’t have much experience with HTML.

If you haven’t heard of HTML or CSS before, here’s the run down: HTML is a markup language that essentially tells your internet browser how to display your webpage. This includes formatting the text on your page to inserting images. CSS is a styling language that allows you to change the look of your HTML. For example, with CSS, you can tell the internet browser to display all items marked in italics in the color blue and center-aligned. It also allows you to do more fancy formatting with your site, including laying out your actual webpage with sidebars, footers, and so on.

With the Visual Editor, you don’t need to know any of this to publish a nice looking post. However, I find that being able to modify the appearance of my site is one of the more fun aspects of blogging. Additionally, if you write poetry or are trying to emphasize a particular section of your post, it can be nice to learn how to introduce some additional formatting. (This is usually done by what’s known as “in-line” CSS, which means the your CSS code is written directly into the HTML editor.)

Some of the resources below offer excellent tutorials, ranging from basic to advanced, on HTML and CSS. While they may not have a direct impact on your writing practice, as online writers it’s beneficial to know what’s going on behind the scenes of your posts — this way, as you want to play with the appearance of your online presence or, of course, if anything breaks, you’re completely prepared to take on the job.

• W3Schools’ HTML tutorial and CSS tutorial
• HTML Dog
• Girl Develop It class materials
• CSS Basics
• CSS Tricks (advanced)