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 e folosit pentru a adauga liste cu definitii in element <dl>?

<dl>
 <dt>HTML</dt>
  <dd> - Hyper Text Markup Language</dd>
  <dd> - Limbaj de cod pentru pagini web</dd>
</dl>

Care proprietate CSS poate sa ascunda un element in pagina, lasand spatiu gol in locul lui?

display position visibility

#id {
  visibility: hidden;
}

Indicati evenimentul declansat cand se apasa clic pe un obiect in pagina.

onclick onmouseover onfocus

document.getElementById("id").onclick = function(){
  alert("http://www.MarPlo.net/");
}

Indicati variabila PHP ce contine datele din $_GET, $_POST si $_COOKIE.

$_SESSION $_GET $_REQUEST

if(isset($_REQUEST["id"])) {
  echo $_REQUEST["id"];
}

Care din urmatoarele cuvinte reprezinta un Verb?

lighting believe path

I believe in my path.
- Eu cred in calea mea.