Please enable JavaScript.

Coggle requires JavaScript to display documents.

Основи HTML :desktop_computer: (Організація тексту (Стиль шрифту (<…

- - - - За допомогою параграфів ми можемо вирівняти текст по лівому краю
    - - За допомогою параграфів ми можемо вирівняти текст по правому краю
    - - За допомогою параграфів ми можемо вирівняти текст за шириною.
  - - - h1 - найважливіший, h6 - найменш важливий. Вводячи заголовки в текст, ви дозволяєте вашому відвідувачеві легше орієнтуватися на сторінці. Заголовками ви визначаєте структуру всередині тексту.
  - - - Це шрифт з символами однакової фіксованої ширини, як шрифт у друкарської машинки.
  - - - Для форматування частини тексту таким чином, щоб задати шрифт Arial використовується така конструкція
    - - У цьому випадку якщо у відвідувача не виявиться на комп'ютері шрифту Arial, то текст буде відображений шрифтом Verdana . Якщо і Verdana немає на комп'ютері вашого відвідувача, то текст буде відображений шрифтом Courier. Тобто в атрибуті face ми можемо поставити список розділених комами назв шрифтів, які браузер вашого відвідувача повинен спробувати знайти у нього на комп'ютері і відобразити в порядку пріоритету.
- - - - Це означає, що картинка буде притиснута до лівого краю екрана, а текст буде обтікати її справа.
    - - Це означає, що картинка буде притиснута до правого краю екрана, а текст буде обтікати її зліва.
    - - <img src="pr1.png" align="bottom">
        
        Внизу (bottom) картинки (це за замовчуванням)
      - <img src="pr1.png" align="middle">
        
        Посередині (middle)
      - <img src="pr1.png" align="top">
        
        Вгорі (top)
    - - <img src="pr1.png" vspace="10">
        
        Атрибут vspace - задає відстань між текстом і малюнком (по вертикалі). Відстань задається в пікселях. Pixel - мінімальна одиниця зображення, точка. Наприклад, роздільна здатність екрана 1920х1080 - 1920 на 1080 точок.
      - <img src="pr1.png" hspace="30">
        
        Атрибут hspace - теж задає відстань між текстом і малюнком, але по горизонталі. Відстань задається в пікселях. У нашому прикладі воно дорівнює 30 пікселям (точках).
      - <img src="pr1.png" alt="моя фотографiя">
        
        Атрибут alt - короткий опис картинки. Якщо навести курсором миші на малюнок, і так потримати його (курсор) кілька секунд, вискочить опис картинки. У нашому випадку це буде фраза - "моя фотографія". Якщо параметр alt не ставити, опису не буде. Але розумні люди кажуть, що опис картинкам задавати слід (особливо, якщо це кнопки), тому що є особливі люди, які бродять по інтернету з відключеною графікою. Без alt їм не буде видно на що натискати (якщо картинка є посиланням або кнопкою в меню), тому що картинка не відображається, а при заданому alt, можна побачити напис, для чого картинка призначена.
      - <img src="pr1.png" width="100">
        
        Атрибут width - ширина самої картинки (в пікселях). Якщо ширину не задавати спеціально, то за замовчуванням вона буде дорівнює реальної ширині картинки (а так ви можете її зробити або вже, або ширше).
      - <img src="pr1.png" height="200">
        
        Атрибут height - висота самої картинки (теж в пікселях). Так само як у випадку з width висоту (height) картинки можна і не ставити.
      - <img src="pr1.png" border="5">
        
        Атрибут border - рамка навколо самої картинки (в пікселях). Можна не ставити. Однак, за замовчуванням, рамка навколо картинки є завжди. І якщо ви хочете прибрати її, то виставляйте атрибут border рівним нулю.
      - <body text = "#336699" bgcolor = "#000000" background = "ваш_фон.jpg" >
        
        Kартинку можна зробити фоном документа. Це прописується у тезі <body>