HTML create external elements, for e.g. header

30 visibility 0 arrow_circle_up 0 arrow_circle_down

This is my site

<!DOCTYPE html>



    <meta charset="UTF-8">

    <link rel="stylesheet" type="text/css" href="style.css">



    <div class="header">
    <a><img src="pictures/logo.png" alt="gump" style="height:25px" href="#default" class="logo";></a>
    <div class="header-right">
    <a class="active">Home</a>
    <a href="links">Links</a>
    <a href="e">Encryption</a>

    <div style="padding:25px">
    <table style="width:100%; table-layout:fixed">
        <td style="font-weight:bold">Sites</td>
        <td style="font-weight:bold">Partners</td>
        <td style="font-weight:bold">Social Media</td>
        <td style="font-weight:bold">Tools</td>
        <td style="font-weight:bold">Links</td>
        <td><a href="">Home</a></td>
        <td><a href=""></a></td>
        <td><a href="">Steam</a></td>
        <td><a href=""></a></td>
        <td><a href=""></a></td>

  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body>


Thats too much of just the header and the footer, i want to have the header and the footer external on a external html, but how can i get the external header.html and the footer.html in the index.html

    Answer - 1
    0 arrow_circle_up 0 arrow_circle_down

    I was looking recently on the same topic and this article explains how you can do it. Link to the Atricle

    by   *