Введення у Веб

HTML (HyperText Markup Language, мова гіпертекстової розмітки) — це мова розмітки, яка визначає, які елементи повинні бути розміщені на веб-сторінці. Текст, посилання, зображення, списки, таблиці, відео та ін. — все це є элементами, які можна відобразити на веб-сторінці HTML. Даний курс орієнтований на тих, хто тільки починає знайомитись з мовами Веб-програмування.

See the Pen Tutoring lesson 1. Intro to h1 and p by Sergey (@holovashkin) on CodePen.

Розмітка HTML5

У HTML5 з'явилися наступні теги:

<article> <aside> <details> <figcaption> <figure> <footer> <header> <main> <mark> <nav> <section> <summary> <time>

Каскадна таблиця стилів

Каскадна таблиця стилів дозволяє змінювати кольори, положення та функціональність елементів html.

Ось, наприклад, за допомогою 2 строк коду, відбувається зміна кольору тексту, та фону сторінки:

See the Pen Tutoring lesson 2. Basic css by Sergey (@holovashkin) on CodePen.

body {background: indianred;} h1 {color: lightsalmon;}

Загальна структура

Існує багато методологій, які розділяють веб-сайт на різноманітні структури.

Початок роботи

Задля розробки Веб-сторінок достатньо простого будь-якого редактору, але для оптимальної роботи бажано звернути увагу на наступні безкоштовні ресурси та програми:

  • Редактори коду:
    • Atom - редактор коду від Github
    • Brackets - редактор коду від Adobe
  • Кольорві схеми:
  • Редактори коду "у браузері"
    • codepen - редактор коду онлайн
    • jsfiddle - редактор коду онлайн
  • Git - для відправки та контролю версій завдань на перевірку/публікацію.
Розпочати курс HTML5 та CSS3