How to make a programming code box in html css bootstrap or angular js

Question

How to make a programming code box in html css bootstrap or angular js

Here is the answer which uses jquery http://stackoverflow.com/a/35249951/4874281 — manian, Mar 28 '17 at 05:21

score 2 · Accepted Answer · edited May 23 '17 at 11:54

2

<!DOCTYPE html>
<html>
    <script src="https://www.w3schools.com/lib/w3data.js"></script>

    <body>

    <div w3-include-html="content.html"></div> 

    <script>
        w3IncludeHTML();
    </script>

</body>
</html>

Or PHP style

<html>
    <body>

        <h1>Welcome to my home page!</h1>
        <p>Some text.</p>
        <p>Some more text.</p>
        <?php include 'footer.php';?>

    </body>
</html>

To complete, here's a JQuery style (thanks @Manivannan for the link)

<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"</script>
        <script> 
            $(function(){
                $("#headerDiv").load("header.html");
            });  
        </script>
    </head>
    <body>
        <div id="headerDiv"></div>
        <!-- Rest of the code -->
    </body>
</html>

edited May 23 '17 at 11:54

Community

1
1

answered Mar 28 '17 at 05:12

Carl Binalla

5,393
5
27
46

if i dont want to use w3school sir @carl jan – shubham gupta Mar 28 '17 at 05:13
@shubhamgupta Added php version – Carl Binalla Mar 28 '17 at 05:24
i dont know php @carl jan – shubham gupta Mar 28 '17 at 05:25
only html or jquer, javascript @carl jan – shubham gupta Mar 28 '17 at 05:26
Check @Manivannan's answer – Carl Binalla Mar 28 '17 at 05:27
shubam gupta, you don't have to be an expert in php. You just can use the simple include function added by @Carl Jan – manian Mar 28 '17 at 05:28
@shubhamgupta There are 3 codes there, what is not working? – Carl Binalla Mar 29 '17 at 04:40
and Sir for that code Manivannan sir had said that we have to use Server ? How ? @CarlJan – shubham gupta Mar 29 '17 at 04:56
page was not Loading it showing blank sccreen @CarlJan – shubham gupta Mar 29 '17 at 04:57
If you're in Windows, use [XAMPP](https://www.apachefriends.org/), and if you are in Linux, use [LAMP](https://www.linux.com/learn/easy-lamp-server-installation) – Carl Binalla Mar 29 '17 at 04:59
I am not having the knowledge of server @CarlJan – shubham gupta Mar 29 '17 at 05:01
Then start studying them, you will be needing them sooner or later – Carl Binalla Mar 29 '17 at 05:01
is it possible to load without server @CarlJan Sir – shubham gupta Mar 29 '17 at 05:01
Try the PHP version – Carl Binalla Mar 29 '17 at 05:02
sir shall we communicate with each other on social media like instagram or facebok @CarlJan – shubham gupta Mar 29 '17 at 05:03
You are very help full please sir @CarlJan – shubham gupta Mar 29 '17 at 05:04

How to make a programming code box in html css bootstrap or angular js

1 Answers1