Beginning HTML Introducing TypefacesStandard HTML

Standard HTML code is code that is used every time a web page is created. When you are using notepad to work on your website it has to know that it is written in HTML. Following are a list of tags that are used every time;

1.     < HTML >-This tells the browser that this is written in a hypertext markup language that will be used for a web page.

2.    < Body >-This is the beginning of your webpage

3.    < Head >-This is the also the beginning of your webpage. It tells the browser that this is where the heading of your webpage such as the title will be placed.

4.    < Title > < / title >-The title of your web page would go between these two tags. The first one tells the browser that this is the start of the title. The second tag shows that it is the end of the title.

5.    < / Head >-This tag tells the browser that the heading is over.

6.    < p > < / p >-Between these two tags is where you place your paragraphs. You will need to do this each time you start and end a paragraph.

7.    < / Body >- This tag tells you that the body of your webpage is over.

8.    < / HTML>-This one says that it is at the end of the HTML.

All of the above code is needed in each document. You have to tell the browser that you are doing the document in a hypertext markup language and you have to tell it where things start and where they stop.


In HTML scaling is not automatic. The reason is because of the way that HTML/CSS operate. If you change width or height of an HTML element it won’t change the text inside of it. In order to change the size of the text you have to change the font-size of the HTML element that contains the text. It is also important to note that not all fonts work everywhere. Whatever font you use has to be installed on the computer you are using.


WYSWIG (what you see is what you get) is simply a text editor. This could be considered a template. It already has the layout of the web page configured. It shows you what the webpage will look like. To change things on it you don’t even have to know HTML. You can change or add certain things on the webpage such as text and photos. The main problem with this is that web pages appear differently on different browsers.

There are three options available in wysiwyg and they are basic, advanced, and expert. The wysiwyg tool bar is the same whether in WordPress or in an email client. You see it at the top of WordPress and at the top of your emails. It is the tool bar that lets you make changes to you work, whether it is changing the font, the color of the font or making your text bold.

Style Sheets

Style sheets or CSS (cascading style sheets) is what gives your webpage the look, the feel and the texture that it has when someone looks at it. With style sheets you design the layout of your webpage. If you decide you want to change the look all you have to do is change the style sheet. You don’t have to go back and change all of the words or the elements that you used to create your page. Style sheets are usually hosted on a server. It is a separate file than your document for your web page but is hosted in the same place as your website

@JulianaPayson is a blogger for InMotion Hosting, regularly publishing newsletters to their 100k+ audience of new and experienced webhosting webmasters. If you have any interesting news, tips, or ideas for collaboration that could benefit both our mutual audiences, please write to her and let's talk!