Rame Html

Cadrele HTML sunt utile la împărțirea paginii web sau a browserului web în mai multe secțiuni, acestea separă secțiunile, apoi se încarcă diferit.

Un cadru afișează conținut independent de containerul său. Mai multe cadre formează o colecție și sunt cunoscute sub numele de cadru. Aranjamentul poate fi considerat similar cu orientarea rândurilor și coloanelor dintr-un tabel. Eticheta cadru a fost învechită în HTML5.

Fiecare cadru are o etichetă de cadru pentru a indica. Cadrul orizontal este definit de atributul rând al etichetei cadru, iar atributul vertical este definit de atributul de coloană al etichetei cadru din documentul HTML. Aceeași fereastră dintr-un cadru poate afișa un banner static, un al doilea meniu de navigare etc.

Sintaxa cadrelor

În HTML, nu există nicio etichetă finală pentru etichetă. Când folosim cadre într-o pagină web, folosim etichetă în loc de etichetă. Utilizarea este modul în care instruim pagina web să o împartă în cadre. Eticheta definește ce document HTML ar trebui să fie deschis ca cadru.

Colii de atribute iau valoarea în pixeli și ajută la specificarea numărului și dimensiunii coloanelor dintr-un cadru.

În mod similar, așa cum am văzut mai sus, rândurile de atribute iau valoarea în pixeli și ajută la specificarea numărului și dimensiunii rândurilor dintr-un set de cadre.

Cu toate acestea, trebuie menționat în mod corespunzător faptul că eticheta a trecut în HTML5 și nu mai este utilizată.

Diferite tipuri de cadre în HTML

Una dintre utilizările cadrelor a fost întotdeauna încărcarea barelor de navigare într-un cadru și apoi încărcarea paginilor principale într-un cadru separat. O etichetă de cadru definește un singur cadru de fereastră în cadrul unei

are suport pentru browser în Chrome, Internet Explorer, Mozilla, Safari și Opera Mini.

Atributele diferite și unele utilizate frecvent în cadru sunt atribute precum bordură, defilare, src, nume etc.

Tipuri de etichetă cadru

Atributul de etichetă

Există cinci atribute importante ale lui și le discutăm aici:

1. Col: Cadrele verticale sunt date de atributul col. Lățimea poate fi însă specificată în 4 moduri:

  • Pixeli: valorile absolute pot fi menționate în pixeli. Dacă trebuie să creăm trei cadre verticale, putem da valoarea: cols = ”100, 50, 100”.
  • Procentaj: Se poate menționa procentul din fereastra browserului. Dacă trebuie să creăm trei cadre verticale, putem da valoarea: cols = ”40%, 20%, 40%”

Putem folosi, de asemenea, wildcard-ul de aici (*) și lăsăm wildcard-ul să rămână fereastra care rămâne nesemnată.

cols =“30%, *, 30%“

ieşire:

2. Rânduri: cadrele orizontale sunt date de atributul rând. Specifică rândurile dintr-un set de cadre. Dacă trebuie să creăm trei cadre orizontale, folosim:

Ex: Rânduri =“10%, 80%, 10%“.

De asemenea, putem seta înălțimea fiecărui rând așa cum am făcut în cazul coloanelor anterior.

ieşire:

3. Border : specifică lățimea marginii fiecărui cadru în pixeli.

De exemplu: border = "4". Dacă border = ”0”, înseamnă că nu există nicio frontieră.

4. Frameborder: Dacă un chenar tridimensional trebuie afișat între cadre, atunci vom folosi acest atribut. Valoarea pe care o ia atributul este 1 sau 0 (Da sau Nu).

De exemplu: frameborder = ”0” înseamnă niciun chenar.

5. Framespacing: Acest atribut specifică cantitatea de spațiu între cadre dintr-un set de cadre. Orice valoare întreagă poate fi dată aici pentru acest atribut.

De exemplu: framepacing = ”12” înseamnă că între cadre trebuie să existe distanța de 12 pixeli.

Atributul de etichetă

Există 8 atribute care pot fi enumerate aici în această secțiune.

1. src: furnizăm numele fișierului acestui atribut care se presupune că este încărcat în cadru. Valoarea acestui atribut poate fi orice URL.

De exemplu: src = www.facebook.com

2. nume: Acest atribut oferă un cadru. Acesta definește în ce cadru un document ar trebui să fie încărcat. Dacă aveți mai multe legături într-un cadru care se încarcă într-un alt cadru, vom folosi acest atribut. Apoi, cel de-al doilea cadru are nevoie de un nume care să se identifice drept ținta legăturii.

De exemplu: nume = ”abc.htm”

3. frameborder: Acest atribut este specificat pentru a arăta dacă granițele trebuie să fie afișate sau nu. Valoarea este 1 sau 0 (Da sau Nu).

4. lățimea marginii: atributul este util pentru specificarea lățimii spațiului dintre stânga și dreapta marginii cadrului și, de asemenea, conținutul cadrului. Valoarea este dată în pixeli.

De exemplu: lățime marginală = ”10”.

5. marginheight: Atributul este util pentru a specifica înălțimea spațiului dintre partea superioară și inferioară a marginii cadrului și, de asemenea, conținutul cadrului. Valoarea este dată în pixeli.

De exemplu: marginheight = ”10”.

6. noresize: Acest atribut împiedică practic utilizatorul să efectueze modificări la cadrele deja prezente. În absența acestui atribut, orice cadru poate fi redimensionat.

De exemplu: noresize = „noresize”

7. defilare: acest atribut preia controlul aspectului barelor de defilare care sunt prezente pe cadru. Valoarea fie „da”, „nu”, fie „auto”.

De exemplu: defilare = „nu” înseamnă că nu ar trebui să aibă bare de defilare.

8. longdesc: Acest atribut vă permite să furnizați un link către o altă pagină care conține o descriere lungă a conținutului cadrului.

De exemplu: longdesc = ”framedesc.htm”

Cadre și suport pentru browser

Navigatoarele vechi nu acceptă cadre, atunci elementele ar trebui să fie afișate utilizatorului.

În practică, elementul ar trebui plasat în interiorul elementului, deoarece se presupune că înlocuirea elementului. Dacă browserul nu reușește să înțeleagă elementul, atunci înțelege conținutul elementului care este conținut în element.

Este o abordare plăcută de a pune un mesaj în astfel de scenarii pentru utilizatorii care folosesc browsere vechi. Mesaje precum „Ne pare rău! Browserul dvs. nu acceptă cadre. ”Pentru a notifica.

Concluzie - Cadre HTML

Tehnologia Frame nu este acceptată de un număr mare de browsere în aceste zile. De multe ori, se observă că conținutul paginii web nu este afișat corect pentru dispozitivele mai mici. În orice caz, este bine să aveți cunoștințe despre ceea ce a existat, astfel încât modelele mai bune să poată fi dezvoltate pentru a fi compatibile cu noile tehnologii.

Articole recomandate

Acesta este un ghid pentru cadre Html. Aici discutăm diferitele tipuri de cadre în HTML și Tipurile de etichete de cadre cu cadre și suport pentru browser. De asemenea, puteți consulta articolul următor pentru a afla mai multe -

  1. Creați tabele în HTML
  2. Editori de text HTML
  3. Versiuni de HTML
  4. Etichete de imagine HTML
  5. Blocuri HTML
  6. Evenimente HTML
  7. Top 5 Atribute de eveniment HTML cu exemple
  8. Setați o culoare de fundal în HTML cu Exemplu