How do we join multiple html pages with iframe ?

Question

Suppose you have 3 html pages ( a.html, b.html, c.html).
You want to join these 3 pages in a single page (index.html).

But, when you use 3 iframea it appears as 3 small boxes( with respective pages inside ).

How do we change its appearance to look like a single page (i.e. each iframe with the size of their respective html page , and without a separate scrollbar for each iframe ).

Guys , please help me to do this.

Answer 1

the <iframe> tag has width and height properties so you could adjust the size.The only way to remove the scrollbar from the iframe is to ensure the iframe is larger than its contents.if you dont use iframe,the only solution i can think of is copying the other html files directly into index.html

Answer 2

Try using bootstrap so you could better arrange the iframes