HTML for Noobs - Printable Version

HTML for Noobs - Printable Version

+- Sinisterly (https://sinister.li)
+-- Forum: Design (https://sinister.li/Forum-Design)
+--- Forum: Web Design (https://sinister.li/Forum-Web-Design)
+--- Thread: HTML for Noobs (/Thread-HTML-for-Noobs)

Pages: 1 2

HTML for Noobs - 133720 - 07-29-2013

Hi Everybodoy in HC
Today i want to tell about the html or basic of coding ,If you learn more about html.
Go to

Code:
http://www.w3schools.com/html

HTML
Hypertext Markup Language, a standardized system for tagging text files to achieve font, color, graphic, and hyperlink effects on World Wide Web pages
With HTML you can create your own Web site.
HTML is easy to learn - You will enjoy it.

What you need to write HTML?

[+] Notepad or Notepad++ or Text Editor(Such as Adobe Dreamweaver,Other IDE)
[+] Browser
[+] Little Brain

if you using window
Start->All Programs->Accessories->notepad
[Image: 551409_257414751070243_1449055024_n.jpg]

[Image: 551409_257414751070243_1449055024_n.jpg]

Or

Win+R -> type [ notepad ] and click ok
[Image: 945860_257414611070257_131692603_n.jpg]

Now you see Notpead .I use notepad++
[Image: 577703_257420631069655_1124485100_n.jpg]

Let get start
First off,I want to show you html structure

Code:
<html>
<head>
<title>Title</title>
</head>
<body>
</body>
</html>

This is the main structure of HTML
Ok.Now you select Save as in Notepad file menu.
When you save an HTML file, you can use either the .htm or the .html file extension. There is no difference, it is entirely up to you.I save with name basic.html

Now , We need to find the our Output
Open you web brower and put the link your save name basic.html Or
Double click on your basic .html
Now you see the Result ,check in browser bar ..

[Image: 935616_257414767736908_1236433166_n.jpg]

[Image: 935616_257414767736908_1236433166_n.jpg]

it empty in body section because we don't add text
Ok.Now we need to write to see more output in page

Code:
<html>
<head>
	 <title>Title</title>
</head>
<body>
Hello HC Members
</body>
</html>

This is very simple for html
Next part,we will learn elements
Sorry for my bad english.

Thanks for Reading
Written by 133720
Ref : W3schools
Continue..Part2

RE: HTML for Noobs - Psycho_Coder - 07-29-2013

Simple tutorial on HTML. But tell me one thing that you wrote here :-

Quote:<html>
....
<body>
Hello HC Members
</body>
</html>

But how the output is :- Hello Z+ Members

Again when you are using notepad then why are you writing notepad++, notepad++ needs to be installed separately. So you better write notepad in the run as well.

I hope you will edit the shortcomings.

Thank you,
Sincerely,
Psycho_Coder

RE: HTML for Noobs - 133720 - 07-29-2013

(07-29-2013, 08:01 AM)Psycho_Coder Wrote: Simple tutorial on HTML. But tell me one thing that you wrote here :-

Quote:<html>
....
<body>
Hello HC Members
</body>
</html>

But how the output is :- Hello Z+ Members

Again when you are using notepad then why are you writing notepad++, notepad++ needs to be installed separately. So you better write notepad in the run as well.

I hope you will edit the shortcomings.

Thank you,
Sincerely,
Psycho_Coder

ႈI will fix when the connection is good
I already post in Z+
So,I copy my post
Thanks for reply

RE: HTML for Noobs - Psycho_Coder - 07-29-2013

Okay now it looks better.

RE: HTML for Noobs - The Alchemist - 07-29-2013

Dude, you could have added a few more stuff like <p> or <h1>...
Your thread isnt bad though.

RE: HTML for Noobs - 133720 - 07-29-2013

Next Part will be include header tag and paragraph tag
Thanks for advice

RE: HTML for Noobs - The Alchemist - 07-29-2013

(07-29-2013, 02:23 PM)133720 Wrote: Next Part will be include header tag and paragraph tag
Thanks for advice

And add stuff like meta, script and link tags too.
They are used in every webpage.

RE: HTML for Noobs - 133720 - 07-29-2013

Yes,Yes,I will try to post finish Complete Html Beginner guide to Pro
I am web developer.but i weak in english grammer. .
But i will do the best.
Thanks .

RE: HTML for Noobs - Coder-san - 08-01-2013

In order to make your tutorials more complete and get the attention they deserve, I advise to firstly add some of your good sample works. So a reader gets an idea that they can trust this person and the Author knows what he is doing.

I also advise you 133720 not ignore this:-

Code:
<!DOCTYPE html>

It will save you from a lot of trouble with compatibility issues.

RE: HTML for Noobs - chemicalrage - 08-06-2013

-------------------------