Basic HTML for WordPress
May 20, 2017
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. A complete list of tutorials can be found on our Web Resources page.
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.
Common HTML Elements
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.