HTML-ге суретке сілтемені қалай енгізуге болады

Мазмұны:

HTML-ге суретке сілтемені қалай енгізуге болады
HTML-ге суретке сілтемені қалай енгізуге болады

Бейне: HTML-ге суретке сілтемені қалай енгізуге болады

Бейне: HTML-ге суретке сілтемені қалай енгізуге болады
Бейне: Уроки HTML: Валидация формы на чистом Html и Css 2024, Қараша
Anonim

Блогтағы немесе басқа ресурстағы хабарламаларда белгілі бір мәселе туралы ақпарат қана емес, ақпарат көзіне немесе басқа ресурсқа тікелей сілтемелер де болуы мүмкін. Атап айтқанда, HTML редакторы графикалық файлдарға сілтемелерді форматтауға мүмкіндік береді.

HTML-ге суретке сілтемені қалай енгізуге болады
HTML-ге суретке сілтемені қалай енгізуге болады

Бұл қажетті

Интернетке қол жетімділік

Нұсқаулық

1-қадам

Сілтемені, оның ішінде суретке сілтемені жобалаудың ең қарапайым әдісі келесі тегтерден тұрады: түсіндірме мәтіні. Парақтың мекен-жайы ретінде графикалық файлға сілтеме беріңіз, мысалы: https://www.site.com/mypicure.jpg. Түсіндірме мәтінде сіз файлдың атын немесе басқа ақпаратты көрсете аласыз. Дайын хабарламаны қарау кезінде тек ол көрінеді, курсормен шерткенде сурет ашылады.

2-қадам

Сурет өзіне немесе басқа графикалық файлға сілтеме болуы мүмкін. Мұндай жағдайда келесі тегтерді енгізіңіз:. Бет адресі - тышқанды шерткенде ашылатын адрес; Суреттің URL мекенжайы - суретті басу керек URL мекен-жайы. Түсіндірме мәтін қалқымалы терезеге шығады. Көрсетілген дизайны бар сілтеме жаңа терезеде ашылады.

3-қадам

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

4-қадам

Қосымша параметрлер көрсетілген суреттің өлшемін реттеуге мүмкіндік береді. Ол үшін ені = және биіктігі = тегтерін қолданыңыз. Екеуін де қолдану қажет емес, егер сіз олардың біреуін көрсетсеңіз, екінші параметр пропорционалды түрде өзгереді. Тегтен кейін кескіннің қажетті биіктігін немесе енін пиксельге салыңыз. Нәтиже келесідей болуы мүмкін:

Ұсынылған: