Blogging 201, Day Ten: HTML Columns, Tables, and Post Styling

Blogging 201, Day Ten: HTML Columns, Tables, and Post Styling

Once you have some basic familiarity with HTML, you can use the HTML Editor to add code that overrides the Visual Editor’s defaults — handy for poets, creative writers, and anyone who has a very specific idea of how they want their posts to look.

Today’s takeaway: we’ll understand how to use HTML to manipulate a post’s formatting — making columns, adding (or removing) spacing, creating unusual indentation, and more.

The Visual Editor does a pretty good job of formatting content in a neat, reader-friendly way. But what if you have a particular vision for your post, and it doesn’t give you enough flexibility? HTML to the rescue.

blog 1

” I don’t want to go viral, I want to set hearts on fire. ― Coco J. Ginger”

Blogging 201, Day Ten: HTML Columns, Tables, and Post Styling

Head to the Commons to learn:

* How to use preformatting to space text exactly as you’d like
* How to control line breaks and indentation
* How to create columns
* How to add tables

Action time! Open a draft post, and create either a column or table from scratch using HTML. (You can trash the post when you’re done.)

My effort for the day:
Day Ten, Part Two

Keep calm and keep on blogging!

code 2

Blogging 201, Day Ten: HTML Columns, Tables, and Post Styling, Part Two

Blogging 201, Day Ten: HTML Columns, Tables, and Post Styling, Part Two, Test Page

blog 2

” I don’t want to go viral, I want to set hearts on fire. ― Coco J. Ginger”

Blogging 201, Day Ten: HTML Columns, Tables, and Post Styling

Test Page for Blogging 201, Day Ten

This is journey, to the great unknown.
To the seedy underbelly of the HTML code.
Trying to create an extra column to the post
Is it difficult or not? No one knows!

 

Today’s testing results:

visual

html

post

 

Keep calm and keep on blogging!

code