Html-ramar

Html-ramar är användbara för att dela webbsidan eller webbläsaren i flera avsnitt, de delar sektioner och laddar sedan annorlunda.

A-ram visar innehåll oberoende av behållaren. Flera ramar bildar en samling och är kända som en ramuppsättning. Arrangemanget kan betraktas som liknar orienteringen av rader och kolumner i en tabell. Ramtaggen har tagits bort i HTML5.

Varje ram har en ramtagg att indikera. Den horisontella ramen definieras av radattributet för ramtaggen och det vertikala attributet definieras av kolumnattributet för ramtaggen i HTML-dokumentet. Samma fönster i en ram kan visa ett statiskt banner, en andra navigationsmeny etc.

Syntax of Frames

I HTML finns det ingen sluttagg för taggen. När vi använder ramar på en webbsida använder vi taggen istället för en tagg. Användning är hur vi instruerar webbsidan att dela upp den i ramar Taggen definierar vilket HTML-dokument som ska öppnas som ram.

Attributkolorna tar värdet i pixlar och de hjälper till att ange antalet och storleken på kolumner i en ramuppsättning.

Som vi såg ovan tar attributraderna värdet i pixlar och de hjälper till att specificera antalet och storleken på raderna i en ramuppsättning.

Det bör dock påpekas att taggen har försvunnit i HTML5 och att den inte längre används.

Olika typer av ramar i HTML

Ett av användningarna av ramar har alltid varit att ladda navigeringsfält i en ram och sedan ladda huvudsidorna i en separat ram. A-ramtagg definierar en enda fönsterram i en.

har webbläsarsupport i Chrome, Internet Explorer, Mozilla, Safari och Opera Mini.

De olika och några vanligt förekommande attribut i ramen är attribut som kantlinje, rullning, src, namn etc.

Typer av ramtagg

Taggattributet

Det finns fem viktiga attribut för och vi diskuterar det här:

1. Col: De vertikala ramarna ges av attributet col. Bredden kan dock specificeras på fyra sätt:

  • Pixlar: absoluta värden kan nämnas i pixlar. Om vi ​​måste skapa tre vertikala ramar kan vi ge värdet: cols = ”100, 50, 100”.
  • Procent: Procentandelen av webbläsarfönstret kan nämnas. Om vi ​​måste skapa tre vertikala ramar kan vi ge värdet: cols = ”40%, 20%, 40%”

Vi kan också använda jokertecken här (*) och låta jokerteckenet ta återstående av fönstret som förblir omnämnt.

cols =”30%, *, 30%”

Produktion:

2. Rader: De horisontella ramarna ges av radattributet. Den anger raderna i en ramuppsättning. Om vi ​​måste skapa tre horisontella ramar använder vi:

T.ex.: Rader =”10%, 80%, 10%'.

Vi kan också ställa in höjden på varje rad som vi gjort för kolumner tidigare.

Produktion:

3. Border : Den anger bredden på gränsen för varje ram i pixlar.

Exempel: gräns = ”4”. Om gränsen = ”0”, betyder att det inte finns någon gräns.

4. Frameborder: Om en tredimensionell kant måste visas mellan ramar använder vi detta attribut. Värdet som attributet tar är antingen 1 eller 0 (Ja eller Nej).

Exempel: frameborder = ”0” betyder ingen gräns.

5. Ramavstånd: Detta attribut anger mängden utrymme mellan ramar i en ramuppsättning. Någon heltal kan anges här för detta attribut.

Exempel: ramavstånd = ”12” betyder att mellan ramarna ska det vara avståndet mellan 12 pixlar.

Taggattributet

Det finns 8 attribut som kan listas här i det här avsnittet.

1. src: Vi tillhandahåller filnamnet till detta attribut som ska laddas i ramen. Värdet på detta attribut kan vara vilken URL som helst.

Exempel: src = www.facebook.com

2. namn: Detta attribut ger ett namn på ramen. Den definierar vilken ram ett dokument ska laddas in i. Om du har flera länkar i en ram som laddas in i en annan ram använder vi detta attribut. Sedan behöver den andra ramen ett namn för att identifiera sig själv som länken.

Exempel: namn = ”abc.htm”

3. frameborder: Detta attribut specificeras för att visa om gränserna ska visas eller inte. Värdet ökar är 1 eller 0 (Ja eller Nej).

4. marginalbredd: Attributet hjälper till att ange bredden på utrymmet mellan vänster och höger om ramen och även ramens innehåll. Värdet anges i pixel.

Exempel: marginalbredd = ”10”.

5. marginalhöjd: Attributet hjälper till att ange höjden på utrymmet mellan toppen och botten av ramens kant och även ramens innehåll. Värdet anges i pixel.

Exempel: marginalhöjd = ”10”.

6. noresize: Detta attribut förhindrar i princip användaren från att göra några ändringar i de redan befintliga ramarna. I avsaknad av detta attribut kan alla ramar ändras.

Exempel: noresize = ”noresize”

7. rullning: Detta attribut tar kontroll över utseendet på rullningslisterna som finns på ramen. Värdet antingen ett "ja", "nej" eller "auto".

Exempel: rullning = ”nej” betyder att det inte bör ha rullningslister.

8. longdesc: Detta attribut låter dig tillhandahålla en länk till en annan sida som innehåller en lång beskrivning av ramens innehåll.

Exempel: longdesc = ”framedesc.htm”

Ramar och webbläsarsupport

Gamla webbläsare stöder inte ramar då element ska visas för användaren.

I praktiken bör elementet placeras inuti elementet eftersom elementet är tänkt att ersätta elementet. Om webbläsaren inte förstår element förstår den innehållet i elementet som finns i elementet.

Det är ett trevligt tillvägagångssätt att lägga upp ett meddelande i sådana scenarier för användaren som använder gamla webbläsare. Meddelanden som "Sorry! Din webbläsare stöder inte ramar. ”För att meddela.

Slutsats - Html-ramar

Ramteknologi stöds inte av ett stort antal webbläsare i dag. Många gånger märks det att innehållet på webbsidan inte visas korrekt för mindre enheter. Hur som helst är det bra att ha kunskap om vad som fanns så att bättre modeller kunde utvecklas för att vara kompatibla med ny teknik.

Rekommenderade artiklar

Detta är en guide till HTML-ramar. Här diskuterar vi olika typer av ramar i HTML och typerna av ramtagg med ramar och webbläsarsupport. Du kan också titta på följande artikel för att lära dig mer -

  1. Skapa tabeller i HTML
  2. HTML Text Editors
  3. Versioner av Html
  4. HTML-bildtaggar
  5. HTML-block
  6. HTML-händelser
  7. Topp 5 HTML-händelseattribut med exempel
  8. Ställ in en bakgrundsfärg i HTML med exempel