Most of the time you will use the WYSIWYG (What You See Is What You Get) editor within WordPress. The editors today in WordPress offer the ability to create headings, add images, add text tags, do basic formating, add links and so much more. Sometime you might use a program like Dreamweaver, Kompzer or another HTML editor. But it is a good idea to have a basic working knowledge of HTML so you can make some simple changes to your site.
With a little knowledge can come a lot of power.
What is HTML?
www.HTML.net HTML is the “mother tongue” of your browser.
To make a long story short, HTML was invented in 1990 by a scientist called Tim Berners-Lee. The purpose was to make it easier for scientists at different universities to gain access to each other’s research documents. The project became a bigger success than Tim Berners-Lee had ever imagined. By inventing HTML he laid the foundation for the web as we know it today.
HTML is a language, which makes it possible to present information (e.g. scientific research) on the Internet. What you see when you view a page on the Internet is your browser’s interpretation of HTML. To see the HTML code of a page on the Internet, simply click “View” in the top menu of your browser and choose “Source”.
If You Have To Go To HTML
To a beginner, HTML makes absolutely no sense. It fact it looks a little bit like a foreign language.
The first thing you need to understand is that all HTML code functions are wrapped in brackets that look like this < >. The brackets tell the internet browser to do something. What is inside the brackets tells the browser what to do.
As an example: If you want a piece of text to be bold then you would wrap the HTML Code in brackets.
- The “b” is the code for bold.
- The < > brackets tell the browser it needs to make the text bold.
- The </> brackets with the / tell the browser when to stop making the text bold.
Common HTML Codes
Here are just a few of the more common HTML Codes that you should know.
<b></b> Creates bold text
<i></i> Creates italic text
<font size="3"></font> Sets size of font, from 1 to 7
<font color="green"></font> Sets font color, using name or hex value
<a href="URL"></a> Creates a hyperlink
<a href="mailto:EMAIL"></a> Creates a mailto link
<a href="URL"><img src="URL"> </a> Creates an image/link
<h1>Heading 1</h1> Largest Heading
…and so on to h6
<body text="black"> Sets the text color, using name or hex value
<body link="blue"> Sets the color of links, using name or hex value
<p></p> Creates a new paragraph
<p align="left"> Aligns a paragraph to the left (default), right, or center.
<br> Inserts a line break
<blockquote></blockquote> Indents text from both sides
<ol></ol> Creates a numbered list
<ul></ul> Creates a bulleted list
<img src="name"> Adds an image
<img src="name" align="left"> Aligns an image: left, right, center; bottom, top, middle
Go To HTML Resources
There are a number of resources you can go to if you have questions about HTML but here are 3 that I think you will find helpful:
Go To HTML is a fun play on words but I hope you found the information and the resources to be helpful.