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 se foloseste in <table> pentru a crea celula de tip "header"?

<table><tr>
  <th>Title 1</th>
  <th>Title 2</th>
</tr></table>

Ce proprietate CSS seteaza distanta dintre randuri?

line-height word-spacing margin

.some_class {
  line-height: 150%;
}

Care functie deschide o noua fereastra.

alert() confirm() open()

document.getElementById("id_button").onclick = function(){
  window.open("http://coursesweb.net/");
}

Indicati functia PHP care returneaza un array cu numele fisierelor si directoarelor dintr-un director.

mkdir() scandir() readdir()

$ar_dir = scandir("dir_name");
var_export($ar_dir);

Care din urmatoarele forme a verbului "sleep" (a dormi) se foloseste pentru viitor?

sleeping slept will sleep

He will sleep there.
- El va dormi acolo.

Care din urmatoarele forme a verbului "dormir" (a dormi) se foloseste pentru viitor?

dormido dormirá durmiendo

Él dormirá allí.
- El va dormi acolo.