9 ඊසි ස්ටෙප් වල වෙබ් පින්තූර සඳහා HTML ටැප් එක් කරන්න
පින්තූර ඔබේ වෙබ් පිටු වලට ජීවය එකතු කර ප්රේක්ෂකයන්ගේ අවධානය ඇදගන්න. වතන් ඔබේ වෙබ් රූප පිළිබද අමතර තොරතුරු සපයයි, නමුත් උසස් HTML සහ CSS හැකියාවන් නොමැතිව වෙබ් අඩවි වලට එකතු කිරීමට අපහසු විය හැකිය. මෙන්න ඔබ වෙබ් අඩවියේ චලනය වන කොතැනක හෝ පින්තූරය සමඟ රැඳී සිටින රූපයක් වෙත සරල, එහෙත් ආකර්ශනීය, උපකරණයකි.
9 HTML පින්තූර ටැග සහිත පියවරයන්
පින්තූරයකට මාතෘකාවක් එක් කරන්න, ඔබට අවශ්ය ඕනෑම ස්ථානයක ඔවුන් ගෙනයාම:
- ඔබේ වෙබ් පිටුවට රූපයක් එක් කරන්න .
- ඔබේ වෙබ් පිටුව සඳහා HTML හි, රූපය වටා ටැග් ටැග් ඇති ස්ථානය: style = "" >width: image width px; ">
- අවට පාඨ වලට වඩා තරමක් කුඩා කැප්ෂන් සඳහා, ෆෝල් -ප්රමාණයේ දේපල ධජයට එක් කරන්න:
font-size: 80%; ">- පින්තූරයට පහළින් කේන්ද්රගතව ඇති පින්තූරු වඩා හොඳ පෙනුමක් ඇති නිසා ස්ලයිඩයේ ගුණාංගයට පෙළ- align ගුණයක් එකතු කරන්න:
text-align: center; "> < img src = "URL" alt = "විකල්ප පෙළ" width = "width" height = "උස" />- අන්තිමට, රූපය සහ ශීර්ෂය අතර තවත් අමතර ඉඩක් එකතු කරන්න, padding-bottom style property සමඟ රූපයේ ස්ලයිලයක් එකතු කිරීමෙන්:
style =" padding-bottom: 0.5em; /> - ඉන්පසු පින්තූරය යටින් කෙලින්ම ඇති ශීර්ෂය එකතු කරන්න:
මෙය මගේ ශීර්ෂය වෙබ් අඩවියේ ඔබගේ සේවාදායකයට උඩුගත කර බ්රවුසරයේ එය පරීක්ෂා කරන්න.
සිරස් ඉඟි
- පළල : CSS මාදිලි විවිධාකාර මිනුම්වල තිබිය හැක, ඔබ සාමාන්යයෙන් මිනුම් වර්ගය ඇතුළත් කළ යුතුය. උදාහරණයක් ලෙස: පළල: 100 px ; කෙසේ වෙතත්, HTML පිළිබිඹුව සෑම විටම පික්සල තුළ ඇත, එම නිසා ඔබ මිනුම නිවා දමනු ඇත. width = "100"
- රූපයේ පළල වඩා පුළුල් වන විභවයේ පළල ඔබ රූපය අසළට දිස් වනු ඇත. ඔබට මෙය අවශ්ය නම්,
මාතෘකාව මාතෘකාවට පෙර හා අනුරූප ටැගය පසු එකතු කරන්න.