Questions

Do i learn html or html5 to become professional website designer?

+
0 Votes
Locked

Do i learn html or html5 to become professional website designer?

talhawmz
I am a beginner and dont know about any version of html and i want to get certified for the 70-480 microsoft exam guide me what should i learn first html of directly html5
+
1 Votes
Slayer_
Collapse -

HTML5 is just a new version of the HTML specification.

HTML is just a format of XML

So start with XML. When you understand the basics of nodes, elements and attributes, you can move to basic HTML.
HTML4 is much easier to learn to start with, before starting on the new stuff that HTML5 adds.

W3 schools is a good site to get started.
http://www.w3schools .com/
Copy and paste that into your browser, then remove the space between the s and the .com. I had to add the space to make TR not delete my post.

+
0 Votes
jsowell42
Collapse -

Extensible Markup Language (XML) IS the protocol language used for data storage and transport. It is NOT HTML - it appears similar.
Hyper Text Markup Language is the protocol language for how data is displayed.
So, Talhawmz, you will want to start with HTML.

+
0 Votes
dorylicious1
Collapse -

I agree, the two are the same but bear in mind that HTML5 is not compatible with certain (old) browsers, it is good to know the "new stuff that HTML5 adds" - can save you time from being frustrated when you find it out that your design doesn't render right.

+
0 Votes
Britisch
Collapse -

XML is a poor starting point. See my answer for a more thorough explanation, but here's the takeaway: Learn SIMPLE HTML and CSS first.

+
0 Votes
Slayer_
Collapse -

How can XML be a poor starting point? it takes 20 minutes to learn the basics of XML nodes, elements and attributes. Then you can move onto HTML which is just a doc type definition for an XML document.

+
2 Votes
beeznees
Collapse -

A good way to start is to read the code of the html pages on the web.
1 - save a page from any website on your drive
2 - using firefox or IE, read the source (code written in plain English) by clicking CTL+U in firefox or right-click on the webpage and select view page source. Using Linux it is even more simple as you can open any page.html with a text editor and read the code. I suppose you might be able to do that in Windows as well.
3 - once you have the text of an html code in front of you, just read it to understand how a page is made with all the Tags, like this one you have here in front of you, starting at the top of the page with:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
next line:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xlmns:og="http://ogp.me/ns#" xlmns:fb="http://www.facebook.com/2008/fbml" class="">
<head>
then
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="I am a beginner and dont know about any version of html and i want to get certified for the 70-480 microsoft exam guide me what should i learn first h" />
<meta name="keywords" content="TechRepublic, talkback, user comments, forum, discussions" />
<meta name="language" content="en" />
That speaks for itself.
then
<title>Q&A: Do i learn html or html5 to become professional website designer? | TechRepublic</title> Here you can change the title,
</head> which is the end of the Head section of your page.
once you have changed the title, you save that page under a new name, mypage1.html for example, and when you open it in your browser, you'll see the change of the title.
You can play around with all the Tags, but ignore the <script>... </script> as they are tags for javascript... just remove them all.
Also, you should look for the files with .css extension, and look into the folder of your saved page, if you saved this page on your drive under the name "mytechquery.html" it will have a folder "mytechquery_files" and in that folder you'll find many files amongst them: the .css files which are text files, open them and read them, you'll understand. Then play around with them by tweaking a few things and look a the changes on your .html page, and all will become clear.
Then you can learn about css on same site: http://www.w3schools.com
It is a very simple way to understand, a bit like dismantling a bike and putting it back together, you can learn very quickly by doing it right away.... practicing is the best way.
Then you have a lot of books on the web, to get all the explanations you need about the Tags and the .css files.
Good work, html is very simple.

+
0 Votes
jsowell42
Collapse -

That's a great idea! LOL IDK Why I never thought of it

+
0 Votes
mandysutton
Collapse -

This approach worries me slightly.
There are some dreadful sites out there and I for one picked up some very bad habits doing this.
I look at source code all the time to see how developers have handled a certain feature but without some basic html first it would scare the pants off most people. Just look at the raw code from a wordpress site to see the complexity.
HTML can be simple - it's people that make it complicated.

+
0 Votes
Britisch
Collapse -

Very nice tutorial for absolute beginners with HTML! Well done.

+
1 Votes
draalinx
Collapse -

I made a small short guide regarding an Introduction to HTML

It's not super in depth but it might help a bit http://draalin.com/introduction-to-html/

If you have any questions please ask!