Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. HTML
Webdesign

Mabilis na Tip: Tandaang Iistilo ang Inyong ALT na Teksto

by
Length:ShortLanguages:
This post is part of a series called Strange and Unusual HTML.
Quick Tip: Consider Wrapping Your Code With a “figure” Element
Quick Tip: Set Relative URLs With the “base” Tag

Tagalog (Wikang Tagalog) translation by Anna Nelson (you can also view the original English article)

Ang alt na katangian sa loob ng <img> tatak ay nagbibigay ng alternatibong nilalaman para sa mga gumagamit na hindi makapagdownload ng mga larawan, o may mga larawang nakapatay ng lahatan. Gumagamit tayo ng katangiang ito sa lahat ng oras upang gawing mas nararating ang ating nilalaman, ngunit naisaalang-alang ba ninyo kailanman kung ano talaga ang hitsura nito?

Gagamitin nating ang template ng email na ginawa natin bilang halimbawa sa nakaraang tutoryal, ngunit ang mga prinsipyo ay ginagamit pa din sa nakabase sa browser na disenyo ng web.

Kung titingnan natin an gating file na may mga larawang nakapatay, ganito ang hitsura nito:

altTagsBefore

Maliwanag na ang ALT na teksto ay hindi kaakit-akit — lalo na sa mga link.  Maaari tayong gumawa ng ilang mga bagay upang ijazz ito.

Para sa pangunahing pamagat, gagawin nating mas malaki ang teksto at papalitan ito ng ating matingkad na asul sa halip na itim.  Gagawin natin ito sa pamamagitan ng pagdadagdag ng mga istilo sa magulang na element (sa kasong ito ay cell).  Ang mga istilong ito ay gagamitin sa mga alt na mga tatak sa loob ng cell na iyon.

Ito ang ating cell:

Magdadagdag tayo ng ilang mga pag-iistilo ng teksto kaya ito ay ganito ang hitsura:

At iistiluhan natin ang ating social media na mga link upang ang mga ito ay maging puti:

altTagsAfter

Ganyan kadali!  Ngayon maaari na tayong magtiwala na an gating email ay maipapakita ng maayos, kahit na nakapatay ang mga larawan.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.