Asava mutendi mutsva padandemutande vagadziri: sei kuti rugwaro aibuda kumativi mifananidzo

Munyaya ino, tichakurukura kukuudza pamusoro zviri HTML uye CSS, izvo chokuita mifananidzo. Uchadzidza kuti pinza vave HTML-gwaro. Nyaya munewo mashoko sei kuchinja mufananidzo Kurongwa, uye kuronga rugwaro riyerere akapoteredza mufananidzo.

First - sei pinza mufananidzo. Nokuti ichi pane kuti chipepa "IMG", iro rine zvakawanda hunhu. The chikuru kwavari - "src". In rinochengeta pakero iro Browser anogona vemabhuku mufananidzo. Unogona kutaridzwa nzira chifananidzo kare mudura kombiyuta, kana kupa kubatana kuti dandemutande upfumi.

Hapana kashoma kukosha unhu ungatakurwa - "width" (upamhi) uye "kukwirira" (urefu). Ivo anoshandiswa manually resize mifananidzo (rinokosha chingaitwa ndichisveerera uye compressing mifananidzo).

Kutevedzerwa parameters "hspace" uye "vspace" (chinhambwe kubva mufananidzo kune yakapoteredza chinyorwa). Zviri pachena, "hspace" - chinjikira padding uye "vspace" - tote.

We Tag ane hunhu hwakadai "alt" uye "title". Ivo akafanana mumwe, sezvo avo chinangwa ndiko kutsanangura chifananidzo. Asi "title" ushandiswe rugwaro rwunoratidzwa kana iwe kuyengerera negonzo pamusoro mufananidzo, uye chaiwo kukosha "alt" chizenga unoratidzwa mune chiitiko kuti zvakanga zvisingaiti kuti Upload chifananidzo.

Kune vashoma chaiwo hunhu kuti varipo vari vazhinji tags. Izvi "accesskey", "boka", "ID" uye "manyorerwo". "Accesskey" rinotsanangura mubatanidzwa makiyi, kuburikidza iyo kuwana chinhu. "Kirasi" uye "ID" - parameters chokuita CSS. Ivo tsanangura kirasi kuti raiva mufananidzo (kana ayo identifier). "Style" - chizenga rugwaro, vachibvumira kuti tikaisa yakavakwa-nomufananidzo CSS-mhanya.

Mumwe parameters dzaanofanira pakuonekwa mufananidzo ndiwo "muganhu". It anosarudza pakukora kumuganhu rwakapoteredza chinhu uye anogona kuiswa chero zvakanaka integer (mu pixels).

Rinotevera chizenga - "swatanudza". Iye rinotsanangura chinyorwa nokuyerera akapoteredza mufananidzo. Ipfungwa Izvi zvinogona kuisa kuti "pasi", "pakati", "vasara", "kodzero" uye "pamusoro". Imwe neimwe tsika anosarudza apo kuisa mufananidzo pamusoro wenyaya. Somuenzaniso, imwe kukosha "pakati" mufananidzo pakati iri dzichienderana kusvikira yepazasi kumuganhu murugwaro, ukuwo "akasiya" - chinhu achava kuruboshwe chorugwaro. Asi iyi ndiyo imwe chete nzira yokuisa mashoko aibuda akapoteredza mufananidzo - HTML.

Pane imwe chishandiso simba - CSS (zvikuru-chinja). Rinogona kushandiswa zvikuru zvinobudirira akaratidza chipepa unhu, kusanganisira rugwaro aibuda akapoteredza mufananidzo. CSS kunoita kuti havatsananguri parameters, kwete chete chaiyo chinhu, uye vose vakaita saiye. Somuenzaniso, kana uchida kutaridzwa indentation mifananidzo yose gwaro iri pixels gumi, zvakakwana kubatanidza kuti CSS-faira naro rimwe chete Musono: "IMG {kumucheto: 10px 10px 10px 10px;}" (mu tsika, asi akatorwa asina kudiwa!).

A chinyorwa kuyerera kumativi zvifananidzo, somuenzaniso, pamusoro kuruboshwe pamupendero richinzi: "IMG {swatanudza: kuruboshwe;}".

Panzira, kuti kuwedzera CSS-bumbiro haana kunyora mufaira. Nokuti Tag "manyorero" ichi anopiwa muna HTML, izvo unogona pinza CSS-romutemo. Asi zvichaita chete kushandira gwaro (kana uchida kuwedzera bumbiro remitemo chete mune vakawanda HTML-mafaira, unofanira kuumba yoga maitiro pepa).

Zvino unogona "sanganisa" mifananidzo yacho, achishandisa kubatsira ehupfumi yacho chipepa, riri basa ichi. Sunungukai kushandisa resize kana putira chinyorwa mifananidzo. Web mapeji pasina Graphics zvinoriumba - zvikuru kusuruvara kuona, handiti?