How do I include a .php or .html file in a .html file?

Question

Say I have my file index.html, and I want to include a.php and b.html in them. How exactly will I go by doing this?

Here's what I got in index.html:

<!DOCTYPE html>
<html>
    <head>
        <title>SQL DB Demo</title>
        <link rel="stylesheet" type="text/css" href="styles.css"/>
    </head>

    <body>

<!--Changes -->

        <?php
            include 'a.php';
        ?>

    </body>


</html>

Here's my a.php file:

<html>
    <head>
        <p>
            Hello there, you rock.
        </p>
    </head>
</html>

And here's my b.html file:

<html>
    <head>
        <p>
            Hello there, you rock even more.
        </p>
    </head>
</html>

What do I need to do to get index.html to display its contents along with the contents of a.php and b.html? Currently, the little part with include a.php isn't working, so I thought I'd ask.

Thanks

<p> is not valid in <head> and <html> is not flow content and therefore invalid in <body> so just include <p>Hello, world<p> not the rest. — rism
– rism, Commented Jan 14, 2016 at 1:33

Michael Benjamin · Accepted Answer · 2016-01-14 01:43:09Z

4

First thing: Change the extension of index.html to index.php. Otherwise the server isn't going to know there's PHP to be parsed.

Second, you don't need to repeat the html, body, head and other document tags that are already in the index.php file. With the includes, you're inserting data into that file, not creating new documents.

<!DOCTYPE html>
<html>
    <head>
        <title>SQL DB Demo</title>
        <link rel="stylesheet" type="text/css" href="styles.css"/>
    </head>

    <body>

<!-- a.php file below -->

        <p>
            Hello there, you rock.
        </p>

<!-- b.php file below -->

        <p>
            Hello there, you rock even more.
        </p>

    </body>


</html>

Revised a.php file:

        <p>
            Hello there, you rock.
        </p>

Revised b.php file:

        <p>
            Hello there, you rock even more.
        </p>

edited Jan 14, 2016 at 1:43

answered Jan 14, 2016 at 1:31

Michael Benjamin

376k110 gold badges616 silver badges737 bronze badges

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

6 Comments

john Over a year ago

Are there any drawbacks to me making it a .php file?

Michael Benjamin Over a year ago

For all practical purposes, no. Read more.

Funk Forty Niner Over a year ago

if supported and using Apache, they can instruct it to treat .html files as PHP. Plus, they can also (and if supported), use SSI with .shtml and include PHP files. I've done it often.

Michael Benjamin Over a year ago

@Fred-ii-, agreed. But I'm trying to keep in simple, as it doesn't appear the OP must use .html or SSI. Switching to .php is simple, efficient and a good habit to get into, in my view.

Funk Forty Niner Over a year ago

@Michael_B FYI: OP reposted stackoverflow.com/q/34781037 it's about brackets.io brackets.io and not adobe-brackets and I closed that question.

|

BeingCoder's · Accepted Answer · 2016-01-14 05:17:37Z

0

You have three solutions :

change the extension of index.html to index.php
OR you have to include a.php via iframe.
OR you have to call a.php via ajax and then put response where u want.

answered Jan 14, 2016 at 5:17

BeingCoder's

12 bronze badges

Collectives™ on Stack Overflow

How do I include a .php or .html file in a .html file?

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related