Tag-urile iframe si object

Elementul HTML object

Cu tag-urile <iframe> si <object> se poate include si afisa in pagina web continutul din fisiere sau pagini externe.

Tag-ul iframe

Tag-ul <iframe> se foloseste pentru a adauga in pagina curenta o alta pagina sau fisier html.
- Exemplu:

<h4>Exemplu iframe</h4>
<p>Urmatorul continut e intr-un IFRAME.</p>

<iframe width='400' height='300' src='https://marplo.net/'></iframe>

Atributele elementului <iframe>

In <iframe> se pot folosi urmatoarele atribute:

height - inaltimea in pixeli a iframe-ului.
name - numele iframe-ului (se foloseste la atributul 'target' din link-uri (<a>))
sandbox - Restabileste un set de restrictii pentru continutul din iframe.
<iframe sandbox='value' src='https://gamv.eu/'></iframe>
- Daca la 'value' nu se adauga vreo valoare, se aplica toate restrictiile.
- Se pot adauga mai multe valori, din cele prezentate in continuare, separate prin spatiu: sandbox='val-1 val-2'.
- allow-forms - permite trimiterea de formulare in iframe.
- allow-pointer-lock - permite API-uri.
- allow-popups - permite ferestre popup din iframe.
- allow-same-origin - permite continutul sa fie tratat ca fiind din aceeasi origine (ca prin script-uri ajax sa aibe acces la continutul de pe server).
- allow-scripts - se pot executa script-uri din iframe.
- allow-top-navigation - continutul din iframe are acces la contextul din pagina in care este inclus.
src - adresa paginii sau a documentului html afisat in iframe.
srcdoc - specifica un continut html care sa fie afisat in iframe in locul documentului de la adresa 'src'.
width - lungimea in pixeli a iframe-ului.

- Exemplu, <iframe> cu 'srcdoc'.

<h4>Exemplu iframe cu srcdoc</h4>
<p>Urmatorul continut e intr-un IFRAME cu atribut srcdoc, care inlocuieste continutul de la adresa 'src'.</p>

<iframe width='400' height='300' src='https://marplo.net/' srcdoc='<h3>Continut din srcdoc</h3>'></iframe>

Pozitionarea si stilul elementului <iframe> se face cu proprietati css, prin atribute 'id', 'class' sau 'style'.

Elementul HTML object

Elementul <object> se foloseste pentru a adauga in pagina curenta continut dintr-un fisier extern, cum ar fi continut multiedia: audio, video, flah (SWF), fisier PDF, sau continutul unei alte pagini web.

- Exemplu, adauga un joc flash (SWF) in pagina:

<h4>Exemplu element HTML object</h4>
<p>In tag-ul OBJECT din acest document HTML e afisat un fisier SWF (un joc).</p>

<object width='550' height='400' data='html/cubilus.swf' type='application/x-shockwave-flash'></object>

Atributele elementului <object>

In <object> se pot folosi urmatoarele atribute:

data - adresa resursei adaugata in <object>.
height - inaltimea in pixeli a object-ului.
name - specifica un nume pentru <object>.
type - specifica tipul media (MIME type) a continutului din object.
width - lungimea in pixeli a object-ului.

- Exemplu, afiseaza un document PDF in pagina HTML:

<h4>Exemplu PDF in HTML object</h4>
<p>In tag-ul OBJECT din acest document HTML e adaugat un fisier PDF.</p>

<object type='application/pdf' data='blog/101_zen_stories.pdf' width='400' height='280'>PDF Document.</object>

<<-Caractere speciale - Entitati .. -- Aliniere DIV-uri pe aceeasi ..->>

Un Test simplu in fiecare zi

HTML

CSS

JavaScript

PHP-MySQL

Engleza

Spaniola

Care tag HTML5 adauga o aplicatie externa (SWF, PDF) in pagina web?

<embed src="flash_game.swf" width="450" height="350" />

Ce pseudo-element adauga un anume stil la prima linie de text din element?

:first-letter :before :first-line

#id:first-line {
  font-weight: bold;
  color: blue;
}

Clic pe proprietatea obiectului window care preia sau seteaza adresa URL a paginii curente.

window.location window.self window.status

var url = window.location;
alert(url);

Indicati functia PHP care preia continutul unui fisier sau pagina si-l adauga intr-un sir.

fopen() file_put_contents() file_get_contents()

$homepage = file_get_contents("http://www.marplo.net/");
echo $homepage;

Care din urmatoarele perechi de numere sunt in ordine unul dupa altu?

seven - eight ten - six three - five

This fruit has seven or eight seeds.
- Acest fruct are sapte sau opt seminte.