Nofoaga Nesting: pe faapefea ona faia le ata talaaga HTML

O le tele o mamanu novice web, na o le matūa iloiloina i le ute o le foafoaga o nofoaga, e masani ona tuufesili pe faapefea ona faia faatusa talaaga HTML. Ma afai o nisi oi latou e mafai ona feagai ma lenei faafitauli, o se faafitauli i le taimi lava o le tosoina o le lautele atoa o le ata i le mataitu. I le taimi lava lea e tasi ou te manao e vaai i le nofoaga o loo faaalia identically i uma browsers, o lea e tatau ona faataunuuina ai le manaoga o le satauro-browser. E mafai ona e faatuina e le talaaga i ni auala se lua: e ala i le faaaogaina o HTML pine ma ituaiga CSS. Taitasi mo ia lava e filifili le filifiliga sili ona lelei. O le mea moni, e sili atu le talafeagai faiga CSS, ona lona code ua teuina i se faila e ese ma e lē ave i luga failauga faaopoopo i le pine a le nofoaga autu, ae muamua seʻi o tatou iloiloina se auala faigofie mo faapipii le ata i le pito i tua o le nofoaga.

pine HTML faavae e foafoa ai le talaaga

O lea la, tatou te o atu i le fesili i le auala e faia ai le faatusa o le talaaga i le HTML luga o le lau. Ina ia vaai nofoaga matagofie, e tatau ona e malamalama le tasi i nai taua auiliili: e le o lava le na o le faia o se talaaga gradient po o vali ai se lanu mautu, ae afai e manaomia ona e faaofi le faatusa o le talaaga, o le a le alualu i luma o le lautele atoa o le mataitu. Sa avea o ia talafeagai le faatusa e piki po o le faia lou lava mamanu ma lenei faaopoopoga, lea o le a outou faaali atu le itulau o le saite. Pe afai ua saunia le faatusa talaaga, toso ai i se faila e igoa «Images». I ai, o le a tatou teuina ata faaaoga uma, animations ma isi faila kalafi. e tatau ona tu faila lenei i le tomatauga aʻa ma faila uma lou HTML. O lenei e mafai ona e agai i luma ma le code. E tele ni filifiliga mo tusitusiga code, lea o le a suia le ata o le talaaga.

1. Tusi uiga pine.
2. E ala i CSS faiga i le code HTML.
3. Tusi ituaiga CSS i se faila eseese.

E pei o le HTML e faia le faatusa talaaga o oe e filifili, ae ou te fia fai atu ni nai upu e uiga i le auala o le a sili ona e silisili ona lelei. Le uluai metotia e ala i le tusi e ala i se uiga pine ua leva ona tuai. O le filifiliga lona lua o loo faaaogaina lava e seasea, ona liliu atu o le tele o le tulafono lava lea e tasi. O se filifiliga lona tolu o le e sili ona taatele ma lelei. O ni faataitaiga o ni pine o HTML:

1. O le auala pueina muamua i uiga pine (tino) i faila index.htm. O loo teuina i totonu o lenei pepa: (tino talaaga = "folder_name / Nazvanie_kartinki.rasshirenie") (/ tino). O le, pe afai e ia i tatou se ata ma le igoa «Ata» ma faaopoopoga JPG, ma le faila tatou igoa «Images», ona le ulufale code-HTML le a foliga o lenei: (tino talaaga = "Images / Picture.jpg") ... (/ tino) .
2. O le auala lona lua e aofia ai le faamauina o se faiga CSS, ae ua tusia i totonu o le faila lava lea e tasi i le suafa index.htm. (Pule faiga = "talaaga: URL ( 'Images ../ / Picture.jpg')").
3. O le auala lona tolu o faamaumauga ua faia i faila e lua. O le pepa aloaia i le suafa pine index.htm (ulu) ua tusia e se laina: (ulu) (sootaga rel = "stylesheet" ituaiga = "mau / css" href = "http: // nofoaga / mataupu / 193110 /% D0% 9F % D1% 83% D1% 82% D1% 8C_% D0% Ba CSS_faylu ") (/ ulu). A faila taʻua style.css faiga ua uma ona tusi: tino {talaaga: URL (Images / Picture.jpg ')}.

E pei o le HTML e faia le faatusa talaaga, ua tatou malamalama i ai. O lenei e tatau ona e fuafua pe faapefea ona faaloaloa o le faatusa i le lautele o le lau atoa.

Auala e faaloaloa le faatusa talaaga i le lautele o le faamalama

Tatou faatusa io tatou screen i le tulaga o se pasene. E liliu atu o le a 100% lautele atoa ma le umi o le screen × 100%. E manaomia ona tatou faaloaloa le faatusa i lenei lautele. Faaopoopo i le laina style.css pueina faila faatusa lea o le a faaloaloa le ata i luga o le lautele atoa ma le umi o le mataitu. E pei ona tusia i faiga CSS? E le faigofie!

tino

{

talaaga: URL (Images / Picture.jpg ')

talaaga-tele: 100%; / * O lenei tulaga e talafeagai mo sili ona browsers po nei * /

}

Ina ia tatou mafaufau i le auala e faia ai se talaaga ata i le HTML luga o le lau. E i ai se auala foi o le faamaumauina i totonu o le faila index.htm. E ui o lenei auala ma le toe aoga, ae mo e amataina ai e talafeagai ina ia iloa ma malamalama i ai. O le pine (ulu) (faiga) div {talaaga-tele: faavaa; } (/ Faiga) (/ ulu), lenei talafaamaumau o lona uiga o le a tatou atofa se iunite faapitoa mo le talaaga, lea o le a faatulagaina i luga o le lautele atoa o le faamalama. Tatou mafaufau i auala e lua, o le auala e faia ai se nofoaga HTML ata talaaga, ina ua faaloaloa le faatagata i le lautele atoa o le screen i so o se browsers nei.

Le auala e faia ai se talaaga faatulagaina

Afai e te filifili e faaaoga se ata o le talaaga o le punaoa web le lumanai, e tatau ona iloa ai lea e le na o le auala e faia tumau, ina ia e le faaloaloa umi ma e leʻi faaleagaina ai le foliga matagofie. E ala i le faaaogaina o code HTML le faamauina o se tamai faaopoopo. E tatau ona faatoai style.css e faaopoopo a faaupuga i talaaga: URL (Images / Picture.jpg ') faatulagaina; po o le ae faaopoopo ina ua uma laina e ese le semikolona - tulaga: faatulagaina. O lea, o le a faaleleia lau pepa puipui. I le taimi o le faasolo mataupu i luga o le saite, o le ae iloa ai o le mau agai laina, ae e tumau pea le tulaga i nofoaga. Ina ia aoaoina le auala e faia faatusa talaaga HTML, i le tele o auala.

Le galulue faatasi ma papamaa i HTML

E toatele developers poto masani web, feagai ma laulau ma poloka, e masani ona le malamalama i le auala e faia laulau talaaga faatusa HTML. E pei uma HTML au sitaili ma CSS, o se tulaga sagatonu faigofie le gagana polokalame web. Ma le fofo i lenei faafitauli o le tusi se pea laina o code. E tatau ona uma ona iloa o le tusiaina o se laulau o laina ma pou, faasologa, e pei ona faailoa mai i le pine (tr) ma le (td). Ina ia faia i le talaaga o le laulau i le tulaga o se faatusa, e talafeagai ona faaopoopo atu i le pine (laulau), (tr) po o (td) se fuaitau e faatatau faigofie i le faatusa faasinomaga: talaaga = ata URL. Mo le manino, tatou te tuuina atu se ulugalii o faataitaiga.

Laulau faatasi ai ma se ata ae le o le talaaga: HTML faataitaiga

Tusi se 2x3 laulau ma faia ai le faatusa talaaga teuina i le faila "Images": (laulau talaaga = "Images / Picture.jpg") (tr) (td) 1 (/ td) (td) 2 (/ td) (td) 3) (/ td) (/ tr) (tr) (td) 4 (/ td) (td) 5 (/ td) (td) 6 (/ td) (/ tr) (/ laulau). O lea o le a tosina lo tatou laulau i tua o le ata.

O lenei tusi le ituaiga ipu e tasi o 2x3, ae faaofi se ata i koluma faitaulia 1, 4, 5 ma le 6. (laulau) (tr) (td talaaga = "Images / Picture.jpg") 1 (/ td) (td) 2 (/ td) (td) 3 (/ td) (/ tr) (tr) (td talaaga = "Images / Picture.jpg") 4 (/ td) (td talaaga = "Images / Picture.jpg") 5 ( / td) (td talaaga = "Images / Picture.jpg") 6 (/ td) (/ tr) (/ laulau). Ina ua uma ona vaavaai e mafai ona tatou iloa e foliga mai le talaaga na i na sela o loo tatou faamauina, ae le o le laulau atoa.

Cross-browser nofoaga ogatasi

O loo i ai se mea e pei o se satauro-browser ogatasi punaoa web. O lona uiga o lou nofoaga ua tutusa lelei faaalia i ituaiga eseese ma lomiga o browsers. E tatau ona avea HTML code ituaiga ma CSS e customize a browsers tatau ai. Lē gata i lea, i le vaitaimi o aso nei o le telefoni poto, o le toatele developers web o loo taumafai e faia nofoaga ma fetuunai mo lomiga feaveai ma a vaai komepiuta.