Сайтқа суретті қалай қосуға болады

Мазмұны:

Сайтқа суретті қалай қосуға болады
Сайтқа суретті қалай қосуға болады

Бейне: Сайтқа суретті қалай қосуға болады

Бейне: Сайтқа суретті қалай қосуға болады
Бейне: HTML сабақтары #9 - Сурет қоюдың жолдары 2024, Мамыр
Anonim

Кез-келген сайт графикасыз скучно. Суреттер сіздің парағыңызды әдемі әрі ақпараттандыруға көмектеседі, ал оқырманға визуалды сызбалар көмегімен ақпараттың көп бөлігі оңайырақ беріледі. Веб-сайтқа сурет салу өте оңай.

Сайтқа суретті қалай қосуға болады
Сайтқа суретті қалай қосуға болады

Нұсқаулық

1-қадам

Алдымен параққа енгізгіңіз келетін суретті таңдаңыз. Оның авторлық құқықпен қорғалмағанына көз жеткізіңіз және оны өз сайтыңызда пайдалануда қиындықтар болмайды. Ешбір жағдайда сіз автордың авторлық құқығын алып тастамаңыз. Жақсырақ онымен тексеріп, суретті пайдалануға рұқсат сұраңыз.

2-қадам

Суретті сайтты орналастыратын серверге немесе кез-келген фотобанкке жүктеңіз (мысалы, radikal.ru). Суреттің мекен-жайын көшіріп, мәтіндік құжатқа сақтаңыз.

3-қадам

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

4-қадам

Егер сіз жиекті алып тастағыңыз келсе, онда тег келесідей болуы керек:. Егер сіз, керісінше, кескіннің айналасында шекара болғыңыз келсе, қажетті өлшемді нөлдің орнына пиксельмен көрсетіңіз. Bordercolor атрибутының көмегімен қажетті жиек түсін орнатуға болады. Мысалы, белгіленген суреттің төрт пиксельді қара жиегі болады.

5-қадам

Белгіленген атрибуттың көмегімен суреттің өлшемін өзгертуге болады. Ол үшін сәйкесінше суреттің ені мен биіктігін көрсететін ені мен биіктігі параметрлерінің мәндерін белгілеңіз. Сізге қажет мәндер пиксельде және тырнақшада болуы керек.

6-қадам

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

7-қадам

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

Ұсынылған: