Връзки и изображения в HTML

Добър ден на всички. Алексей Гулинин е във връзка. В последната статия разгледахме създаването на списъци в html. В тази статия бих искал да говоря за това как да добавя връзки и изображения към HTML страница. Може би в Интернет сега няма да намерите нито една страница, на която да няма изображения и връзки. Вземете менюто за навигация на сайта обаче, то е абсолютно на всяка страница. Няма да говорим много и веднага ще започнем да добавяме връзки и изображения към HTML страница. За да добавите изображение, трябва да използвате маркера. Само пример:

Както виждаме, тагът е единичен, т.е. той няма затварящ маркер. Той също така има няколко атрибута. Атрибутът src показва пътя към изображението. В този случай написахме "car.jpg". Картината ще се отвори в браузъра само ако файлът, от който я отваряме, е в същата директория като самата картина. Това е така нареченият относителен път. Можете да посочите пълен или по друг начин абсолютен път, за да не бъдете сбъркани. Например:

Да се ​​върнем към нашата конструкция:

В този случай ще бъде създадено изображение с ширина 300px и височина 200px, за което са отговорни атрибутите width и height. Ако не ги посочите, в браузъра ще се появи снимка с оригиналния размер, т.е. тази, която тя има физически. Също така стойностите на ширината и височината на картината могат да бъдат зададени като процент (от размера на екрана). Да предположим, че искаме картината да заема цялата ширина и половината от височината на прозореца на браузъра. За да направите това, трябва да напишете:

---