What type of web-pages are their

can you tell me what type of webpages are thier and what are the differences in between all of them.

what I know and heard of is html, htm ,css and so on... But, I really don't know the differences in between them and how and in what times they came..

what is the latest trend and format which is going on now a days. Can someone even explain me more about this as well.

 

There is primarily only one type of webpage, HTML.
CSS is not a webpage type, its a stylesheet method to change the looks of your plain HTML.

Look at these 2 codes:
<ul>
<li> This is item one </li>
<li> This is item two </li>
</ul>

Notice how list items are getting displayed one below another.
Now look at this:

<ul>
<li style=" display: inline; "> This is item one </li>
<li style=" display: inline; "> This is item two </li>
</ul>

Notice how list items started displaying "beside" each other.

That "style=" is the CSS part.

To display your webpage in a browser, your page must give a text/html header.
When you send a different header, the browser will decide if it has a loaded plugin that can process that file type.

Example if you give "video/mp4" header, some browsers will simply give you a download file option (no plugin is available), while some others will start playing the video in a video player plugin.
This depends if a plugin is loaded or not for that file type.


There are various scriptting languages you can use to generate the HTML webpage.
Like PHP, Pearl, Python, JSP, ASPX, etc.
In any case the output sent to the browser is plain HTML.

 

Thank you for replying...

But, frankly to tell you both the examples which you mentioned on top, I did not get it clearly...
Both are showing the same texts on top of each other. Their is nothing visual in it...
If you can explain that more here would be helpful...

And regarding what you wrote here...

There are various scriptting languages you can use to generate the HTML webpage.
Like PHP, Pearl, Python, JSP, ASPX, etc.

Now what are these scripts, and how they differ from each other...

What is the latest which is going on nowadays in the websites and which are now too outdated...

 

You should put those 2 HTML codes in a .html file and then open the file in browser. That is when you will see the difference.

About PHP, ASPX, JSP, etc
All are modern scriptting languages.
The difference is that they work on different types of "server" operating systems.
Their coding syntax is also different from each other.

If you have a windows server, you will prefer ASPX.
If you have a JAVA based server, you will prefer JSP.
If you have a linux server, you will prefer PHP.

JAVA can be installed on both linux and windows servers, but I don't think that hosting providers install it by default.

PHP on linux is the most common one used, very easy to learn as well.

But I think you should learn basic HTML first, then some CSS.
Then you can move towards learning PHP later may be.

 

I put the codes in the Frontpage editor..
can you see the codes and the image...

both are showing in the same way.. But the second one has indents and it is also not beside each other...

can you explain more properly and examples//

 

I don't know about frontpage or what it does.
I have placed the code in a plain HTML file.
Download this, remove the ".txt" extension.
So file name should look like: "sample.html"

Then double click the filename to open in browser.
You will see the difference.

If after double clicking file opens in notepad or MS-word, it means that you have not removed the ".txt" extension.

 

I will check that in a bit, but is this also true that in today's time now working on frontpage would be too much outdated.. and not worth working hard on it as the HTML page won't give outcomes as of today..

I tried to open a template in frontpage downloaded from a website...
But frontpage won't open that properly

Can you explain that more .

 

Thank you for explaining me here regarding stylesheets...
I wanted to know from what you told; which stylesheets first came and which in the last which are considered the latest and best... Like in years time or by the class of architecture type..

 

See, forget about frontpage.
Forget about any quick webpage maker like frontpage.

Learn to make a webpage yourself in plain notepad.

It won't take more than 30 minutes to code up a basic HTML page for the first time.
It really is that easy.

The file I uploaded in above post, even that is a basic webpage.
It got just 2 list items, still a webpage.

Just find a simple HTML tutorial, something which takes you step by step, and follow it.

CSS will come later.
When you think about changing colors, moving items here and there, etc, then, not now.

First learn to make a basic webpage.
Try it, not difficult at all.

 

About this what are your views

 

For style sheets, use CSS4. Its not difficult to learn that either, probably equally easy as HTML itself.
But this will come a lot later, not now.
Code up a simple webpage first, with 2 links, 2 lists, 2 headings, 2 paragraphs, 2 images and a table may be.
Then you can add styles to these elements later.

 

Can you recommend any of those tutorials or books that I can study and practice which has got exercises as well..

I can practice those exercises and make a webpage easily later on, if you suggest..

 

Also, when you say plain HTML in notepad file, do I have to save it in .HTML then..

But, at the same time when I have to edit it continuously, I will have to open and close it every time.

Is their an easier way to do it also.

 

Yes, you will have to save as ".html" like index.html or myWebPage.html etc.

This is also ok, index.htm or myWebPage.htm (same thing as .html)

You can use keyboard shortcuts to save and move etc, speeds things a lot.
Press CTRL key + S to save.
Use ALT key + Tab key to move between screens and folders.
These things will become common with practice.

Copy this code below in a file called index.html
Use notepad to copy and make the file.
Once copied, double click the file to open in browser.
Give it a try. It'll be your first HTML page

<!DOCTYPE html>
<html>
<head>
<title> My first web page! </title>
</head>
<body>

<h1> I am Farhajr </h1>

<ul>
<li> This is list item one </li>
<li> This is list item 2 </li>
</ul>

<p> Here is some intro about me </p>

<p> And here is a link to my
<a href="https://www.digitalpoint.com/members/farhajr.129689/"> DP Profile! </a>
</p>

</body></html>

 

For tutorials, you can use "w3schools HTML5" tutorial, google it, quite easy to follow.

 

I would advise against w3schools. They have too many errors, both of fact and concept. Personally, I'd suggest the tutorials at HTMLDog and/or Mozilla Developers Network (MDN). MDN is the official document resource for the W3C.

gary

 

Or you could try something from sitepoint or packt. They have some pretty good books which can help you

 

kk5st
I have also heard this before somewhere else, that w3schools has errors, but I never came across any myself.
Could you please explain this little more?
Thanks

 

yes, I want to start it like that step by step..
can you give me a link for handbook or online material which shows links for tutorials with Exercises. I can practice those and then start making websites easily..

but, their has to be one editor which I have to use which one can that be if not frontpage.. where i can work easilt and make websites..
see, for the example below which you sent me earlier..

how it is the same code in front page file and the notepad file...
but, both of them shows the results differently..

Can you explain about the image as well... and the remaining things i asked...
also how to start with building tables,paragraphs,links and images to start with,,,

where can i find it exactly..
have they got any exercises to start with as well..

so what do you say..?
from where should I start with,,

also,
1) If, someone could tell me what is a PHP..? And which year it came in?
2) Also what is simple HTML and What is HTML5 and how is it related in this section in the start of making a webpage as "<!DOCTYPE html>"

hoping for nice feedbacks and answers