Novice web designers: sa unsa nga paagi sa paghimo sa text dagan sa palibot nga mga larawan

Sa niini nga artikulo, kita mosulti kaninyo mahitungod sa mga bahin sa HTML ug CSS, nga nakig-uban sa mga larawan. Kamo makakat-on kon sa unsang paagi sa pag-sal-ot sa kanila ngadto sa HTML-dokumento. Ang artikulo naglangkob usab sa impormasyon mahitungod sa kon sa unsang paagi sa pag-usab sa mga engaste nga hulagway, ug pag-organisar sa text dagan sa palibot sa mga larawan.

Una - kon sa unsang paagi sa pag-sal-ot nga larawan. Kay kini adunay ang tag "sa img", nga adunay pipila ka mga hiyas. Ang nag-unang kanila - "SRC". Sa kini tindahan sa adres nga gikan nga ang browser mahimong sal-ot sa usa ka hulagway. Ikaw mahimo hingalan sa dalan ngadto sa usa ka larawan na gitipigan sa computer, o paghatag og usa ka sumpay ngadto sa usa ka web kapanguhaan.

Walay ang dili kaayo importante nga mga hiyas sa usa ka parisan - "gilapdon" (gilapdon) ug "gitas-on" (gitas-on). Sila gigamit sa kamut resize sa mga larawan (mapuslanon nga kapilian alang sa miinat ug sa pagsumaryo sa mga larawan).

Misunod lantugi "hspace" ug "vspace" (gilay-on gikan sa larawan sa palibot nga teksto). Tin-aw nga, "hspace" - pinahigda padding ug "vspace" - bertikal.

Kita tag adunay mga hiyas sama sa "alt" ug "titulo". Sila mao ang susama sa usag usa, tungod kay ang ilang katuyoan mao ang paghulagway sa larawan. Apan sa "titulo" naglatid nga teksto nga gipakita diha nga hover kaninyo sa mouse sa ibabaw sa larawan, ug sa literal nga bili sa "alt" nga kinaiya ang gipakita sa maong kalihukan nga kini dili posible nga sa upload sa usa ka larawan.

Adunay pipila ka mga piho nga mga hiyas nga anaa sa kadaghanan sa mga tag. Kini nga "accesskey", "klase", "id" ug "estilo". "Accesskey" naghubit sa usa ka kombinasyon sa mga yawe, nga pinaagi niini ang access ngadto sa butang. "Klase" ug "id" - lantugi nga nalangkit sa CSS. paghulagway nila ang klase nga iya sa hulagway (o ilhanan sa iyang). "Style" - ang hiyas nga teksto, nga nagtugot kaninyo sa sa usa ka gitukod-sa larawan sa CSS-estilo.

Usa sa mga lantugi nga nagpaila sa dagway sa larawan mao ang "utlanan". Kini motino sa gibag-on sa utlanan sa palibot sa mga butang ug mahimong ibutang sa bisan unsa nga positibo nga integer (sa pixels).

Ang sunod nga hiyas - "abin". Siya naghulagway sa dagan nga teksto sa palibot sa mga larawan. Kini nga kapilian mahimong sa sa "ubos", "tunga-tunga", "sa wala", "katungod" ug "top". Ang matag usa sa mga mithi motino asa ibutang ang larawan sa teksto. Pananglitan, ang usa ka bili sa "tunga-tunga" sa tunga-tunga nga larawan mao ang ilaray sa ubos nga utlanan sa text, samtang ang "mibiya" - ang butang mahimong sa wala sa teksto. Apan kini mao ang lamang usa ka paagi aron sa sa dagan nga teksto sa palibot sa mga larawan - HTML.

Adunay lain nga gamhanan nga himan - CSS (daghan mas daghag gamit). kini mahimong gamiton sa daghan nga mas epektibo ang mga hiyas tag, lakip na ang text dagan sa palibot sa mga larawan. nagtugot CSS kaninyo sa nagpaila sa mga lantugi, dili lamang sa piho nga butang, ug ang tanan nga mga sama kaniya. Pananglitan, kon kamo gusto nga hingalan sa luok sa tanan nga mga larawan sa dokumento mao ang napulo ka pixels, kini igo na nga makonektar sa CSS-file kini uban sa usa ka ka stitch: "img {margin: 10px 10px 10px 10px;}" (sa praktis, ang mga kinutlo wala gikinahanglan!).

Usa ka text dagan sa palibot nga mga larawan, alang sa panig-ingnan, sa wala sulab gihubit ingong: "img {abin: nahabilin;}".

Pinaagi sa dalan, aron sa pagdugang sa CSS-code wala sa pagsulat niini diha sa usa ka file. Kay kini nga tag "estilo" ang gihatag sa HTML, nga imong mahimo sal-ot sa CSS-code. Apan kini lamang sa trabaho alang sa dokumento (kon gusto sa pagdugang sa sama nga code sa daghang HTML-file, kamo kinahanglan nga paghimo sa usa ka lain nga estilo Sheet).

Karon nga imong mahimo "dilute" larawan sa site, sa paggamit sa mga mapuslanon kabtangan sa tag, nga mao ang responsable sa niini. Mobati nga gawasnon sa paggamit sa resize o wrap hulagway teksto. mga panid sa web nga walay graphics components - na masulob-on sa panan-aw, dili kini?