Nesting site: sei kuti kumashure mufananidzo HTML

Vazhinji ruzivo padandemutande vagadziri, chete yakawanda yokunyatsoongorora musimboti pakusikwa nzvimbo, kazhinji vanonetseka sei kuita HTML nechekumashure mufananidzo. Uye kana vamwe vavo vanogona kukurira dambudziko iri richiri dambudziko panguva Munotatamura rose upamhi mufananidzo pamusoro Monitor. Panguva iyoyo ndinoda kuona nzvimbo dziri kuratidzwa zvakafanana pamusoro browsers zvose, saka zvinofanira kuzadzisa zvinodiwa muchinjikwa Browser. Unogona kuisa mabviro nenzira mbiri: achishandisa HTML Tags uye CSS zvekunyanyisa. Mumwe nomumwe pachake akasarudza zvakanaka kuita. Chokwadi, CSS manyorerwo zvakawanda nyore, nokuti bumbiro rayo kunochengetwa ari oga faira uye usingatori mamwe vakurukuri ari mukuru nzvimbo yacho Tags, asi kutanga ngatikurukurei nzira nyore kugadzwa chifananidzo pakanyorwa nzvimbo.

Basic HTML Tags kusika kumashure

Saka, tinofanira kuenda mubvunzo sei kuti tisaone mufananidzo iri HTML pamadziro. Kuti kutarisa runako nzvimbo, unofanira kunzwisisa imwe asi chinokosha Zvaringana chete kuti gradient yakabudirira kana pendi nayo yakasimba ruvara, asi kana unofanira dzinoisa nechekumashure mufananidzo, hazvizovi ruoko zvizere upamhi Monitor. Terafimi pakutanga zvakakodzera tonotora kana kuti kwako akaitwa pamwe chiwedzerwa ichi, umo muchava kuratidza peji nzvimbo. Chete kana nechekumashure mufananidzo wagadzirwa, achizvuzvurudza ndokuita forodha ainzi «Images». Mariri, tichava kuchengeta zvose kushandiswa mifananidzo, Animations nezvimwe kwakajeka mafaira. forodha Izvi zvinofanira iri mudzi Directory pamwe HTML wako zvose mafaira. Zvino unogona kufamba pamusoro uye bumbiro remitemo. Pane nzira dzakawanda kwazvo kunyora code, izvo mabviro ichachinja mufananidzo.

1. Nyora chipepa chizenga.
2. Kuburikidza CSS Style ari HTML remitemo.
3. Nyora CSS kuno- ari oga faira.

Sezvo ari HTML kuti nechekumashure mufananidzo, iwe kusarudza, asi ndinoda kutaura mashoko mashomanana sei zvaizova kupfuura Zvakanyanya Kunaka Panguva Yepamuviri. nzira yokutanga kunyora kuburikidza chipepa chizenga vagara usingachashandi. Kusarudza chechipiri rinoshandiswa chaizvo kashoma, nokuti zvinoitika kuti yakawanda zvakafanana remitemo. Chechitatu nzira ndicho uye inobudirira. Heino mienzaniso HTML tags:

1. wokutanga kurekodha nzira The. kuburikidza Tag chizenga (muviri) mu index.htm faira Zvinonzi inochengetwa chimiro ichi: (muviri nechekumashure = "folder_name / Nazvanie_kartinki.rasshirenie") (/ muviri). Ndiko, kana tine mufananidzo pamwe rokuti «Mufananidzo» uye uyewo jpg, uye folder isu ainzi «Images», ipapo HTML-bumbiro kupinda vachatarira seizvi: (muviri nechekumashure = "Images / Picture.jpg") ... (/ muviri) .
2. nzira yechipiri inosanganisira Pakunyora CSS Style, asi zvakanyorwa mune imwe faira nezita index.htm. (Body Style = "nechokumashure: URL ( '../ Images / Picture.jpg')").
3. The nzira kurekodha rechitatu unoitwa mafaira maviri. Gwaro nezita index.htm Tag (musoro) rakanyorwa tambo yakadaro: (musoro) (vang rel = "stylesheet" mhando = "chinyorwa / CSS" href = "http: // nzvimbo / nyaya / 193110 /% D0% 9F % D1% 83% D1% 82% D1% 8C_% D0% BA CSS_faylu ") (/ musoro). A faira inonzi style.css Style kare kunyora: muviri {nechokumashure: URL (Images / Picture.jpg ')}.

Sezvaiitwa HTML kuti nechekumashure mufananidzo, tinonzwisisa. Zvino unofanira kufunga sei kutambanudza mufananidzo mhiri upamhi yose chidzitiro.

Nzira ruoko mabviro mufananidzo kune upamhi hwindo

Tinomiririra chidzitiro wedu wakaita chikamu. Zvakaratidza kuti yose upamhi uye Kureba chidzitiro achava 100% × 100%. Tinofanira ruoko mufananidzo upamhi ichi. Wedzera mufananidzo faira kurekodha style.css mutsetse kuti uchatambanudza mufananidzo pamusoro yose upamhi uye kureba Monitor. Sezvazvakanyorwa muna CSS Style? Hazvina nyore!

muviri

{

nechokumashure: URL (Images / Picture.jpg ')

nechokumashure-size: 100%; / * Izvi pambiru zvakakodzera browsers vakawanda ano * /

}

Saka isu afunga sei kuita mufananidzo yechipiri HTML pamadziro. Panewo nzira pakunyora ari index.htm faira. Kunyange ichi nzira uye yechinyakare, asi nokuda beginners zvakafanira kuziva uye kunzwisisa. The chipepa (musoro) (maitiro) div {nechokumashure-size: pabutiro; } (/ Style) (/ musoro), chinyorwa ichi zvinoreva kuti isu govera chaizvo chairema nokuda kumashure, izvo zvichaita kuti akaiswa pamusoro yose upamhi hwindo. Takurukura nzira mbiri, sei kuti vasava mufananidzo HTML nzvimbo, saka kuti mufananidzo ruchatambanudzirwa akazara upamhi chinovhara chero ano browsers.

How kuti wakaiswa kumashure

Kana ukasarudza kushandisa mufananidzo sezvo pakanyorwa yemberi padandemutande zvekuvaka, ipapo iwe chete kuziva sei kuti wakaiswa, kuti haisi rwakatambanudzwa pakureba uye haana vakapamba aesthetic chitarisiko. Simply nokushandisa HTML remitemo kunyoresa chiduku Kuwedzera. Unofanira ikwidzwe style.css kuwedzera mutsara pashure nechokumashure: URL (Images / Picture.jpg ') wakaiswa; kana pane akawedzera mushure semicolon yoga mutsetse - nzvimbo: wakaiswa. Saka, Wallpaper wenyu ndee. Panguva scrolling kugutsikana panzvimbo, uchaona kuti chinyorwa Rwonzi kutamira, asi mabviro anoramba panzvimbo. Saka iwe wakadzidza sei kuita HTML mamiriro mufananidzo, nenzira dzakawanda.

Kushanda Tables muna HTML

Vazhinji ruzivo padandemutande Developers, atarisana matafura namatombo, kazhinji havanzwisisi sei kuti tafura HTML mufananidzo background. Kufanana zvose zvikwata HTML uye CSS zvitaera, mutauro padandemutande zvirongwa zviri chaizvo nyore. Zvino dambudziko iri kunyora peya mitsetse remitemo. Unofanira munotoziva kuti kunyora tafura mitsara neshongwe, ukuwo, sezvinoratidzwa Tags (TR) uye (td). Kuti pakanyorwa tafura muchimiro chifananidzo, zvakakodzera kuwedzera chipepa (tafura), (TR) kana (td) rakanaka mutsara achitaura kuti bhuku mufananidzo: nechekumashure = URL mifananidzo. Kuti zvijeke, tinopa kuchitsauko mienzaniso.

Tafura ine mufananidzo pachinzvimbo necheshure: HTML mienzaniso

Dhirowa tafura 2x3 uye kuti mamiriro mufananidzo mumabhatiri folder "Zvifananidzo": (tafura nechekumashure = "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) (/ tafura). Saka tafura yedu kumbokweva pakanyorwa mufananidzo.

Zvino kuzochera chete ndiro hukuru pamusoro 2x3, asi vemabhuku mufananidzo ari mbiru kuverengwa 1, 4, 5 uye 6. (tafura) (TR) (td nechekumashure = "Images / Picture.jpg") 1 (/ td) (td) 2 (/ td) (td) 3 (/ td) (/ TR) (TR) (td nechekumashure = "Images / Picture.jpg") 4 (/ td) (td nechekumashure = "Images / Picture.jpg") 5 ( / td) (td nechekumashure = "Images / Picture.jpg") 6 (/ td) (/ TR) (/ tafura). Pashure pokuona tinogona kuona kuti kumashure anongowanika masero iwayo dzatinomira vakanyorwa, uye kwete tafura yose.

Cross-Browser kugarisana nzvimbo

Pane here chinonzi pamuchinjikwa-Browser kugarisana padandemutande upfumi. Izvi zvinoreva kuti nzvimbo yenyu zvakafanana zvakanaka mukuita mhando dzakasiyana neshanduro browsers. Zvinofanira kuva HTML remitemo uye CSS zvitaera kuti gadzirisa rinofanirawo browsers. Uyezve, mune ano nguva akangwara phones, vakawanda padandemutande Developers vari kuedza kuumba nzvimbo uye chakatorwa nokuda Mobile Shanduro uye kombiyuta akatarira.