Ավելացրեք վեբ վերնագիր, որը մնում է իր պատկերով

Ավելացրեք HTML Նկարներ, վեբ պատկերների համար 9 հեշտ քայլերով

Պատկերները ձեր կյանքի էջերը կավելացնեն եւ դիտողների ուշադրությունը հրավիրեն: Վերնագրերը լրացուցիչ տեղեկություններ են հաղորդում ձեր վեբ պատկերների մասին, սակայն դրանք կարող են դժվար լինել ավելացնելով վեբ-էջեր առանց HTML- ի եւ CSS- ի հմտությունների առաջադեմ: Ահա մի հուսալի մեթոդ, ավելացնելով պարզ, բայց գրավիչ, վերնագիր, որը պատկերում է այն պատկերը, որտեղ այն շարժվում է այն էջում:

9 Քայլեր HTML Image Caption- ի համար

Ավելացրեք վերնագիր մի պատկերով եւ դրանք տեղափոխեք այնտեղ, որտեղ ուզում եք:

1. Ավելացրեք պատկերը ձեր կայքում:
2. Ձեր HTML- ի համար HTML- ում տեղադրեք ստորջրյա պատկերի պատկերը `
3. Ավելացնել ոճի հատկանիշ է div tag:
   style = "" >
4. width: image width px; ">
5. font-size: 80%; ">
6. Վերնագրերը լավագույնն են, եթե դրանք կենտրոնացած են նկարի ստորին մասում, ուստի ավելացրեք տեքստի հարթակի հատկություն ոճի հատկանիշին:
   text-align: center; "> img src = "URL" alt = "այլընտրանքային տեքստ" width = "width" height = "height" />
7. Վերջապես, ավելացրեք մի քիչ լրացուցիչ տարածություն, նկարի եւ վերնագրի միջեւ `ավելացնելով ոճային հատկանիշ` նկարի ներքեւի ոճի գույներով `
   style =" padding-bottom: 0.5em; " />

1. Այնուհետեւ կտտացրեք տեքստի վերնագիրն ուղղակիորեն ստորեւ:
   Սա իմ վերնագիրն է

Վերբեռնեք էջը ձեր սերվերին եւ փորձեք այն դիտարկչում:

Captioning Tips

• Լայնությունը ` CSS չափերը կարող են լինել տարբեր չափումներով, այնպես որ սովորաբար պետք է ներառեք չափման տեսակը: Օրինակ `լայնությունը` 100 px ; Այնուամենայնիվ, HTML- ի պատկերը չափերը միշտ էլ փիքսել են, այնպես որ դուք թողնում եք չափումը: լայնությունը = "100"
• Եթե ​​դուք տարածեք լայնության լայնությունը, քան պատկերի լայնությունը, նկարը կարող է հայտնվել պատկերի կողքին: Եթե ​​դա այն է, ինչ ուզում եք, ապա ավելացրեք
  tag- ը անմիջապես առարկայի եւ պատկերային պիտակի առջեւ: