Өз бейнесі бар веб-тақырыпты қосыңыз

9 қарапайым қадамда веб кескіндерге HTML тақырыптарын қосыңыз

Суреттер веб-беттеріңізге өмірді қосады және көрермендердің назарын аударады. Тақырыптар веб-суреттер туралы қосымша ақпарат береді, бірақ олар HTML және CSS дағдыларынсыз веб-беттерге қосу қиын болуы мүмкін. Міне, сіз оны веб-бетте жылжытқан кезде суретпен бірге қалатын суретке қарапайым, бірақ тартымды, тақырыпты қосудың сенімді әдісі.

9 HTML кескіні тақырыбына арналған қадамдар

Суретке тақырыпты қосып, оларды қай жерге апарыңыз:

1. Веб-сайтыңызға сурет қосыңыз .
2. Сіздің веб-бетіңізге арналған HTML-де суреттің айналасында div тегін орналастырыңыз:
3. Div тегіне стиль төлсипатын қосыңыз:
   style = «» >
4. width: image width px; »>
5. Айналасындағы мәтіннен сәл аз титрлер үшін, div мәнеріне қаріп өлшемі сипатын қосыңыз:
   қаріп өлшемі: 80%; »>
6. Суреттердің төменгі жағында болса, тақырыптар ең жақсы көрінеді, сондықтан стиль атрибутына мәтіндік-туралау сипатын қосыңыз:
   text-align: center; »> img src = «URL» alt = «баламалы мәтін» width = «width» height = «height» />
7. Ақыр соңында, сурет пен тақырыптың арасында қосымша кеңістік қосып, төменгі стиль сипаты бар суретке мәнер төлсипатын қосу арқылы қосыңыз:
   style =» толтыру-төменгісі: 0,5м; « />

1. Содан кейін суреттің тікелей төменгі жағындағы мәтіндік субтитрді қосыңыз:
   Бұл менің тақырыпым

Веб-бетті серверге жүктеп, браузерде тексеріңіз.

Тақырыптар кеңестері

• Ені : CSS өлшемдері көптеген өлшемдерде болуы мүмкін, сондықтан сіз әдетте өлшеу түрін қамтуыңыз керек. Мысалы: ені: 100 px ; Дегенмен, HTML кескін өлшемдері әрқашан пикселдерде болады, сондықтан өлшеуді қалдырасыз. ені = «100»
• Егер ені ені суреттің енінен кеңірек болса, суреттің жанында пайда болуы мүмкін. Егер бұл қаласаңыз, онда
  тегті тақырыптан және суреттің тегінен кейін тікелей қосыңыз.