How to join the three different code boxes from jsfiddle.net into a HTML page?

Question

I've been trying to create a web site just with a jsfiddle.net application.

I'd like to know how to join the three different code boxes from jsfiddle.net into a HTML page.

The HTML code for my page is

<html>
    <head>
    <style type="text/css">
        ***CSS box***
        </style>
</head>
    <body>
    ***HTML box***

        <script language="JavaScript"  type="text/javascript">
        ***Javascript box***
        </script>   
    </body>
</html>

The problem is that I can't make it work

What am I doing wrong?

Thank you very much.

"The problem is that I can't make it work" ...and what did you try, that isn't working? What's going wrong with what you're trying? — David Thomas
– David Thomas, Commented Mar 1, 2012 at 17:10
jsFiddle isn't for developing websites, it's for testing code. — j08691
– j08691, Commented Mar 1, 2012 at 17:15
Your HTML code above is valid (assuming you replace ***CSS box*** etc. with appropriate code from your jsfiddle). As noted earlier, ksfiddle is only used to test code. — MMM
– MMM, Commented Mar 1, 2012 at 17:18

dangerChihuahua007 · Accepted Answer · 2012-03-01 17:26:14Z

1

Just copy and paste the respective sections in a new HTML file on say your desktop.

<html>
    <head>
    <style type="text/css">
        // CSS Content
        </style>
</head>
    <body>
    <!-- some html elements -->

        <script language="JavaScript"  type="text/javascript">
            // more js here.
        </script>   
    </body>
</html>

And then link in any dependencies such as jQuery within your head element.

answered Mar 1, 2012 at 17:26

dangerChihuahua007

21.1k39 gold badges130 silver badges212 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

João Pimentel Ferreira Over a year ago

I did exactly as it is above for a very nice code I found for one embed YouTube channel. The code for YouTube channel is found here jsfiddle.net/SimoneGianni/NmvA9 | I used that code with the above HTML code to join everything together on a HTML page but it is not working... may you kindly help? Thanks a lot...

João Pimentel Ferreira Over a year ago

Thank you a lot. It is working. It was a problem with jQuery dependencies. Thank you

Collectives™ on Stack Overflow

How to join the three different code boxes from jsfiddle.net into a HTML page?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related