Għal dawk li jibdew: kif tiġbed it-test madwar stampa

F'dan l-artikolu ser ngħidilkom dwar il-karatteristiċi ta 'HTML u CSS li huma assoċjati ma' stampi. Tgħallem kif tista 'ddaħħalhom f'dokument HTML. Ukoll fl-artikolu għandek issib informazzjoni dwar kif tibdel il-parametri tal-istampa u torganizza l-fluss madwar l-istampa bit-test.

L-ewwel - dwar kif tiddaħħal immaġni. Biex tagħmel dan, hemm tikketta "img" li għandha bosta attributi. L-iktar waħda ewlenija hija "src". Jaħżen l-indirizz li minnu l-browser jista 'jdaħħal l-istampa. Tista 'tispeċifika t-triq għall-immaġni diġà ffrankata fil-kompjuter, jew tagħti link għar-riżorsa tal-web.

Il-par attribut importanti li jmiss huwa "wisa '" u "għoli". Jintużaw biex iddawwar mill-ġdid l-istampa manwalment (għażla utli għat-tiġbid u l-kompressjoni tal-immaġni).

Sussegwentement, il-parametri "hspace" u "vspace" (distanza mill-immaġini għat-test tal-madwar). Ovvjament, "hspace" hija indentazzjoni orizzontali, u "vspace" hija vertikali.

It-tikketta għandha attributi bħal "alt" u "titolu". Dawn huma simili għal xulxin, peress li l-iskop tagħhom huwa li jiddeskrivu l-istampa. Imma t-titolu huwa test miktub li jintwera meta timxi fuq l-immaġni, u l-valur ta 'l-ittra ta' l-attribut "alt" jidher jekk l-istampa ma titħalliex.

Hemm diversi attributi aktar speċifiċi li huma preżenti fil-biċċa l-kbira tat-tikketti. Dawn huma "accesskey", "class", "id" u "stil". "Aċċess taċ-ċwievet" tispeċifika l- keyboard shortcut li bih l-oġġett huwa aċċessibbli. "Klassi" u "id" huma parametri relatati ma 'CSS. Huma jiddeskrivu għal liema klassi tappartjeni l-istampa (jew l-identifikatur tagħha). "Style" hija attribut tat-test li jippermettilek tispeċifika stampa integrata ta 'stil CSS.

Wieħed mill-parametri li jiddefinixxu d-dehra ta 'l-immaġni huwa "fruntiera". Iddetermina l-ħxuna tal-qafas madwar l-oġġett u tista 'tiġi speċifikata b'xi numru sħiħ pożittiv (f'pilloli).

L-attribut li jmiss huwa "allinjat". Jiddeskrivi l-fluss madwar l-istampa bit-test. Dan il-parametru jista 'jieħu l-valuri "bottom", "middle", "left", "right" u "top". Kull wieħed mill-valuri jiddetermina fejn l-istampa se tkun relattiva għat-test. Pereżempju, jekk il-valur ikun "nofs", in-nofs ta 'l-immaġini se tkun allineata fil-qiegħ tat-test, u meta "jitħalla" - l-oġġett ikun fuq in-naħa tax-xellug tat-test. Imma dan huwa biss mod wieħed biex tiġi stabbilita l-fluss madwar it-test tal-istampa - HTML.

Hemm għodda b'saħħitha oħra - CSS (ħafna aktar versatili). Bl-għajnuna tagħha, tista 'tiffissa b'mod aktar effettiv l-attributi tat-tikketta, inkluż il-fluss madwar it-test tal-istampa. CSS jippermettilek li tiddefinixxi l-parametri ta 'mhux biss oġġett partikolari, iżda kollha simili. Per eżempju, jekk trid tispeċifika l-inċiżi ta 'l-immaġni kollha f'dokument ugwali għal għaxar pixels, allura għandek biss tehmeż fajl CSS b'linja waħda għaliha: "img {margin: 10px 10px 10px 10px;}" (fil-prattika, m'hemmx kwotazzjonijiet meħtieġa!).

U l-fluss madwar l-istampa bit-test, per eżempju, fuq in-naħa tax-xellug huwa stabbilit b'dan il-mod: "img {align: left;}".

Mill-mod, biex iżżid il-kodiċi CSS m'għandux għalfejn tikteb fil-fajl. Biex tagħmel dan, HTML jipprovdi stil "stil", li fih tista 'daħħal il-kodiċi CSS. Iżda se taħdem biss għal dan id-dokument (jekk trid iżżid l-istess kodiċi għal diversi fajls HTML, allura għandek toħloq folja ta 'stil separata).

Issa tista '"tħallat" is-sit b'immaġini, billi tuża l-proprjetajiet utli tat-tikketta, li hija responsabbli għal dan. Ħossok liberu li tapplika t-tqassim mill-ġdid jew it-tgeżwir tat-test madwar l-istampa. Paġni tal-Web mingħajr komponenti grafiċi huma vista pjuttost matt, mhumiex dawn?