Jak dodać IFrames w HTML

Hypertext znaczników język aka HTML to język używany w celu budowania podstawowych struktur stron internetowych. Zapewnia wiele wyróżniających funkcji, które sprawiają, że Twoja witryna jest bardziej interaktywna. Jedną z takich funkcji jest HTML IFrame lub HTML Inline Crame. Zgłębiajmy się w szczegóły iframes.

HTML Iframe

HTML IFRAME umożliwia dodanie dokumentu zewnętrznego do dokumentu HTML, na przykład strony internetowej na stronie internetowej. Wbudowany dokument jest niezależny od otaczających elementów. Aby dodać iframe w bieżącym dokumencie HTML,

URL w składni oznacza lokalizację dokumentu zewnętrznego, który chcesz osadzić na bieżącej stronie internetowej.

Przykład
W poniższym przykładzie osadzamy dokument zewnętrzny w naszym pliku HTML.

Wyjście
Zewnętrzna strona internetowa została osadzona na bieżącej stronie internetowej HTML.

Tak jak możesz dołączyć iframe na swojej stronie internetowej HTML.

Dostosuj wysokość i szerokość iframe

Jak widać na powyższym zrzucie ekranu, istnieje pewna wysokość i szerokość iframe. Wysokość i szerokość iframe można naprawić zgodnie z twoim pragnieniem. Oto przykład dostosowania wysokości i szerokości inframe.

Przykład
W poniższym przykładzie ustawiliśmy wysokość i szerokość iframe za pomocą atrybutów HTML.

W powyższym przykładzie ustawiliśmy szerokość iframe na 600 i wysokość na 200.

Wyjście

Wysokość i szerokość iframe pokazana na wyjściu została dostosowana za pomocą atrybutów HTML.

Innym podejściem do tego jest użycie CSS. Oto przykład ustawienia wysokości i szerokości iframe HTML za pomocą CSS.

Przykład

Wyjście

Wysokość i szerokość iframe pokazana na wyjściu została dostosowana za pomocą CSS.

Dostosowanie granic

W powyższym przykładzie za pomocą właściwości granicznej CSS ustawiliśmy granicę iframe 5px wraz z solidnym czarnym kolorem.

Wyjście

Granica iframe pokazana na wyjściu została dostosowana.

iframe jako docelowe hiperłącza

Iframe może być używany jako docelowy hiperłącze, co oznacza, że ​​użycie iframe jako docelowego hiperłącza użytkownika może wyświetlić link podany na stronie HTML na tej iframe zamiast otwierania go w nowym oknie. W tym celu ustaw atrybut docelowy znacznika jako atrybut nazwy iframe.

Przykład

Odwiedź Linuxhint.com

W powyższym przykładzie osadziliśmy stronę internetową na stronie internetowej HTML, ponadto użyliśmy iframe jako docelowego hiperłącza. Jak widać, ustawiliśmy atrybut docelowy znacznika tak samo jak atrybut nazwy iframe. W ten sposób po kliknięciu hiperłącza otworzy się w tym samym iframe zamiast nowego okna.

Wyjście

Kliknij hiperłącze, a otworzy się w iframe.

Hiperłącze pokazane na wyjściu zostanie otwarte w inframe.

Po wyżej wymienionych podejść możesz dodać iframe na swojej stronie internetowej HTML.

Wniosek

Aby dodać iframe w dokumencie HTML, użyj znacznika HTML. Iframe Short dla ram wbudowanych jest używany do dodawania zewnętrznych stron internetowych na bieżącej stronie internetowej HTML. Te ifry są niezależne od otaczających elementów strony internetowej. Wysokość i szerokość iframe można dostosować zgodnie z twoim pragnieniem, a ponadto, iframe można użyć jako hiperłącza docelowe. Ten zapis omawia dogłębnie, jak dodać IFrames w HTML przy użyciu odpowiednich przykładów.