Web designers rishtar: si të bëjnë rrjedhjen e tekstit përreth imazheve

Në këtë artikull, ne do të ju tregojë për tiparet e HTML dhe CSS, të cilat janë të lidhura me imazhet. Ju do të mësoni se si për të futur ato në HTML-dokument. Artikulli gjithashtu përmban informacion në lidhje me se si për të ndryshuar parametrat foto, dhe të organizojnë rrjedhjen tekst rreth imazhit.

Së pari - si për të futur imazhin. Për këtë nuk ka tag "img", e cila ka disa atribute. Kryesore prej tyre - "src". Në të ruan adresën nga e cila shfletuesi mund të futur një foto. Ju mund të specifikoni rrugën për një imazh të depozituara tashmë në kompjuter, ose të japë një lidhje me një burim të internetit.

Asnjë atributet më të rëndësishme të një palë - "width" (width) dhe "height" (lartësi). Ata janë përdorur për të resize dorë imazhet (opsion i dobishëm për të shtrihen dhe compressing imazhet).

Parametrat ndjekur "hspace" dhe "vspace" (Distanca nga imazhi në tekstin përreth). Në mënyrë të qartë, "hspace" - mbushje horizontal dhe "vspace" - vertikale.

Ne tag ka atribute të tilla si "alt" dhe "titullin". Ato janë të ngjashme me njëri-tjetrin, pasi qëllimi i tyre është për të përshkruar imazhin. Por në "titull" të përshkruara tekstin që shfaqet kur ju rri pezull miun mbi imazhin, dhe vlera fjalëpërfjalshëm i atributit "alt" është shfaqur në rast se ajo nuk ishte e mundur për të ngarkoni një imazh.

Ka atribute disa të veçanta që janë të pranishme në shumicën e tags. Kjo "accesskey", "klasë", "id" dhe "stil". "Accesskey" përcakton një kombinim i çelësat, përmes të cilit qasje në objekt. "Class" dhe "id", - parametrat që lidhen me CSS. Ata përshkruajnë klasën të cilës i takon në foto (ose identifikuesit të saj). "Style" - teksti atribut, duke ju lejuar për të vendosur një ndërtuar në image CSS-style.

Një nga parametrat që përcaktojnë pamjen e imazhit është "kufiri". Ajo përcakton trashësinë e kufirit rreth objektit dhe mund të vendosen për çdo numër i plotë pozitiv (në pixels).

E ardhshme atribut - "lidhur". Ai e përshkruan rrjedhën e tekstit rreth imazhit. Ky opsion mund të jetë vendosur në "fund", "të mesëm", "majtas", "e drejtë" dhe "e lartë". Secili prej vlerave përcakton se ku për të vënë imazhin në tekst. Për shembull, një vlerë e imazhit të mesme "mesme" është një linjë me kufirin më të ulët të tekstit, ndërsa "majtë" - objekti do të jetë në të majtë të tekstit. Por kjo është vetëm një mënyrë për të vendosur rrjedhjen e tekstit rreth imazhit - HTML.

Nuk është një tjetër mjet i fuqishëm - CSS (shumë më të shkathët). Ajo mund të përdoret për shumë të vendosur në mënyrë më efektive atributet e tag, duke përfshirë rrjedhjen tekst rreth imazhit. CSS ju lejon për të përcaktuar parametrat, jo vetëm objekt të veçantë, dhe të gjithë ata si ai. Për shembull, në qoftë se ju doni të specifikoni vulë e të gjitha imazhet në dokument është dhjetë pixels, ajo është e mjaftueshme për t'u lidhur me CSS-skedar atë me një syth të vetëm: "img {margin: 10px 10px 10px 10px;}" (në praktikë, kuotat nuk janë të nevojshme!).

Një rrjedhë teksti përreth imazheve, për shembull, në buzë e majtë është definuar si: "img {align: majtas;}".

Nga rruga, për të shtuar CSS-kodi nuk kanë për të shkruar atë në një skedar. Për këtë "stil" tag është dhënë në HTML, të cilat ju mund të futur CSS-kod. Por kjo do të punojnë vetëm për dokumentin (në qoftë se ju doni të shtoni kodin e njëjtë në të shumta HTML-files, ju duhet të krijoni një fletë të veçantë stil).

Tani ju mund të "holluar" imazhet e faqes, duke përdorur pronat e dobishme e tag-un, i cili është përgjegjës për këtë. Ndjehen të lirë për të përdorur Resize ose të përfundojë fotografi tekst. Web faqet pa komponentëve grafike - pamje mjaft i trishtuar, nuk është ajo?