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 creaza un text ingrosat?

<p>Adresa: <strong>http://CoursesWeb.net/</strong> - Tutoriale.</p>

Care din aceste coduri CSS afiseaza textul ingrosat?

text-size: 18px; font-style: italic; font-weight: 800;

#id {
  font-weight: 800;
}

Ce functie JavaScript apeleaza o alta functie, in mod repetat, la un anumit interval de timp?

setInterval() setTimeout() push()

function someFunction() { alert("CoursesWeb.net"); }
setInterval("someFunction()", 2000);

Clic pe variabila definita corect in PHP.

var vname = 8; $vname = 8; $vname == 8;

$vname = 8;
echo $vname;

Care din urmatoarele forme ale verbului "travel" (a calatori) e la timpul Prezent Perfect?

have traveled shall travel had traveled

We have traveled in space.
- Noi am calatorit (deja) in spatiu.

Care din urmatoarele forme ale verbului "pintar" (a picta) se foloseste la Trecutul Imperfect?

ir a pintar pintaba pintó

La niña pintaba un arco iris.
- Fetita picta un curcubeu.