Görünüşü ilə qaldıran bir Web Mövzu əlavə edin

9 asan addımda Veb Şəkillərə HTML Mövzular əlavə edin

Şəkillər veb səhifələrinizə həyat verir və tamaşaçıların diqqətini cəlb edir. Mövzular sizin web şəkilləriniz haqqında əlavə məlumat verir, lakin inkişaf etmiş HTML və CSS bacarıqları olmadan veb səhifələrə əlavə etmək çətindir. Burada veb-səhifəyə köçürdüyünüz yerdə təsvir ilə qalmış bir görüntüyə sadə, lakin cəlbedici bir mövzu əlavə etmək üçün etibarlı bir üsuldur.

HTML Şəkil Captioninə 9 addım

Bir görüntüyə bir başlıq əlavə edin və istədiyiniz yerdə birlikdə hərəkət edin:

1. Vebinizə bir şəkil əlavə edin .
2. Web səhifəmiz üçün HTML-də, şəkil ətrafında div etiketini qoyun:
3. Div etiketinə bir stil atributu əlavə edin:
   style = "" >
4. Divanın enini genişlik stili mülkiyyəti ilə eyni genişliklə seçin:
   width: image width px; ">
5. Ətrafdakı mətndən bir az daha kiçik olan yazı üçün div style ilə font ölçüsü əlavə edin:
   font-size: 80%; ">
6. Yazıların aşağıda mərkəzləşdirilmişsə, yazı tipi ən yaxşı görünsün, beləliklə stil atributuna mətn align xüsusiyyətini əlavə edin:
   text-align: center; "> < img src = "URL" alt = "alternativ mətn" width = "width" height = "height" />
7. Son olaraq, padding-alt stil mülkiyyəti ilə təsvirə bir stil atributu əlavə edərək şəkil və başlıq arasında bir az əlavə yer əlavə edin:
   style =" padding-bottom: 0.5em; " />

1. Daha sonra şəkil altındakı mətn başlığını əlavə edin:
   Bu mənim başlıqım

Veb səhifənizi serverinizə yükləyin və brauzerdə test edin.

Yazı haqqında göstərişlər

• Genişlik : CSS ölçüləri bir çox müxtəlif ölçüdə ola bilər, buna görə siz adətən ölçmə növünü daxil etməlisiniz. Məsələn: eni: 100 px ; Ancaq HTML şəkil ölçüsü həmişə pikseldir, beləliklə ölçümü buraxın. genişlik = "100"
• Divarın genişliyini şəkil genişliyindən daha geniş olsanız, başlıq şəkilin yanında görünə bilər. Bu istədiyiniz nədirsə, başlıqdan əvvəl və şəkil etiketindən sonra birbaşa
  etiketi əlavə edin.