Нерідко в статтях можна побачити абревіатуру HTML. Власне, завдяки цьому поняттю інтернет і став таким, яким він відомий сучасному користувачеві. Саме HTML привів до бурхливого зростання світової мережі і збільшення числа сайтів в ній.
Що таке HTML?
HTML - це мова, яка використовується для створення та розмітки веб-сторінок, що розміщуються в мережі. Вона була заснована на єдиній ідеї. Вона полягала у внесенні в звичайний текст посилань. Натиснувши на одній з них, користувач міг переміститися в інше місце документа.
Пізніше додалася можливість перейти по посиланню, яке веде до іншого текстового документа, розташованому в інтернеті. Це призвело до початку формування взаємопов`язаної системи сайтів, яка виросла до сьогоднішніх масштабів. Від цього і пішла назва HTML - Hyper Text Markup Language. На російську мову цю фразу перекладають як "мова гіпертекстової розмітки".
початок розвитку
Перші версії HTML були дуже простими. Крім додавання гіперпосилань, що надаються кошти дозволяли виконати лише базове форматування тексту. Однак досить скоро ці можливості перестали перекривати потреби користувачів. Сьогодні HTML розвинувся і надає всі необхідні інструменти і розширення, за допомогою яких створюються сучасні красиві і функціональні інтернет-сайти.
Основні елементи
Що таке HTML, якщо розглядати його зсередини? Будь-який файл HTML - це звичайний текстовий документ. В основі його розмітки лежать теги. Найчастіше вони являють собою парні конструкції, які призначені для зміни властивостей інформації (причому не тільки текстової). Наприклад, якщо написати в тілі html-файлу: "Будь-яке слово", браузер відобразить написане курсивом.
Цей приклад не відображає всієї потужності мови, існує в HTML велике число спеціальних конструкцій, які використовуються для досягнення самих різних цілей. За допомогою тегів можна в будь-якому текстовому редакторі створити інтернет-сторінку, коректно відображається в браузері. Такий документ, розміщений в світовій мережі, буде однаково показаний всім користувачам, хто зацікавився його вмістом.
На допомогу програмісту
В даний час для створення сайтів дуже рідко використовують текстові редактори. Їм на зміну прийшло візуальне форматування. Воно дозволяє заощадити багато часу при створенні сайтів і вважається найбільш зручним при верстці сторінок HTML. Програма, яка використовується для цих цілей і завоювала найбільшу популярність - Dreamweaver. Випускає її знаменита фірма Adobe.
Хоча подібні рішення і дозволяють часто досягти тих же результатів, що і при роботі в текстовому редакторі, все ж знання веб-майстром мови HTML необхідно. Навіть самі останні версії спеціалізованих додатків не завжди оптимально вставляють теги. Тому без ручної правки коду не обходиться жоден проект.
CSS
Відповідь на питання: "Що таке HTML-розмітка?" дан. Як зазначалося раніше, теги дозволяють змінювати оформлення інформації, наприклад, задавати розмір шрифтів, колір, їх сімейство. Даних параметрів може бути дуже багато, і якщо потрібно використовувати кожне їхнє поєднання більш ніж один раз, один і той же код доводиться дублювати.
Важливе доповнення до HTML - CSS (каскадні таблиці стилів). Впровадження їх було розпочато в 90-х роках. Під визначенням стилю розуміють набір різних властивостей розмітки. Причому кожне поєднання задається одноразово і зазвичай виноситься в зовнішній файл. У тих місцях, де необхідно застосувати стиль, записується тільки один тег.
Що важливо: якщо потрібно змінити будь-якої один параметр в наборі, досить відредагувати єдиний рядок. При цьому вид всіх блоків буде модифікований.
Засоби CSS побладают розширеними можливостями для оформлення сайтів, з якими чистий HTML не зрівняється.
складнощі розробки
Найчастіше створення веб-порталу починається з розробки його дизайну. Наповнення сторінок інформацією відходить на другий план. Верстка - процес непростий сам по собі, ускладнюється ж він тим, що користувачі використовують при роботі різні браузери. Кожен має певні особливості відтворення HTML-документів. Дозвіл моніторів також різниться.
Побудова складних сторінок може бути виконано двома підходами:
- Перший передбачає створення таблиць, в осередках яких розташовується інформація.
- Другий заснований на шарах або блоках. Що таке HTML-шар? Це абсолютно довільна область. Розмір і розташування ніяк не обмежені.
Кожен підхід має і недоліки, і гідності. Таблична верстка історично з`явилася раніше. Вона зручна, коли необхідно "розтягування" дизайну під Роздільна здатність екрану. Шари оптимально підійдуть, якщо на сайті розміщується багато фіксованих елементів.
javascript
HTML-розмітка без будь-яких доповнень дозволяє створювати сторінки зі статичною інформацією. Щоб зробити сайти інтерактивними, до існуючих стандартів був доданий мову сценаріїв під назвою javascript. У ньому використовується концепція об`єктів, до яких можуть застосовуватися методи і функції під час якої-небудь події. Наприклад, головний об`єкт з точки зору javascript - це Window. HTML-сторінка може бути закрита, якщо застосувати до нього метод "close".
Основні переваги мови сценаріїв:
- Простота освоєння: не обов`язково бути програмістом, щоб написати кілька рядків робочого коду.
- Виконання програми після певних подій. Наприклад, ви можете визначити, що функція повинна виконуватися тільки тоді, коли веб-сторінка повністю завантажиться або коли користувач клацне мишею по певному блоку.
- Динамічна зміна HTML-розмітки.
- Визначення браузера. Це дуже зручно, коли для кожного оглядача створена своя версія сайту. Програма відправить користувача "Мозилли" за однією адресою, а користувача "Опери" - по іншому.
замість висновку
Питання: "Що таке HTML?" розкритий. Треба сказати, що стаття не описує і менша частина всіх можливостей гіпертекстової розмітки. Щоб розібратися в більшості тонкощів, потрібно прочитати не одну книгу, а теорію поєднувати з практикою.
