Для того, щоб створити сайт, потрібно знати багато різних мов.
Мови HTML і CSS призначені для верстки сайтів (верстка – це розміщення елементів сайту на потрібних місцях). Мова PHP потрібна для програмування сайту (за його допомогою можна, наприклад, зробити реєстрацію користувачів). Мова JavaScript потрібна для того, щоб “оживити” сайт: наприклад, зробити картинки, що змінюються (слайдер).
Мова HTML
Мова HTML – це основа веб-сайтів, за його допомогою створюється каркас сторінки, яку ви бачите в браузері. Якщо порівнювати сторінку сайту та звичайну паперову книгу, то на сайті, як і в книзі, є абзаци та заголовки.
У книзі є назва всієї книги (по суті найголовніший заголовок), є назви розділів, параграфів у цих розділах тощо. Заголовки, абзаци та інші блоки можна виділити на сторінці сайту. Це робиться за допомогою HTML тегів.
Що таке HTML теги?
HTML теги – це спеціальні команди для браузера. Вони вказують йому, що, наприклад, слід вважати заголовком сторінки, а що абзацем.
Теги будуються за таким принципом: кутова скобка
<, потім ім’я тегу, а потім знову кутова скобка
>. Ім’я тегу може складатися з англійських букв та цифр. Приклади тегів:
<h1>
<p>
<b>
Теги зазвичай пишуться парами – тег, що відкриває, і відповідний йому закриває.
Різниця між тегами, який відкриває та закриває в тому, що в тезі, який закриває після кутової скобки
< стоїть слеш /.
Наприклад, <p> - так я відкрив тег, а так -
</p> - я його закрив.
Все, що потрапляє між тегами, що відкриває і закриває, підпадає під вплив нашого тегу.
Бувають теги, які не потрібно закривати, наприклад,
<br> або <img>.
Атрибути
У тегах також можуть розміщуватись атрибути - спеціальні команди, які розширюють дію тегу. Атрибути розміщуються всередині тегу в такому форматі:
<тег атрибут1="значення" атрибут2="значення">
Лапки можуть бути будь-якими – одинарними або подвійними, допустимо їх взагалі не ставити, якщо значення атрибуту складається з одного слова (але це не бажано).
Мова CSS
Мова CSS розширює можливості мови HTML. Вона дозволяє змінювати кольори, шрифти, фон, взагалі займатися красою сайту. А HTML відповідно відповідає за структуру сайту.
Отже, приступимо
Отже, озброївшись деякими попередніми теоретичними знаннями, почнемо докладне вивчення мови HTML на практиці.