Pievienot tīmekļa parakstu, kas paliek ar tā attēlu

Pievienojiet Web attēlu attēliem HTML parakstus 9 vienkāršos soļos

Attēli pievieno dzīvi savām tīmekļa lapām un pievērš skatītāju uzmanību. Paraksti sniedz papildu informāciju par jūsu tīmekļa attēliem, taču tos var būt grūti pievienot tīmekļa lapām bez uzlabotas HTML un CSS prasmēm. Šeit ir drošs veids, kā pievienot vienkāršu, bet pievilcīgu parakstu attēlam, kas paliek kopā ar attēlu jebkurā vietā, kur to pārvietojat tīmekļa lapā.

9 soļi uz HTML attēlu parakstu

Pievienojiet attēlu parakstu un pārvietojiet to kopā, kur vien vēlaties:

1. Pievienojiet attēlu savai tīmekļa lapai.
2. Jūsu tīmekļa lapas HTML vietā ievietojiet divu tagu ap attēlu:
3. Div stila atribūta pievienošana:
   style = "" >
4. Iestatiet div platumu tādā pašā platumā kā attēlam ar platuma stila īpašību :
   width: image width px; ">
5. Parakstiem, kas ir nedaudz mazāki par apkārtējo tekstu, pievienojiet fonta izmēra īpašību div stilam:
   font-size: 80%; ">
6. Parādzīmes vislabāk izskatās, ja tie atrodas zem attēla, tāpēc stila atribūtam pievienojiet teksta izlīdzināšanas īpašību:
   text-align: center; "> < img src = "URL" alt = "aizstājējs teksts" width = "width" height = "height" />
7. Visbeidzot, pievienojiet nedaudz papildu atstarpi starp attēlu un parakstu, pievienojot stila atribūtu attēlam ar padding-bottom stila īpašību:
   style =" padding-bottom: 0.5em; " />

1. Tad pievienojiet teksta parakstu tieši zem attēla:
   Šis ir mans paraksts

Augšupielādējiet tīmekļa lapu savā serverī un pārbaudiet to pārlūkprogrammā.

Parakstu padomi

• Platumi : CSS izmēri var būt dažādi mērījumi, tāpēc parasti jāiekļauj mērījumu veids. Piemēram: platums: 100 px ; Tomēr HTML attēla izmēri vienmēr ir vienāds ar pikseļiem, tāpēc atstājat mērījumu. platums = "100"
• Ja jūs izveidojat platuma platumu divi plašāk par attēla platumu, virsraksts var parādīties blakus attēlam. Ja tas ir tas, ko vēlaties, pievienojiet tieši
  tag pirms apraksta un pēc attēla taga.