Alakobere ayelujara apẹẹrẹ: bi o lati ṣe text sisan ni ayika images

Ni yi article, a yoo so fun o nipa awọn ẹya ara ẹrọ ti HTML ati CSS, eyi ti o ti wa ni nkan ṣe pẹlu awọn images. O yoo ko bi lati fi wọn sinu HTML-iwe. Awọn article tun pese alaye nipa bi o lati yi awọn aworan ati ki o seto awọn ọrọ sisan ni ayika awọn aworan.

Akọkọ - bi o si fi image. Fun yi nibẹ ni awọn tag "img", eyi ti o ni o ni orisirisi eroja. Awọn ifilelẹ ti awọn ti wọn - "src". Ni o ń tọjú awọn adirẹsi lati ti awọn kiri le fi aworan kan. O le pato awọn ona si ohun image tẹlẹ ti o ti fipamọ ni awọn kọmputa, tabi fun asopọ kan lati ayelujara kan awọn oluşewadi.

Kò awọn kere pataki eroja ti a bata - "iwọn" (iwọn) ati "iga" (iga). Nwọn si ti lo lati ọwọ resize awọn aworan (a wulo aṣayan fun nínàá ki o si compressing images).

Tẹlé sile "hspace" ati "vspace" (ijinna lati aworan si awọn ká ọrọ). Kedere, "hspace" - petele òwú ati "vspace" - inaro.

A tag ni o ni eroja bi "alt" ati "akole". Wọn ti wa ni iru si kọọkan miiran, niwon won idi ni lati se apejuwe awọn aworan. Sugbon ni "akọle" ogun ti ọrọ ti o ti wa han nigbati o ba rababa awọn Asin lori awọn aworan, ati awọn gegebi iye ti "alt" ro ti han ninu awọn iṣẹlẹ ti o je ko ṣee ṣe lati po si ohun image.

Nibẹ ni o wa kan diẹ pato eroja ti o wa bayi ni opolopo ninu afi. Yi "Accesskey", "kilasi", "id" ati "ara". "Accesskey" asọye a apapo ti awọn bọtini, nipasẹ eyi ti awọn wiwọle si ohun na. "Class" ati "id" - sile ni nkan ṣe pẹlu CSS. Nwọn apejuwe awọn kilasi si eyi ti je ti si awọn aworan (tabi awọn oniwe-idamo). "Style" - awọn ro pe ọrọ, gbigba o lati ṣeto a-itumọ ti ni image CSS-ara.

Ọkan ninu awọn sile ti o setumo awọn hihan ti awọn aworan ni "aala". O ipinnu awọn sisanra ti awọn aala ni ayika ohun ati ki o le wa ni ṣeto si eyikeyi rere odidi (ni awọn piksẹli).

Nigbamii ti ro pe - "mö". O si se apejuwe awọn ọrọ sisan ni ayika awọn aworan. Yi aṣayan le ti wa ni ṣeto si "isalẹ", "arin", "osi", "ọtun" ati "oke". Kọọkan ninu awọn iye ipinnu ibi ti lati gbe awọn aworan lori ọrọ. Fun apẹẹrẹ, a iye ti "arin" arin aworan ti wa ni deedee si isalẹ ààlà ti ọrọ, nigba ti "osi" - awọn ohun ti yoo jẹ si awọn osi ti awọn ọrọ. Sugbon ni yi nikan ni ona kan lati ṣeto awọn ọrọ sisan ni ayika image - HTML.

Nibẹ ni miran alagbara ọpa - CSS (Elo diẹ wapọ). O le ṣee lo Elo siwaju sii fe ni ṣeto awọn tag eroja, pẹlu ọrọ sisan ni ayika awọn aworan. CSS faye gba o lati setumo awọn sile, ko nikan awọn kan pato ohun, ati gbogbo awọn ti bi i. Fun apẹẹrẹ, ti o ba ti o ba fẹ lati pato awọn indentation ti gbogbo aworan ninu awọn iwe ni mẹwa awọn piksẹli, o jẹ to lati so o si awọn CSS-faili pẹlu kan nikan aranpo: "img {ala: 10px 10px 10px 10px;}" (ni asa, awọn avvon ti wa ni ko ti nilo!).

A ọrọ sisan ni ayika images, fun apẹẹrẹ, lori osi eti wa ni telẹ bi: "img {mö: kù;}".

Nipa ona, lati fi awọn CSS-koodu ko ni ni lati kọ o ni a faili. Fun yi tag "style" ti wa ni pese ni HTML, eyi ti o le fi CSS-koodu. Sugbon o yoo nikan ṣiṣẹ fun awọn iwe (ti o ba ti o ba fẹ lati fi awọn kanna koodu ni ọpọ HTML-faili, o yẹ ki o ṣẹda kan lọtọ ara dì).

Bayi o le "dilute" awọn aworan ti awọn ojula, nipa lilo awọn anfani ti-ini ti awọn tag, eyi ti o jẹ lodidi fun yi. Lero free lati lo resize tabi ipari ọrọ awọn aworan. Oju-iwe ayelujara lai eya irinše - oyimbo ibanuje oju, ni ko o?