Fi Akopọ Oju-iwe ayelujara Kan Ti o wa pẹlu aworan rẹ

Fi awọn Captions HTML si Awọn oju-iwe Ayelujara ni Awọn Igbesẹ Kuru

Awọn aworan fi igbesi aye kun si awọn oju-iwe ayelujara rẹ ki o fa ifojusi awọn oluwo. Awọn ipin ṣe afikun alaye nipa awọn aworan oju-iwe ayelujara rẹ, ṣugbọn wọn le nira lati fi si awọn oju-iwe wẹẹbu laisi awọn ogbon ti HTML ati CSS. Eyi ni ọna ti o gbẹkẹle fun fifi ohun rọrun kan, sibẹsibẹ wuni, akọle si aworan ti o wa pẹlu aworan nibikibi ti o ba gbe o lori oju-iwe ayelujara.

9 Awọn igbesẹ si Ọpa Aworan Aworan HTML

Fi akọle kun aworan kan ki o gbe wọn jọ pọ nibikibi ti o ba fẹ:

1. Fi aworan kan kun si oju-iwe ayelujara rẹ.
2. Ni HTML fun oju-iwe wẹẹbu rẹ, gbe aami tag ni ayika aworan:
3. Fi ẹda ara kan si tag tag:
   style = "" >
4. Ṣeto awọn iwọn ti awọn div si iwọn kanna bi aworan, pẹlu awọn ẹya ara ti awọn iwọn :
   width: image width px; ">
5. Fun awọn iyipo ti o kere ju kere ju ọrọ agbegbe lọ, fi ohun -elo iwọn-nla kan si ọna ti a kọ silẹ:
   font-size: 80%; ">
6. Captions ṣe oju ti o dara julọ ti wọn ba wa ni isalẹ si aworan naa, nitorina fi ohun elo- ọrọ pọ si iru ara:
   text-align: center; "> < img src = "URL" alt = "iyipada ọrọ" iwọn = "iwọn" iga = "iga" />
7. Lakotan, fi aaye diẹ kun diẹ laarin aworan ati akọle, nipa fifi aworan ara kan si aworan pẹlu ohun - ini ti o padding-isalẹ : style =" padding-bottom: 0.5em; "; />

1. Lẹhinna fi ọrọ-ọrọ ọrọ sii ni isalẹ aworan naa:
   Eyi ni akọle mi

Po si oju-iwe wẹẹbu si olupin rẹ ki o si idanwo rẹ ni ẹrọ lilọ kiri ayelujara kan.

Awọn italolobo Sini

• Awọn iwọnwọn : Iwọn CSS le wa ni ọpọlọpọ awọn ọna wiwọn, nitorina o nigbagbogbo gbọdọ ni iru ọna wiwọn. Fun apẹẹrẹ: iwọn: 100 px ; Sibẹsibẹ, HTML image dimensions wa ni nigbagbogbo ninu awọn piksẹli, ki o fi ni wiwọn pipa. iwọn = "100"
• Ti o ba ṣe iwọn igbẹhin ti o tobi ju iwọn igun aworan lọ, akọle naa le han lẹgbẹẹ aworan naa. Ti eyi ba jẹ ohun ti o fẹ, ki o si fi aami kan sii lẹsẹsẹ ṣaaju ki o to akọle ati lẹhin aworan tag.