Підручник по html - розміщення тексту поруч з картинкою

Сьогодні більшість комп'ютерів підключено до інтернет постійно, і тому немає нічого дивного в тому, що весь час з'являються все нові і нові сервіси, що пропонують виконувати онлайні, то, що люди звикли робити без допомоги мережі. Ще одне поповнення в скарбничці онлайн-сервісів - годинник-будильник. Якщо у вас під рукою немає будильника, а вранці рано вставати, просто зайдіть на сайт Onlineclock, встановіть час побудки, і онлайн-будильник не дасть вам проспати. Творці ресурсу також передбачили можливість вибору кольору фону і розміру цифр. Вона повинна сподобатися тим, хто часто прокидається серед ночі і дивиться, скільки годин сну йому ще залишилося.


Як малювати в Photoshop

Photoshop спочатку був призначений для обробки готових зображень, це вже потім, з приходом спеціальних пристроїв введення, таких як графічні планшети, стало можливим з нуля створювати творчі роботи, ніж художники зараз активно користуються. У цьому ролику ви побачите як же створюють свої цифрові картини справжні майстри Photoshopa. Подивіться, як швидко і легко намалював співачку Beyonce американський художник.

Розміщення тексту поруч з картинкою

Текст може розташовуватися зверху, внизу, знизу густо з картинкою.

- розміщення тексту вгорі
- розміщення тексту посередині
- розміщення тексту знизу
- розміщення тексту справа
- розміщення тексту зліва

За замовчуванням ширина і висота картинки дорівнює реальним розмірам картинки, щоб саму картинку не міняти в розмірах, можна це зробити за допомогою тегів (він її стисне, але буде виглядати трохи криво):

Де width = "100" - цифра регулює ширину картинки
height = "200" - цифра регулює висоту картинки

- якщо навести курсор миші на малюнок, то через деякий час вискочить опис картинки, в цьому випадку вискочить "моя перша картинка на сайті".

Для приведення прикладу знадобиться маленька картинка, приблизно 100х100 пікселів.



Мій перший сайт!


Ласкаво просимо мій перший сайт!


Вчитися мистецтву створення сайту необхідно, адже Інтернет пропонує нам унікальну можливість заявити про себе, проявити свій творчий талант і бути почутим. Вступивши на цю дорогу, вам прідетсяотдавать вашій майбутній сайту всі сили, всю енергію, весь талант.

Врахуйте ще й ось що: процес створення сайту включає в себе як технічні, так і чисто творчі моменти


У прикладі показано, як розмістити текст по лівому краю, а також опис картинки, висота і ширина.

    Важливо!
  • все, що між означає тег. Якщо між ними підставити текст, то його не буде видно в браузері.
  • при зміні певного тексту (а це теги для зміни шрифту, кольору або вирівнювання тексту і т.п.) обов'язково повинен бути закінчує тег.
  • теги можна писати як великими, так і прописними буквами
  • не можна називати створену HTML сторінку (наприклад: мій сайт.html) по-російськи, тільки по-англійськи і без пробілів.

Схожі статті