Basic HTML for WordPress

We’ve put together several introductory tutorials to give all content editors a crash course in basic HTML, so you can maximize what you can do in the WYSIWYG editor.

The Basics of HTML

Web pages are structured and organized using HTML tags. With a few excepts, all HTML “elements” (parts of a page) are created using an “opening” tag,< tagname > ,and a “closing” tag, < /tagname >. The tags tell the browser when an element begins, and when it ends. For instance the line below is created by the code in the box.

Hello Web Editors!

<h3>Hello Web Editors!</h3>

WordPress will generate most of this for you, but it’s good to understand what it’s doing for you, so you can fix things when it does something unexpected. WordPress has two kinds of HTML editors. The WYSISYG or “Visual” editor looks similar to a word processor, and gives you a preview of what the finished page will look like. It also has a “text” editor that will show you the raw HTML code it is generating to display your content. Here you can examine the code to see what the tags look like, or if you’re familiar with HTML/CSS, add some of our reusable classes to change the appearance of your page.

Our Tutorials

Click the “+” sign in the left sidebar next to “Basic HTML” to view all of our tutorials. More will be added periodically. Below is a list of what we plan to cover, let us know if you would like to learn something that isn’t mentioned below:

Learning More

If you would like to learn more about HTML we recommend you visit any of the following sites, they all have great online courses that are easy and free! Even members of Web Services have used them.