IFRAMES HTML

IFRAMES HTML

<iframe>  é usado para especificar um quadro embutido.

<iframe src="url" title="descrição"></iframe>

Iframe - Altura e Largura

<!DOCTYPE html>

<html>

<body>

<iframe src="url" height="200" width="300" title="Título iframe"></iframe>

</body>

</html>

USANDO STYLE PARA HEIGHT E WIDTH

<!DOCTYPE html>

<html>

<body>

<iframe src="URL" style="height:200px;width:300px" title="TÍTULO DO IFRAME"></iframe>

</body>

</html>

Iframe - Remova a borda

Por padrão iframe já vem com uma borda.

<!DOCTYPE html>

<html>

<body>

<iframe src="URL" style="border:none;" title="Título do iframe"></iframe>

</body>

</html>

 O TAMANHO, ESTILO E COR DA BORDA DO IFRAME

<!DOCTYPE html>

<html>

<body>

<iframe src="url" style="border:3px solid blue;" title="Título do iframe"></iframe>

</body>

</html>

IFRAME - DESTINO PARA UM LINK

target atributo do link deve se referir ao name atributo do iframe:

<!DOCTYPE html>

<html>

<body>

<h2>Iframe - Target para Link</h2>

<iframe src="url" name="iframe_nome" height="300px" width="100%" title="título para iframe"></iframe>

<p><a href="url" target="iframe_nome">clique aqui para iframe</a></p>

</body>

</html>