Akany site: ny fomba hanaovana ny fototra sary HTML

Maro ny fahaizana tranonkala endrika, ihany mba handalina any an-votoatin'ny ny fananganana toerana, matetika manontany tena hoe ahoana no hanaovana HTML sary afara. Ary raha ny sasany amin'izy ireo dia afaka hiatrika olana io, dia mbola olana tamin'ny fotoana mamelatra ny lanitra manontolo sakan'ny ny sary eo amin'ny Monitor. Mandritra izany fotoana izany aho dia te-hahita ny toerana dia aseho identically rehetra navigateur, noho izany dia tokony hanatanteraka ny fepetra takiana amin'ny hazo fijaliana-navigateur. Afaka nametraka ny fototra tamin'ny fomba roa: amin'ny alalan'ny fampiasana HTML Tags sy ny CSS fomba. Tsirairay ho an'ny tenany misafidy ny safidy tsara indrindra. Mazava ho azy, CSS fomba fa tsy hoe zavatra mety, satria ny fehezan-dalàna dia voatahiry ao amin'ny iray hafa rakitra ka tsy mitondra fanampiny mpiteny ao amin'ny tena toerana ny Tags, fa aoka aloha isika handinika tsotra fomba noho ny fametrahana ny sary teo amin'ny mombamomba ny toerana.

Basic HTML Tags mba hamorona ny fototra

Noho izany, dia mandeha any amin'ny fanontaniana ny amin'ny fomba hanaovana ny sary afara eo amin'ny HTML eo amin'ny efijery. Mba hijery tsara tarehy toerana, dia tsy maintsy mahalala ny iray fa zava-dehibe tsipiriany; fa ampy ny hanao gradient fototra na nandoko azy io ho mafy orina loko, fa raha toa ka mila mba ampidiro eto ny sary afara, dia tsy manainga ny feno sakan'ny efijery. Ny sampy no teo am-boalohany ilaina mba haka na hahatonga ny ny famolavolana izany fanitarana, izay no maneho ny pejy ny toerana. Raha tsy ny sary afara dia vonona, hisintona azy ho fampirimana antsoina hoe «Images». Ao izany, dia hitahiry ny nampiasa sary, sary fihetsik'ireo sary mihetsika sy ny antontan-taratasy hafa. Lahatahiry io dia tokony ho hita ao amin'ny fototry lahatahiry amin'ny HTML rehetra raki-daza. Ankehitriny dia afaka mifindra ka hatramin'ny ilay mari-pamantarana. Misy safidy maro ho an'ny fanoratana fehezan-dalàna, izay ny fototra hanova ny sary.

1. Soraty tenifototra toetra.
2. Amin'ny alalan'ny fomba CSS ao amin'ny fehezan-dalàna HTML.
3. Soraty CSS amin'ny fomba miavaka rakitra.

Ary toy ny HTML mba hahatonga ny sary afara, manapa-kevitra, fa te hilaza teny vitsivitsy mikasika ny fomba dia ho tandrify ny tena. Ny fomba voalohany dia amin'ny alalan'ny fanoratana alalan'ny tenifototra toetra efa ela no lany andro. Ny safidy faharoa dia ampiasaina be loatra, satria raha ny fandehany fa be dia be ny fehezan-dalàna izany. Ny safidy fahatelo no tena fahita sy mahomby. Ireto misy ohatra ny HTML tags:

1. Fomba fandraisam-peo voalohany amin'ny alalan'ny tenifototra toetra (vatana) amin'ny index.htm rakitra. Izany dia voatahiry ao amin'ny endrika ity: (vatana fototra = "folder_name / Nazvanie_kartinki.rasshirenie") (/ vatana). Izany hoe, raha manana sary mitondra ny lohateny «Sary» sy ny fanitarana JPG, ary ny fampirimana no atao hoe «Images», dia ny HTML-fehezan teny dia hijery toy izao: (vatana fototra = "Images / Picture.jpg") ... (/ vatana) .
2. Ny fomba faharoa tafiditra nanoratra ny CSS fomba, fa izay voasoratra ao amin 'ny rakitra iray mitondra ny anarana index.htm. (Body style = "eo andamosina: URL ( '../ Images / Picture.jpg')").
3. Ny fomba fahatelo ny fandraisam-peo atao roa raki-daza. Ny antontan-taratasy miaraka amin'ny anarana index.htm tenifototra (loha) voasoratra toy izany andalana: (loha) (rohy rel = "stylesheet" type = "text / CSS" href = "http: // toerana / lahatsoratra / 193110 /% D0% 9F % D1% 83% D1% 82% D1% 8C_% D0% BA CSS_faylu ") (/ loha). Ny rakitra antsoina hoe fomba style.css efa manoratra: vatana {eo andamosina: URL (Images / Picture.jpg ')}.

Ary toy ny HTML mba hahatonga ny sary afara, takatsika. Ankehitriny dia mila mahatakatra ny fomba haninjitra ny sary manerana ny sakan'ny efijery iray manontolo.

Fomba maninjitra ny sary afara ny sakan'ny ny varavarankely

Tsy misolo tena ny lamba eo amin'ny endriky ny isan-jato. Raha ny fandehany fa ny sakan'ny manontolo sy ny lavan'ny efijery dia ho 100% × 100%. Mila haninjitra ny sary izany sakany. Hanampy ny sary rakitra fandraisam-peo style.css tsipika izay haninjitra ny sary eo amin'ny sakany sy ny lavany manontolo ny Monitor. Araka ny voasoratra ao amin'ny CSS fomba? Tena tsotra!

vatana

{

andamosina: URL (Images / Picture.jpg ')

andamosina-size: 100%; / * Ity lahatsoratra ity dia mety ho an'ny navigateur maoderina indrindra * /

}

-Kevitra àry izahay hoe ahoana no hanao sary lafika amin'ny HTML eo amin'ny efijery. Misy ihany koa ny fomba nirakitra an-tsoratra ao amin'ny index.htm rakitra. Na izany fomba sy lany andro, fa beginners dia ilaina ny mahafantatra sy mahatakatra. Ny tenifototra (loha) (fomba) DIV {andamosina-size: rakotra fanaovam-panavotana; } (/ Style) (/ lohany), ity rakitsoratra ity dia midika fa zarao ho vondrona manokana ho an'ny fototra, izay ho napetraka nandritra ny manontolo sakan'ny am-baravarankely. Efa nandinika fomba roa, ny fomba hanaovana ny fototra sary HTML toerana, ka ny sary dia namelatra ny manontolo ny sakan'ny lamba na inona na inona ny navigateur ankehitriny.

Ahoana no hanao raikitra lafika

Raha manapa-kevitra ny hampiasa ny sary ho toy ny fototra ny aterineto ho avy loharanon-karena, dia tokony ho fantatrao fotsiny ny fomba raikitra hanaovana azy, mba tsy naninjitra ny lavany ary tsy manimba ny hatsarana tarehy. Fotsiny amin'ny alalan'ny fampiasana fehezan-dalàna HTML kely fisoratana anarana koa. Mila hametraka style.css hanampy ny andian-teny rehefa avy eo andamosina: URL (Images / Picture.jpg ') raikitra; na raha tokony nanampy taorian'ny semicolon tsipika miavaka - toerana: raikitra. Noho izany, ny temotra dia ho raikitra. Nandritra scrolling afa-po teo amin'ilay toerana, dia ho hitanao fa lahatsoratra tsipika no mihetsiketsika, fa ny fototra dia mitoetra ao toerana. Noho izany dia nianatra ny fomba hanaovana sary lafika HTML, amin'ny fomba maro.

Miara-miasa amin'ny Tables in HTML

Maro ny kely saina tranonkala mpandraharaha, miatrika latabatra sy ny kilalao miendrika biriky, matetika dia tsy hahatakatra ny fomba hanaovana HTML sary lafika latabatra. Toy ny rehetra ekipa HTML sy CSS fomba, ny tranonkala teny fandaharana dia somary tsotra. Ary ny vahaolana ho ity olana ity dia ny hanoratra roa andalana ny fehezan-dalàna. Tokony ho efa fantatrao fa latabatra fanoratana ny andalana sy tsanganana, tsirairay avy, araka ny nambara tamin'ny Tags (Tr) sy (TD). Mba hahatonga ny mombamomba ny latabatra ny endriky ny sary, dia ilaina ny hanampy ny tenifototra (latabatra), (Tr) na (TD) ny fehezanteny tsotra iray izy ny amin'ny boky sary: fototra = URL sary. Fa mazava, dia manome roa ohatra.

Latabatra miaraka amin'ny sary fa tsy ny eo andamosina: HTML ohatra

Manaova 2x3 latabatra ary ataovy ny sary afara voatahiry ao amin'ny lahatahiry "Sary": (table fototra = "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) (/ table). Ary ny latabatra dia ho voasariky eo aoriana ny sary.

Ary nanatsoaka ny takelaka mitovy habe ny 2x3, fa ampidiro eto ny sary ao amin'ny tsanganana voalamina 1, 4, 5 ary 6 (table) (Tr) (TD fototra = "Images / Picture.jpg") 1 (/ TD) (TD) 2 (/ TD) (TD) 3 (/ TD) (/ tr) (tr) (TD fototra = "Images / Picture.jpg") 4 (/ TD) (TD fototra = "Images / Picture.jpg") 5 ( / TD) (TD fototra = "Images / Picture.jpg") 6 (/ TD) (/ tr) (/ table). Rehefa avy nijery hitantsika fa ny fototra hita afa-tsy ireo sela ao izay voasoratra anarana, fa tsy ny latabatra rehetra.

Cross-navigateur mifanentana toerana

Misy zavatra toy izany ho toy ny hazo fijaliana-navigateur tranonkala mifanentana loharanon-karena. Izany dia midika fa ny toerana dia mitovy tsara aseho amin'ny karazana samy hafa sy ny dikan-ny navigateur. Tokony ho HTML fehezan-dalàna sy ny CSS fomba ilaina mba ampanjifaina ny navigateur. Ankoatra izany, dia ao amin'ny vanim-potoana maoderina ny marani-tsaina finday, tranonkala maro mpandraharaha miezaka mamorona toerana sy hifanaraka ny finday sy ny solosaina dikan-hijery.