Login Register






HTML for Noobs filter_list
Author
Message
HTML for Noobs #1
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]

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]

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>


[Image: iqhhts.png]

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
[Image: 946696_301886219956429_1080285596_n.jpg]

ေမေမနဲ႔မီးငယ္နွစ္ေယာက္လံုးကိုအရမ္းခ်စ္တယ္

Reply

RE: HTML for Noobs #2
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
[Image: OilyCostlyEwe.gif]

Reply

RE: HTML for Noobs #3
(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
[Image: 946696_301886219956429_1080285596_n.jpg]

ေမေမနဲ႔မီးငယ္နွစ္ေယာက္လံုးကိုအရမ္းခ်စ္တယ္

Reply

RE: HTML for Noobs #4
Okay now it looks better.
[Image: OilyCostlyEwe.gif]

Reply

RE: HTML for Noobs #5
Dude, you could have added a few more stuff like <p> or <h1>...
Your thread isnt bad though.
[Image: 2YpkRjy.png]
PM me if you need help.
My pastebin HERE. My URL Shortener HERE.

Reply

RE: HTML for Noobs #6
Next Part will be include header tag and paragraph tag
Thanks for advice
[Image: 946696_301886219956429_1080285596_n.jpg]

ေမေမနဲ႔မီးငယ္နွစ္ေယာက္လံုးကိုအရမ္းခ်စ္တယ္

Reply

RE: HTML for Noobs #7
(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.
[Image: 2YpkRjy.png]
PM me if you need help.
My pastebin HERE. My URL Shortener HERE.

Reply

RE: HTML for Noobs #8
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 .
[Image: 946696_301886219956429_1080285596_n.jpg]

ေမေမနဲ႔မီးငယ္နွစ္ေယာက္လံုးကိုအရမ္းခ်စ္တယ္

Reply

RE: HTML for Noobs #9
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.
[Image: rytwG00.png]
Redcat Revolution!

Reply

RE: HTML for Noobs #10
-------------------------
(This post was last modified: 06-05-2019, 06:24 PM by chemicalrage.)

Reply