Learn html,php,javascript,computer and software fixes, css fixes, website designing,phpbb, computer troubleshooting, hosting




Archive for the ‘HTML TUTORIAL FOR BEGINNERS’ Category

CREATING A TABLE IN HTML

Thursday, August 20th, 2009

Initially i had written something on  learning the basics of html  and this little information on html tables would also form a part of the whole in the html arena.  Creating and using tables is a very vital part in html and web designing in general. Tables can be used to structure a page which has now given way to CSS but table has always proved to be a handy tool in listing or structuring some contents in a webpage.  Now lets work you through a basic html table without beating around the bush.

I will simply write a syntax  and basic explaination for table and then you can sort the rest out by doing a little bit more research. Thats how people learn, if you want to learn coding then you must practice it.

Lets get down to business now. Please note the explainations by the side of the  table elements are just html comments and does not constitute part of the syntax.

To view this you can copy it and paste in a html page.

<table> <!– the begining of the table tag or table opens –>

<tr><!– you are telling the table to create a row –>

<td> Your table data here </td><!– you are creating a data you want in a format –>

<td> Your table data here </td><!– the same as above–>

</tr><!– You are closing the row–>

<tr><!– You are creating another row –>

<td> Your table data here </td><!– you are creating a data you want in a format –>

<td> Your table data here </td><!– the same as above–>

</tr><!– You are closing the row–>

</table><!– You are closing the table–>

There you go and your basic table is created, however in our next class, we will do more with the table. To view this table just copy and paste it in a html file and view in your browser. We assume that you must have known how to create a simple html page before creating a table in html.

Hope this helps

LEARNING TO DESIGN WITH HTML PART 1

Monday, November 17th, 2008

Actually HTML (Hypertext Markup Language) is one of the easiest design languages and the foundation of designing on the web, though different websites are designed with different languages , but most of them cannot escape using html to structure or present some part of their sites if not all parts of their sites. The wonderful thing about this language is the fact that it can be integrated with other programming languages or other languages to be integrated into it. In most cases you will find that the latter is usually the case.

The truth about all these is that having a good working knowledge of html is enough to establish you on the web and even give you the ability to be independent of paying people to help you out with web pages etc . Then later, learning other languages like php, javascript are also very essential but thats going to the advanced stage which e will treat in other forthcoming lectures but for now let us look at html and tell you (the novice) how to get up a web page using html. Please pay attention to this very part. It will determine how you will fare with the language if you follow these procedures and gets it correct.

HOW TO START THE DESIGN WITH HTML:

Now simply follow these steps.

Open notepad on your computer screen ( For the novice, please go to START then click RUN , in the little prompt box that will appear, type “notepad” and click “OK” then a notepad should open up for you)

In the notepad type this;

<html>

<body>

<h1> MY NAME IS HTML NOVICE </h1>

</body>

</html>

( i will explain the above soon but just go ahead and follow up the process)

Then go to FILE on your browser menu, choose SAVE AS and then give the file the name “novice.html”, please save this file in your desktop for easy accessibility or in any other folder you think you can easily find it.

Okay now open that saved file and you will see that it reads something like this below. We will come to the explainations of the syntax later and how you can play about more with html. If you did not get the result below then go back and check your syntax to make sure that you have typed the correct syntax.

MY NAME IS HTML NOVICE

Now let us explain your the syntax:

<html> = Every html page starts with this tag

<html>= Every html page closes with this tag

<body> = Every content or body of the page is started with this tag and it comes inside the <html> and </html>

</body>= Every <body> tag ends with a </body>

Please refer to this syntax again

<html>

<body>

<h1> MY NAME IS HTML NOVICE </h1>

</body>

</html>

Alright we are back again. I know you must have tried out the above syntax but lets take you even further than that. In a complete html page you will need to include the basic html tags that will present your web page in a solid format. Now let us see the basic structure of a html page ( Note this is my own structure), an good html coder can build their own html structures the way they want but one thing is very clear, they must begin with a <html><body> and end with a </body></html>. Any other thing that comes inside it will be at the descretion of the coder, let me now show you how i will build a basic html code.

See here below and explainations will also follow up the codes used.

NOTE: Before we move ahead, please note that for you to make a comment in your html page you can use this characters like this <!– Your comment here –> . This particular expression that comes inside the <!– and –> will not be displayed on the browser. You will get to see these in the coming examples.

WEB DESIGNING PROFESSION

Monday, November 10th, 2008

<LOVE OF WEB DESIGNING=”determination” Determination=”skills” Skills=”money”>

LOVE OF WEB DESIGN = You will need to have a passion for it if you want to succeed as a web design professional. There is a lot of patience and challenges involved in web designing .

DETERMINATION = Your passion for the profession will lead to determination , with determination you will be well positioned to face the challenges

SKILLS = Determination means you will train and gather up all the relevant experiences in the web design profession

MONEY = High degree of experience in any professional field in life means you will be highly respected and reccommended. High degree of experience means high pay also.

INFO

Wednesday, October 1st, 2008

Dear All,

We will be presenting you with some basic html tutorial soon. this would be a place to learn web designing.

Thanks

Mike