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

Ce tag se foloseste pentru a adauga liste in elemente <ul> si <ol>?

<ul>
 <li>http://coursesweb.net/html/</li>
 <li>http://www.marplo.net/html/</li>
</ul>

Care valoare a proprietatii "display" seteaza elementul ca tip bloc si afiseaza un punct in fata?

block list-item inline-block

.some_class {
  display: list-item;
}

Care instructiune JavaScript transforma un obiect in sir JSON.

JSON.parse() JSON.stringify eval()

var obj = {
 "courses": ["php", "javascript", "ajax"]
};
var jsonstr = JSON.stringify(obj);
alert(jsonstr);    // {"courses":["php","javascript","ajax"]}

Indicati clasa PHP folosita pentru a lucra cu elemente HTML si XML in PHP.

stdClass PDO DOMDocument

$strhtml = '<body><div id="dv1">CoursesWeb.net</div></body>';
$dochtml = new DOMDocument();
$dochtml->loadHTML($strhtml);
$elm = $dochtml->getElementById("dv1");
echo $elm->nodeValue;    // CoursesWeb.net

Indicati forma de Prezent Continuu a verbului "to live" (a trai /a locui)

lived living liveing

I`m living here.
- Traiesc /Locuiesc aici.

Care este forma de Gerunziu (sau Participiu Prezent) a verbului "vivir" (a trai /a locui)?

vivió vivido viviendo

Estoy viviendo aquí.
- Traiesc /Locuiesc aici.