Find
Great Courses
Create
a Course

This course will become read-only in the near future. Tell us at community.p2pu.org if that is a problem.

Open up a Jsfiddle

Open a new window in your browser for working in

For this challange we will be using the site http://jsfiddle.net/

You can write you first HTML-Code there and see results immediately, without installing any programs or other preperation.

Open up the http://jsfiddle.net/ in a second browser window right now.
The Area in the upper left quater of the screen is the HTML-Input-Window. Write "Hello World" into the HTML-Input-Window.
The Area in the lower right quater of the screen is the Result-Window. When you press "play" you can see the results of your code here.
Press the "Save" Button to save your work
After saving, your work has it's own unique Address where you can find it again. Look at the address-bar of your browser - it will start with http://jsfiddle.net/ followed by some nonsense-letters. Write it down or save it as a bookmark!

There is one more small thing you need to do: find the option "Normalized CSS" in the left hand sidebar and uncheck it. Save again.

This is what your fiddle should look like now:

Screenshot of a jsfiddle

Congratulations: you now have a place on the web to try out HTML. Just remember he address!

Task Discussion

rsummo1 said:

http://jsfiddle.net/FUU89/

on Feb. 19, 2014, 9:56 p.m.
Eager2learn2 said:

http://jsfiddle.net/eager2learn2/v7Dh5/

on Jan. 28, 2014, 7:20 a.m.
EcologicalHumanist said:

http://jsfiddle.net/8DLTt/4/

on July 6, 2013, 2:27 p.m.
EcologicalHumanist said:

http://jsfiddle.net/8DLTt/4/

on July 6, 2013, 2:26 p.m.
EcologicalHumanist said:

If I haven't posted this step already:

http://jsfiddle.net/8DLTt/

on July 6, 2013, 2:25 p.m.
EcologicalHumanist said:

If I haven't posted this step already:

http://jsfiddle.net/8DLTt/

on July 6, 2013, 2:25 p.m.
zoki said:

http://jsfiddle.net/qYBcx/3/

on April 19, 2013, 4:06 a.m.
Adri said:

http://jsfiddle.net/vRfdC/

on March 23, 2013, 10:17 p.m.
Steve said:

http://jsfiddle.net/openwab/SVPpm/

on March 21, 2013, 7:58 a.m.
Gerardo Muñoz Asca said:

Completed: http://jsfiddle.net/Garhard/mUyCR/1/

on Jan. 21, 2013, 5:20 p.m.
Juan Pablo Zafra said:

http://jsfiddle.net/6ss4A/1/

on Jan. 16, 2013, 5:49 a.m.
zyraken said:

http://jsfiddle.net/GnJ8A/

on Aug. 28, 2012, 4:06 p.m.
shuniata said:

Hi!

Here: http://jsfiddle.net/LdxTQ/3/

on Aug. 24, 2012, 3:26 a.m.
shuniata said:

Hi!

Here it is: http://jsfiddle.net/LdxTQ/3/

on Aug. 24, 2012, 3:25 a.m.
saravanan said:

My Jsfiddle http://jsfiddle.net/xc8TQ/3/

on Aug. 15, 2012, 1:47 a.m.
Motlar said:

My JSFiddle starting slate: http://jsfiddle.net/rEzwT/1/

on July 27, 2012, 6:33 a.m.
caroline said:

I finally get to play with jsfiddle! :D

http://jsfiddle.net/MsdZE/1/

on July 26, 2012, 5:57 p.m.
Diva of Development said:

Here you go: http://jsfiddle.net/tbugg36/bvjJW/

on July 18, 2012, 3:42 a.m.
khaosstar said:

http://jsfiddle.net/DrQpg/3/

on July 16, 2012, 8 p.m.