Web-Programming.in.ua

HTML

HTML — мова розмітки гіпертекстових документів. Документ HTML обробляється браузером і відображається на екрані у звичному для людини вигляді.

HTML потрібно знати будь-якому Web-майстру, навіть якщо ви створюєте сайти на CMS.

Тому цей розділ сайту обов’язковий для вивчення абсолютно для всіх Web-майстрів.

Не дивлячись на свою простоту він є надзвичайно важливим для вивчення.

Мова HTML складається великої кількості тегів. Кожен тег має певну роль: вставляють посилання, картинки, таблиці, блоки, і т.д. Всі ці елементи ви будете використовувати при створенні власних сайтів.

Ось приклад HTML документа:

<html>
   <head>
      <title>HTML-документ</title>
   </head>
   <body>
      Hello world!
   </body>
</html>
Статті:

HTML5 Структурні елементи

Привіт, в цій статті я розкажу про основні можливості і переваги використання HTML5. Завжди під час верстки ми використовуємо тег "<div>", і коли структура складна, то цих div'ів з’являєтся дуже багато і це не зручно з ними потім розбиратись. В HTML5 є спеціальні теги, які зразу характеризують певну частину сторінки.…

Таблиці в HTML

Всім привіт, сьогодні я розкажу вам про таблиці в HTML. Таблиці - важлива тема, адже за допомогою них також можна верстати якщо й не весь сайт, то певні блоки точно. Створення таблиці Для створення таблиці використовується парний тег "<table>". Атрибути, які він приймає: "border=n" - товщина рамки, "width=n" - ширина…

Додавання відео на сторінку HTML5

Усім привіт. Напевно кожен хто вчиться розробляти сайти задає собі питання, як розмістити відео на web-сторінці і при цьому не використовувати сторінні відео-хостинги? В цьому уроці я покажу приклад, як це реалізувати за допомогою нових можливостей HTML5. Вимоги: браузер, який підтримує HTML5. Ви можете перевірити свій браузер на сайті http://caniuse.com/#search=video.…

Вийшов відеокурс по HTML

Всім привіт, давно нічого не публікував, бо був зайнятий, зокрема записом безкоштовного відеокурсу по основах HTML. Переглянути його можна на сторінці http://freehtml.lessons.web-programming.in.ua/

Вирівнювання елементів в HTML

Привіт, в цій статті ми навчимось вирівнювати елементи по лівому, правому краю і по центру. За замовчуванням браузер вирівнює усі елементи по лівому краю. Існують різні способи вирівнювання. Найстаріший і найлегший спосіб вирівняти елемент по центру - тег "center": <center> <p>text, text, text...</p> </center> Інший спосіб, яким користуються зараз усі…

Кольори в HTML

Привіт, в цій статті я розкажу про те, як задати колір в HTML. Існує три типи подання кольорів: RGB - Red Green Blue RGBA - Red Green Blue Alpha HSL - Hue Saturation Lightness CMYK - Cyan Magenta Yellow blacK Найбільш популярна - RGB і саме її використовують при створенні…

Як встановити Favicon на сайт

Привіт, в цій статті я розкажу Вам, як встановити Favicon на сайт.. Favicon - маленька картинка (16x16 або 32x32), яка відображається поряд з адресою сайту. Тепер детально про встановлення: 1) Потрібно знайти готову або намалювати самому. Є хороший сервіс, який дозволяє це зробити - http://www.favicon.cc/. 2) В секції "head" розмістити…

Списки в HTML

Привіт, в цій статті ми ознайомимось з списками в HTML. Давайте створимо порожній HTML документ. Списки бувають маркованими і нумерованими. Отже почнемо з першого: Для того, щоб створити маркований список використовують парний тег "<ul>". Для того, щоб створити елементи в списку використовують парний тег "<li>". Приклад: <ul> <li>Маркований #1</li> <li>Маркований…

HTML теги для форматування тексту

Привіт, ця стаття є обов`язковою для вивчення! В ній ми розглянемо, які є способи оформлення тексту. Для початку давайте створимо порожню HTML сторінку: <html> <head> <title>HTML теги для форматування тексту</title> </head> <body> </body> </html> Далі додамо основні стилі: <style> body { background-color: gray; color: white; margin: 50px; } </style> Тепер…

Зображення в HTML

Привіт, в цій статті ми навчимось додавати зображення в на веб-сторінку. Основний синтаксис: <img src="шлях/до/зображення.jpg" атрибути> Отже, ми використали не парний тег "img", і обов`язковий атрибут "src" з адресою зображення. Також часто використовують атрибути: "alt", "title", "width", "height", і т.д. "alt" - альтернативний текст для зображення, тобто текст, який буде…
Нагору