Dalam tutorial ini kami akan menunjukkan kepada Anda solusi tentang cara memasukkan file HTML ke dalam file HTML lain, kami tahu bahwa ini adalah konsep yang kompleks, dan ada banyak cara untuk melakukannya. Show
Tetapi satu hal yang perlu diperhatikan di sini bahwa Anda selalu menemukan topik ini dengan bantuan beberapa bahasa server Tetapi hari ini, kami di sini memberi tahu Anda bagaimana cara memasukkan file html ke file html lain hanya dengan bantuan kode html Panduan Langkah Demi Langkah Tentang Cara Memasukkan File HTML ke File HTML Lain. -Seperti, kami telah mengatakan bahwa Anda selalu menemukan di web bahwa artikel ini dibuat dengan bantuan JavaScript, jQuery, Ajax, dan bahasa lainnya Tapi hari ini di sini, kami akan menunjukkan kepada Anda bagaimana Anda dapat melakukan ini hanya dengan bantuan kode html Untuk ini di sini Anda harus menyertakan atau menempelkan kode skrip yang tersedia untuk umum untuk semua. Yang diberikan di bawah ini <!DOCTYPE html> <html> <head> <title> Html include </title> <script src="js/jquery.js"></script> <script src="https://unpkg.com/htmlincludejs"></script> </head> <body style="text-align: center;"> <include src="demoo.html"></include> </body> </html> Demoo.html <!DOCTYPE html> <html> <head> <title> html </title> <script src="js/jquery.js"></script> </head> <body style="text-align: center;"> <h1> Form in html </h1> <h3> Fill the following details </h3> <form id="formdetails"> <label for=""> Enter your First name </label> <input type="text" name="fname" id="fname"> <br><br> <label for=""> Enter your last name </label> <input type="text" name="lname" id="lname"> <br><br> <label for=""> Enter your age here </label> <input type="number" name="age" id="age"> <br><br> <label for=""> Enter your email here </label> <input type="email" name="email" id="email"> <br><br> <input type="submit" value="submit" name="submit" id="submit"> </form> </body> </html>
Kesimpulan. -Sebagai kesimpulan, di sini kami dapat mengatakan bahwa dengan bantuan artikel ini kami dapat memasukkan file html ke dalam file html lainnya Dalam tutorial ini kami akan menunjukkan kepada Anda solusi bagaimana memasukkan file HTML ke dalam HTML, saat menggunakan javascript kita dapat memuat file html di file html lain dengan bantuan dukungan perpustakaan jquery Javascript digunakan untuk membuat konten web yang dinamis dan interaktif seperti aplikasi dan browser Panduan Langkah Demi Langkah Tentang Cara Memasukkan File HTML Dalam HTML. -Untuk menyertakan file apa pun dalam html, kita perlu menggunakan metode load() jquery. Metode Load() memuat data dari server dan menempatkan data yang dikembalikan ke dalam elemen yang dipilih Here we used element with ID “htmlfile” for loaded file bind to that element. So the result will have two html files content.
Mari kita lihat bagaimana penerapannya dalam pengkodean <!DOCTYPE html> <html> <head> <title>Include html file in html</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script > $(function(){ $("#htmlfile").load("content.html") }); </script> </head> <body> <h2>BELOW LINES LOADED FROM CONTENT.HTML FILE</h2> <div id="htmlfile"></div> </body> </html> CONTENT.HTML <html> <a href="#">google</a><br> <a href="#">facebook</a><br> <a href="#">gmail</a><br> <a href="#">linkedIn</a> </html>_
|