Зібравши вчора багато критичних коментарів з приводу моєї любові до візуального представлення інформації, зокрема, до того, що я запропонував візуально представляти, сьогодні продовжу тему, але в більш конструктивному руслі. І тут мене закритикувати не вийде, бо HTML я знаю краще, ніж психологію. І питання полягатиме не в тому, що представляти у візуальній формі — це я залишу на ваш вибір, а сам розкажу, як це зробити.
Отже, мова сьогодні піде про вставлення зображень у запис блогу. Навіть не просто вставлення — тицьнути на кнопку у візуальному редакторі може кожен, а про те, як можна налаштувати вигляд зображення, його розташування та інші параметри. Варто сказати, що дані поради працюють і в коментарях ЖЖ — от тільки їх антиспам може заскрінити вашу писанину, помітивши як підозрілу.
Отже, вставивши за допомогою кнопки малюнок і перемкнувшись у режим HTML ми побачимо щось таке:
<img alt="_DSC0120" height="530" src="http://ic.pics.livejournal.com/thepiktor/34655138/4575/4575_original.jpg" title="_DSC0120" width="800" />
Тег img, власне, відповідає за вставляння зображення у веб-документ і йому можна дописати іще цілу купу параметрів. Розглянемо ті, що є уже.
- src — зрозуміло, що це посилання на вашу картинку.
- width та height — масштабування зображення за шириною та висотою. Якщо не писати цих параметрів, то картинка буде показана такою, як вона є. Якщо вказати один із цих параметрів, то інший буде змінений браузером так, щоб зберегти пропорції. Якщо вказати обидва, то пропорції можуть бути порушені.
- alt — заміщуючий напис — ви його побачите на сторінці, якщо зображення з якихось причин не завантажиться.
Наприклад, можна написати "ImageShack нехай горить у топці" і, якщо зображення не покажеться, всі дізнаються, чому це сталося. Пошуковики за alt можуть індексувати ваші малюнки, тому вказуйте те, що на них зображено, якщо вас хвилює хоч якась релевантність пошуку вашого контенту. - title — заголовок зображення, з’явиться у вигляді спливаючої підказки (tooltip) під курсором миші. Так, як на зображенні нижче.