Web Programming: December 2013

Friday, December 20, 2013

HTML Editors

What Is A Word Processor?

A word processor is program which is used to write simple text and format it using different styles of decoration and font size color or font etc. Therefore it is called a word processor because it handles text with formatting and saves files with formatting. Microsoft office is a good example of a word processor. You can design your cv's, product brochures, presentations and other office related reading material in Microsoft word. This will therefore be called a word processor.

What Is Text Editor ?

A text editor is program which deals with only simple text and nothing more. It has nothing to do with any type of style information and formatting. It does not save any font size, font color information. A classic example of a text editor is windows notepad. You can notice easily that it does not save style information and only allows us to type clear text with no extra formatting.

Similar programs are used to write codes of programming languages. We will show you how you can use a simple text editor like Microsoft notepad to edit and save your html files and render them in a browser.

Note : Html can be learned by using a professional html editor like :

Adobe Dreamweaver
Microsoft expressions web
Notepad ++

But senior webmasters recommend that using a simple text editor is the best way to learn html. Therefore we will be using Microsoft notepad. So let’s get started.

Step 1. Opening Notepad On Windows Operating System.
Go To Start > All Programs > Accessories > Notepad
This will launch windows notepad main window and a blank file will be opened automatically for you to put some text in it.
Step 2. Typing Html Code.
Type the following code in the main program window of notepad.

<!Doctype html>
<html>
<body>
<h1>My First Heading</h1>
<p>My First Paragraph.</p>
</body>
</html>

Step 3. Saving Your Document.

Select (save as...) in notepad file menu and type the file name in the name box. When you want to save a file in html format, you can use both (.htm) or (.html) extensions for your file type. There is no difference in both of these file types. Browsers will render both files in the same way. So you should not be confused about that. It’s entirely up to you that which file extension you want to use in your file.

HTML Editors

Saturday, December 14, 2013

The HTML Document Type Declaration

There are many different versions of HTML over internet. Use of other web programming languages like JavaScript, JQuery, CSS and XML is very common on a lot of websites. Therefore to tell web browsers which version of HTML we have used in current document we use HTML Document type declaration or HTML version type declaration.

<!DOCTYPE html>

<html>

<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>

</html>

The very first line of example above displays a demonstration of how HTML DOCTYPE Declarations are used. We will explain it to you in detail now. The DOCTYPE declaration helps browsers understand which type of HTML that specific webpage is based upon. There are many documents available online over internet. A browser can only render a webpage correctly only if knows which type of HTML that webpage is using.

Below are some examples of DOCTYPE Declaration tags (What are HTML Tags?) According to HTML versions.

HTML 5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Note :

The DOCTYPE tag must be placed at very beginning on the webpage. Before <html> tag. This DOCTYPE declaration tag has no ending tag. It is an instruction to the browser about the HTML version type we are using in our webpage.

Difference between HTML 4.01 and HTML 5 DOCTYPE declarations:

In HTML 4.01 there are three methods to define a DOCTYPE tag. But HTML 5 has only one method to define DOCTYPE tag in a webpage. It is one of the many great improvements The HTML has made. Now the web developers and code writers have only one method to remember and use every time they develop Webpages

The HTML Document Type Declaration

. That particular method is given below again for your knowledge.

<!DOCTYPE html>

This single line of code is enough to tell all browsers in world to consider that the webpage they are rendering is developed in HTML 5.

Useful Tips : _

Always include complete DOCTYPE tag in all your web pages of website.
You should note that DOCTYPE declaration tag has no ending tag. See our paper on (introduction of HTML Tag).
There are many free HTML type validators online which will check that you have used correct type of HTML declaration. Just search them on Google and use it to check your document type.

Sunday, December 8, 2013

What Is HTML (Hyper Text Markup Language)

HTML or Hyper Text Markup Language is the largest and most commonly used and well documented programming and developing language right now at this time. Almost every person who is somehow related to information technology industry is aware of this language.

HTML is the basic language which is used to design websites online. It is the heart of every single page over internet and. Without HTML no one will be able to visit any kind of web pages online without HTML. It’s a miracle of HTML that we see and use websites online daily. Whenever, you will go to an institution for web designing course, you will notice that they have put HTML language on top of their web designing course outline. This is enough to clarify the fact that every single item you see on internet is just because of HTML.

The first person giving the idea of HTML was physicist Tim Berners-Lee. Since 1980 many versions of HTML have been released. The yearly development of HTML is shown in table below.

What Is HTML (Hyper Text Markup Language)

The latest version of HTML is HTML 5. This is very different with respect to the previous versions of HTML 5. Many modifications have been made and many things have been changed.

HTML or Hyper Text Markup Language is a set of markup tags. These markups tags define the content of any web document online. Stay with me to learn HTML step by step in a very easy method. I can assure you that after learning HTML from this blog. You will be able to design beautiful websites without any trouble in writing code. So stay with me and share for others too.

Friday, December 6, 2013

Assalam.o.Alaikum

This Blog Is Dedicated Specifically For Learning All Web Programming Languages. You Will Get Lectures On HTML, CSS, Javascript, JQuery, Python And Other Similar Languages Which Are Used Specifically For Web Designing And Programming. So Join Us. I Can Assure You That You Will Not Find These Lectures Anywhere Else Over The Internet. All Courses Are Very Explained And Illustrative. Examples And Explanations Are Also Given. Also You Will Get Comprehensive Free PDF eBooks Specifically Written For Web Programming. So Don't Forget To Join Us And Share This Useful Knowledge Too.