Dylunwyr gwe Nofis: sut i wneud llif testun o gwmpas delweddau

Yn yr erthygl hon, byddwn yn rhoi gwybod i chi am nodweddion HTML a CSS, sy'n gysylltiedig â'r delweddau. Byddwch yn dysgu sut i osod i mewn i HTML-ddogfen. Mae'r erthygl hefyd yn cynnwys gwybodaeth am sut i newid y gosodiadau llun, ac yn trefnu llif testun o amgylch y ddelwedd.

Yn gyntaf - sut i fewnosod delwedd. Ar gyfer hyn mae y tag "img", sydd â nifer o nodweddion. Y prif ohonynt - "src". Yn mae'n storio y cyfeiriad y gall y porwr osod llun. Gallwch bennu llwybr at delwedd eisoes wedi'i storio yn y cyfrifiadur, neu roi dolen i adnodd ar y we.

Dim priodoleddau llai pwysig o bâr - "lled" (lled) a "uchder" (uchder). Maent yn cael eu defnyddio i newid maint y delweddau (opsiwn defnyddiol ar gyfer ymestyn a gywasgu delweddau) â llaw.

paramedrau dilyn "BwlchLl" a "vspace" (pellter o'r llun i'r testun cyfagos). Yn amlwg, "BwlchLl" - padding llorweddol a "vspace" - fertigol.

Rydym tag Mae nodweddion megis "alt" ac "title". Maent yn debyg i'w gilydd, gan fod eu pwrpas yw ddisgrifio'r llun. Ond yn y "title" testun sy'n cael ei arddangos wrth i chi hofran y llygoden dros y ddelwedd a ragnodwyd, a gwerth llythrennol o "alt" priodoledd ei arddangos yn y digwyddiad nad oedd modd llwytho delwedd.

Mae yna ychydig o nodweddion penodol sy'n bresennol yn y rhan fwyaf o dagiau. Mae hyn yn "accesskey", "dosbarth", "id" a "arddull". "Accesskey" yn diffinio gyfuniad bysyll, y mae'r mynediad i'r gwrthrych. "Class" a "id" - paramedrau sy'n gysylltiedig ag CSS. Maent yn disgrifio i'r dosbarth sy'n perthyn i'r llun (neu ei dynodwr). "Style" - testun priodoledd, sy'n eich galluogi i osod delwedd CSS-arddull adeiledig yn.

Un o'r paramedrau sy'n diffinio golwg y ddelwedd yn "border". Mae'n pennu trwch y ffin o amgylch y gwrthrych a gellir eu gosod i unrhyw gyfanrif positif (mewn picseli).

Y priodoledd nesaf - "alinio". Mae'n disgrifio'r llif testun o amgylch y ddelwedd. Gall yr opsiwn hwn yn cael ei osod i "gwaelod", "canol", "gadael", "iawn" a "top". Mae pob un o'r gwerthoedd yn penderfynu ble i osod y ddelwedd ar y testun. Er enghraifft, mae gwerth o "canol" delwedd canol yn cyd-fynd â ffin isaf y testun, tra "chwith" - bydd y gwrthrych yn cael ar yr ochr chwith y testun. Ond dim ond un ffordd i osod y llif testun o amgylch y ddelwedd - HTML.

Mae offeryn pwerus arall - CSS (yn llawer mwy hyblyg). Gellir ei ddefnyddio lawer yn gosod y priodoleddau tag yn fwy effeithiol, gan gynnwys llif testun o amgylch y ddelwedd. CSS yn eich galluogi i ddiffinio paramedrau, nid yn unig y gwrthrych penodol, a phawb fel ef. Er enghraifft, os ydych am i bennu mewnoliad yr holl ddelweddau yn y ddogfen yn ddeg picsel, mae'n ddigon i gysylltu â'r CSS-file 'i ag a phwyth sengl: "img {ymyl: 10px 10px 10px 10px;}" (yn ymarferol, nid oes angen y dyfyniadau!).

Mae llif testun o gwmpas delweddau, er enghraifft, ar ymyl chwith ei ddiffinio fel: "img {alinio: gadael;}".

Gyda llaw, i ychwanegu nid oes gan y CSS-god i ysgrifennu mewn ffeil. Ar gyfer tag hwn "arddull" yn cael ei ddarparu mewn HTML, y gallwch mewnosod CSS-god. Ond bydd yn ond yn gweithio ar gyfer y ddogfen (os ydych chi am ychwanegu yr un cod yn lluosog HTML-ffeiliau, dylech greu dalen arddull ar wahân).

Nawr fe allwch chi "gwanhau" delweddau o'r safle, gan ddefnyddio'r eiddo buddiol y tag, sy'n gyfrifol am hyn. Mae croeso i chi ddefnyddio'r newid maint neu lapio luniau testun. Tudalennau gwe heb cydrannau graffeg - golwg yn eithaf trist, nid yw e?