Basics of Website Development.


cool-html-codesIn my last post, I talked about where to start journey if you want to become a web developer. Today, I am going to go a little further and show us the most basic things you need to know, the old school way and the new school way.

I am sure you have decided on with IDE you want to be using for development and I want to assume you have know the meaning of the following; HTML, CSS, PHP. if not, HTML stands for Hyper Text  Makeup Language (as said in the name, it is a makeup language, not a programming language. So if you know html, that doesn’t make you a programmer.), CSS stands for cascading stylesheet (also not a programming language) and lastly, PHP stands for Hyper Text Preprocessor (it is a programming language, and yes, the name doesn’t sound like the abbreviation. It has a long history that goes way back to 1996. You can look up the story in Wikipedia J)

How to write basic html the old school way.

We are going to write our first html script. WOW! I am so excited, because this will be my first website.

But first of all, I want to bring our notice to something important. You may have noticed that when you hear anything about HTML, you also here about CSS. Let me just put it this way, HTML is the frame/Brick, CSS is the paint. CSS is what gives beauty to HTML.

So here we go.

  1. Open a new file in your IDE and name it helloworld.html
  2. Type the following into the file

<html>

<head>

<title>Hello World!</title>

</head>

<body>

<h1>This is my header</h1>

<p>This is my first paragraph</p>

<i>this is an italic text</i>

<b>this is a bold text</b>

</body>

</html>

  1. Now save and open the file in internet explorer.

YOU JUST DEVELOPED YOUR NEW WEBSITE. ISN’T THAT AWESOME?

Now, let us go a little bit futher and write this code the new school way (HTML5 Way)

  1. Open a new file in your IDE and name it helloworld.html
  2. Type the following into the file

<html>

<head>

<title>Hello World!</title>

</head>

<body>

<header>

<h1>This is my header</h1>

</header>

<section>

<article>

<header>

<h3>This is the header for this article</h3>

</header>

<p>This is my first paragraph</p>

<i>this is an italic text</i>

</article>

</section>

<footer>

<b>this is the footer</b>

</footer>

</body>

</html>

  1. Now save and open the file in internet explorer.

You have just written your first HTML5

There are a lot of tags in html that you must know. To know more about this tags, the best place to start is w3schools (www.w3schools.com ).

Now what about CSS. We are going to be talking about CSS in the next post. For now, keep on practicing on the basic html tags and do cool stuffs with it. May the force be with us all.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s