March 7, 2017 No comments exist

HTML GUIDE

Horizontal line

The guide to Hypertext Markup Langauge

HTML5 is once again being standardised as the programming language for writing web pages. Though programmers should still know Javascript and PHP, knowing the basics of HTML will really help you build a great looking site and help you advance onto this tougher coding.

Not everyone is a website expert and editing your site without professional help can be daunting. To help out I’ve put together this guide on how to write html for your site.

Horizontal line

What you should know before writing HTML

 

1). Firstly the text should either be written on Notepad or Notepad++. After this it should be saved in as an HTML file. Then you should open this with your browser.

2). Nearly every time that you open a tag i.e. <h1> it always has to be closed with a forward slash, like so </h1>.

3). Your tags should work like a mirror, i.e. if you write

<center><p><b>YOUR TAGS SHOULD BE CLOSED IN THE OPPOSITE ORDER THAT THEY WERE OPENED i.e.</b></p></center>

Horizontal line

 

USEFUL TAGS

<center> – Centres your text

<a> – Defines a hyperlink

<strong> – Makes the text bold

<body> – Creates the document’s body

<br> – Creates a single line break, this is like pressing enter on your keyboard

<em> – Makes the text emphasized.

<h1> – Large header, this should be used for your main title

<h2> to <h6> – Other headings. You should include at least <h1> to <h3> on your site for SEO Reasons

<head> – This defines the information about the document

<html> – This defines the root of an HTML document

<i> – Makes the text italic

<img> – Is used to create an image

<li> – Defines a list item

<ol> – Creates an ordered list

<p> – Begins a paragraph. This is probably the code you will be using the most when writing text for your site.

<strong> – Defines important text

<title> – Creates the document’s title

<tr> – Creates a row in a table

<u> -makes the text underlined

Remember that all tags should be closed with a </(the tag)>

This should help you edit text on your site should you need to.

 Horizontal line

 Beginning your HTML site

 Here is a brief outline of what your HTML code needs in it.

<!DOCUMENT>
<HTML>
<HEAD>
<TITLE> ENTER YOUR TITLE HERE </TITLE>
</HEAD>
<BODY>
<H1> YOUR HEADING </H1>
</BODY>
</HTML>

Using this you can now create the outline of a web page.

Horizontal line

THE WEBPAGE STRUCTURE 

<HTML> This defines the document, this should always be the first and last tag.

<HEAD> This creates the head of the document. The title should be placed in this section.

<TITLE> This creates the web pages title. Anything you write in here appears on the web browser’s title bar. Search engines use this to find and index this page. You should make it so that every page has a different title.

<BODY> This creates the body of your web page. This is the content that appears within the browser. All of your sites content appears in the Body. You should place all your text, images and links in here.

Horizontal line

Paul Tweddle Head Of Wonders Of The Web

Paul Tweddle

Head Of Website Design at Wonders Of The Web

Leave a Reply

Your email address will not be published. Required fields are marked *