Conas a HTML a chur isteach grafach, an íomhá cúlra. Conas a chur isteach íomhá HTML isteach leis an ríomhaire i lár, an tábla

Tá an chuid amhairc ar cheann de na cinn is tábhachtaí agus iad ag obair le láithreáin. Ar ndóigh, tá feidhmiúlacht níos lú, ach freisin le caith amach le sé nár chóir go mbeadh cuntas. A ligean ar labhairt faoi conas ar ríomhaire ar an suíomh seo a shuiteáil íomhá HTML. Tá Féidearthacht amháin don soláthar, nó níos mó? Conas a HTML a chur isteach íomhá go bhfuil daoine eile le feiceáil air? Cad níos fearr a úsáid - ríomhaire nó freastalaí?

Cad é HTML?

Teanga Markup doiciméid hipirtéacs - gur sheas an t-acrainm do. Leis déanta sé seasamh an suíomh sa todhchaí, anseo d'oibrigh sé a chur ar an príomheilimintí. Ansin arna chur ar bun cascáideacha stíl leatháin, agus php-comhaid atá freagrach as tarchur na sonraí. Ach ag croílár an leathanaigh bhfuil ach HTML. Le é, dála an scéil, an íomhá atá leagtha. Tá bealaí eile, ach más mian leat chun muirear tosaigh rud simplí, cosúil le líníocht a chur ar fáil, a úsáid a ainm. Agus lig anois ar an cheist a thairiscint a shoiléiriú mar go HTML a chur isteach íomhá.

Ag baint úsáide as tag img

Dul chun úsáid a bhaint as grafaicí. Conas a chur isteach íomhá cúlra sa HTML-doiciméid? Agus an gcéad dul síos i gceist ag an comhad mar mhír ionsáite sa réad leathanach. Mar seo tá an Chomh maith leis agus a úsáidtear img. Tá an chlib na heilimintí líne, wherein an t-ábhar displaceable. Cuimsíonn sé gach ceithre cinn de na téacs Hyper Markup Language. Is src, airde agus leithead, beidh siad a mheas níos mó - One. Trí cinn eile - an rud, leabú (a chur isteach na meáin ábhar) agus an iframe (úsáid na lasracha). Oibríonn Clib amhail is dá mba tá sé mhír líne. An difríocht amháin - úsáidtear ábhar seachtrach neamhúdaraithe, atá ar taispeáint. Agus caithfidh sé a bheith ina pháirtí sa comhad a, i ndáiríre a bheidh, a luchtú. Má tá ceist agat, conas a chur isteach íomhá cúlra i HTML, is fearr a scriosadh é. Toisc go mbeidh sé ar taispeáint ach amháin nuair a oibríonn an ríomhaire féin, ar a bhfuil an íomhá suite.

Ag baint úsáide as an tréith src

Mar sin, tá muid ag smaoineamh ar an tsaincheist maidir le conas a chur isteach cáipéis HTML i íomhá grafacha. A shonrú ar an cosán ar an pictiúr, a bhfuil a luchtú, ag baint úsáide as src. Tá an scéim ghinearálta mar seo a leanas: ní mór duit a bhaint as an tréith, a shíniú ionann agus iontráil an seoladh.

Chomh luath agus a thagann parsáil bhrabhsálaí HTML don chlib, beidh sé a chruthú láithreach limistéar ina mbeidh mír líne le feiceáil. Tá sé i dó agus beidh comhad seachtrach luchtú. Níor chóir an cosán go bhfuil earráidí, ós rud é go bhfuil sé dó chun dul go dtí an gclár. Agus más rud é nach bhfuil sí a aimsiú an comhad, beidh sé a thaispeáint deilbhín earráid nach bhfuil an-aesthetically taitneamhach agus tá. Conas a chur isteach íomhá i dtábla HTML-doiciméid? Is gá clárú go léir an cód an suíomh ceart.

Coigeartaithe an íomhá ar an bhfreastalaí: airde agus leithead an chlib img

Mar sin, tá a fhios againn conas a HTML a chur isteach íomhá. Lig dúinn anois scrúdú a dhéanamh ar conas a chumrú air. Chomh luath agus a thosaíonn an comhad atá íoslódáil don úsáideoir ar an ríomhaire, beidh sé méid pictiúr mínithe díreach. Agus cad más rud é nach ndéanann sé a fhreagraíonn do na paraiméadair tosaigh an atá ag teastáil? Sa chás seo, is féidir na paraiméadair cuidiú leis an airde agus leithead (líon na n-pixel). Sa chás seo, beidh an cód a fhorordú mar a leanas: an chéad, src agus seoladh an chomhaid. Ansin, le struchtúir den chineál céanna leithead in iúl, agus ba cheart a bheith ar an leithead. Agus na deireanach - airde agus airde. Stiúrthóirí gréasáin a dhéanamh go minic an botún: an bhfreastalaí uaslódáil comhad mór a bhfuil a mhéid is éagsúla meigibheart. Forordaithe cosán, agus a choigeartú an íomhá ar an méid atá ag teastáil. Mar thoradh air sin, is féidir leis an úsáideoir contemplate mar go leor go mall luchtaithe íomhá beag. Ní hé seo an cuma an-achomharc ón taobh amuigh.

Moltaí le haghaidh obair

Chun a sheachaint cinn diúltach laghdú ar an méid íomhá. Mura bhfuil tú cinnte a roghanna atá de dhíth le haghaidh cuma tharraingteach, déan cóip agus triail a bhaint as é. Chomh maith leis sin, ba chóir cúram a ghlacadh chun cur chuige bainistíochta meáchain. Is gá a chur i gcrích gan aon chaillteanas cáilíochta meáchan a laghdú de chomhaid íomhá trína thiontú go na síntí eile nó trí úsáid a bhaint as na seirbhísí agus na gclár speisialta ar líne. Tá sé oiriúnach ní amháin do úsáideoirí an tsuímh, ach freisin ar an stiúrthóir gréasáin - mar go mbeidh na comhaid sin a luchtú níos tapúla agus áitiú spás níos lú ar a óstáil.

cumais taifeadadh Sampla

A ligean ar breathnú ar conas is féidir leat a leagtar ar an cosán ar an íomhá:

1. Ainm comhaid a hAon.

2. Tabhair faoi deara Seoladh íomhá lonnaithe ar ríomhaire áitiúil amháin (freastalaí).

3. cosán mionsonraithe don suíomh an chomhaid ar a lán difriúil.

Agus tú ag úsáid an sampla den chéad mhír den íomhá a bheith ar an eolaire céanna leis an íomhá. Is é an dara suíomh Fo-Fhillteán i gcomparáid leis an leathanach atá ann faoi láthair. Sonraíonn an tríú sampla an cosán iomlán i gcás go bhfaighidh an íomhá is mian leat. Sa chás deireanach sin, faoi deara gur féidir leis an pictiúr a bheith ar aon fhreastalaí (mura bhfuil úsáid den sórt sin cosc ar sa chomhad htaccess). Mar sin féin, má tá sé as oifig, agus imíonn an íomhá ar do shuíomh. Is HTML gné go n-éilíonn an láthair amháin ar an doiciméad marcála, agus is féidir gach rud eile a uaslódáil ar an taobh fhreastalaí. Tá na modhanna a úsáidtear go minic chun cur leis an luas a íoslódáil (ach ansin ní mór duit fios a bheith agat conas a úsáideann an uirlis seo).

A cheapadh alt agus teideal a img?

Céard atá le déanamh nuair comhad íomhá é, ar chúis ar bith, nach bhfuil luchtaithe le an doiciméad HTML? Má tá sé mícheart do chosáin nó rud éigin eile, ba cheart tréith alt a úsáid. Tá sé ar an tasc i láthair íomhá eile. Anseo glacaimid go nach bhfuil na grafaicí luchtaithe. Ach an bhrabhsálaí fhoirm fós an limistéar faoi an íomhá. Tá sé riachtanach freisin i gcásanna ina ag súil an t-úsáideoir podgruzki, agus ní mór duit a thaispeáint dó go bhfuil an clár réidh le glacadh leis an sceideal.

A léiriú ar an téacs a ghabhann leis, teideal tréith speisialta. Go deimhin, an Tooltip, agus is féidir leat é a úsáid le haghaidh aon eilimint HTML-cód beagnach amhairc. Tá sé seo go maith mar is féidir leat a mhíniú gnéithe áirithe. Ag úsáid dhá thaispeántar san tréith Fotheideal Is mar seo a leanas: sa sampla thuas tar éis an chéad airde a fhabhraíonn alt, agus ansin an teideal.

Ina theannta sin, ní féidir leis na tréithe a úsáid ach amháin áisiúlacht a chruthú don chuairteoir. Is féidir leo a mbeidh tionchar dearfach acu ar chur chun cinn an tsuímh. Mar sin, ba chóir é seo a choinneáil i n-úsáid na heochairfhocail. Beidh sé seo feabhas a chur ar an rangú ar acmhainn i rangú na suíomh agus íomhánna seirbhísí innill chuardaigh. Ach i ngach ba chóir duit a bheith cúramach agus le réasúntacht.

pictiúir ailíniú

Le haghaidh íomhánna, agus i gcoitinne, na 4 na n-eilimintí teanga marcála sin luaite cheana a tugadh isteach, leis an tréith ailíniú. Le é, is féidir leat athrú ar an suíomh na pictiúir. De réir réamhshocraithe, tá sé ailínithe leis an imeall bun. I gcás go bhfuil sé i bun an leathanaigh. Agus conas a dhéanamh ar an mbarr? Éilíonn sé seo barr. Go praiticiúil, beidh sé seo breathnú mar seo: i ndiaidh an src, i gcás ina léiríonn an seoladh an íomhá, cuir an tréith a ailíniú agus a luach.

Agus sa líne, sa chás go bhfuil pictiúr, beidh sé a ailíniú leis an imeall uachtair. Conas a HTML a chur isteach íomhá i lár? Tá ceann amháin níos mó deiseanna a scríobh - lár. Agus tú ag úsáid sé nach n-athraíonn bunúsach rud ar bith. Beidh Nuair a bheidh ag baint úsáide as patrún den sórt sin a chur ar chomhréim cód i lár. Is féidir leat a dhéanamh freisin téacs ar fud an íomhá a wrap. Chun seo a dhéanamh, iarratas a dhéanamh ar na tréithe de dheis agus ar chlé. thiocfaidh chun bheith ina "snámh" I gcásanna den sórt íomhá. Fritháireamh an taobh clé Breathnaíonn mar litriú eile mar an gcéanna. Beidh baint úsáide as an ceart a thabhairt toradh den chineál céanna leis an difríocht go mbeidh an pictiúr a chur ar an gceart. Tá úsáid na treoracha a nuances féin. Dá bhrí sin, tá fadhb shuntasach gheall ar chomh ró-ghar den téacs ar an íomhá. Mar gheall air sin chruthaigh sé an éifeacht sticking, atá in áit unpleasant don tsúil. Ach is féidir é seo a cheartú trí úsáid a bhaint stílbhileog chascáideach nó HTML-cód. Iontaoibh pé athruithe vspace agus hspace tréithe. An chéad Leagann an barr stuáil agus bun, agus an dara - ar an gceart agus ar chlé.

Táimid ag déanamh cúlra

Conas a chur isteach íomhá ar an suíomh gréasáin HTML-leathanach? An-úsáideach a chur i gcrích seo cúlra a tréith. Tá sé mar chuid an chomhalta chomhlacht. An aidhm - a thaispeáint an cosán ar an íomhá comhad, a ba chóir a líonadh an leathanach, tábla nó amháin ceall. Go praiticiúil, is é an úsáid a bhaint mar seo a leanas: Is é an seoladh ar an íomhá forordaithe cheana mar bodybackground luach paraiméadar. Tá an íomhá cúlra socraithe ar bhealach a arís agus arís eile ar feadh na haiseanna comhordanáidí agus abscissas, ag tosú as an chúinne uachtair ar chlé. duga Roimhe Seo dhiaidh anseo. Más mian leat a líonadh isteach ar rud éigin chomh simplí agus is dath amháin, seachas úsáid a bhaint pictiúr, is féidir leat úsáid a bhaint as an cur síos gairid: Is é uimhir scála sonraithe mar tréith paraiméadar le haghaidh bgcolor chomhlacht. Anseo bhí athruithe beaga. Mar a fheiceann tú, tá sé cheana féin in tréith úsáid bgcolor. I gcás go bhfuil sé ag teastáil ach amháin a shonrú cén dath a bheidh sé líonadh le leathanach nó cuid di. Seo an chaoi a chur isteach íomhá HTML isteach le ríomhaire chun é a dhéanamh ar an cúlra agus an dath. Go ginearálta, d'fhonn a fhoghlaim go hiomlán ar an HTML, go leor ama a thabhairt dó in aghaidh na seachtaine, agus tá sé seo níos mó ná go leor.

Mar fhocal scoir

An HTML, cé go sé féidir nach éileamh a bheith ina lán-chuimsitheach clár trí mheán, áfach, is é sin an-luachmhar nuair a chruthú ar shuíomh. Tá sé ina cnámh fíor. Agus is féidir linn a rá go muiníneach, anois go bhfuil a fhios agat, agus sinn ag obair leis an cúlra agus íomhánna seasta, agus iad a chur ag gabháil leis na naisc. Mar sin, an freagra ar an gceist ar conas a chur isteach íomhá i HTML, a bheith soiléir.