Увага! Даний сайт не оновлюється. Нова версія: shatalov.su
Що таке інтернет? (Internet)
Інтернет - це все комп'ютери (обчислювальні пристрої) в світі, з'єднані між собою.
Синонім поняття Інтернет - веб. Слово веб - калька з англійського web (павутина). А web в свою чергу - частина поняття World Wide Web (всесвітня глобальна павутина). Величезну частку інтернету займають всілякі сайти.
Що таке сайти (Site)
Сайт (site) - це деяка кількість текстових файлів у форматі html. Тобто це звичайні файли, які зберігаються на якомусь комп'ютері.
І тут ми підходимо до нашої теми: а що ж це за формат такий - HTML, і навіщо він потрібен?
Що таке HTML?
HTML (HyperText Markup Language - мова розмітки гіпертексту) - це такий спеціальний мову. Але треба відразу зауважити, що це не мова програмування. Це мова розмітки тексту.
Якщо ви відкриєте будь-який текстовий файл в блокноті, то побачите тільки нудний текст. HTML же дозволяє перетворити такий нудний текст в більш цікавий: десь додати картинку, десь розбити текст на блоки.
Ще однією відмінною особливістю HTML є гіпертекст. Гіпертекст - це посилання. Тобто це можливість позначити текст спеціальним чином і натискання на цей текст призведе до переходу на іншу сторінку. Тобто гіпертекст (посилання) дозволяє зв'язати між собою різні сторінки (файли, так як кожна сторінка в інтернеті - це файл).
Використання HTML - синтаксис мови розмітки
HTML-текст складається з тегів, в які поміщають інформацію.
Тег складається з двох частин: відкриває тег і закриває тег. І в що відкриває, і в закриває тегах записується ім'я тега. Але в закриває перед ім'ям ставиться коса риска / - щоб відрізнити закриває, від откриающего. Ось кілька прикладів:
Слово tag перекладається як - етикетка, ярлик. Тобто тег як би пріявязивается до вмісту - розмічає його.
поодинокі теги
Деякі теги не мають закриває пари. А це означає, що у таких тегів немає вмісту. Наприклад, тег br - розриває рядок:
Простий текст,
на прикладі
якого показаний розрив
рядків.
Там де знаходиться тег br браузер зробить розрив рядка. В результаті кінцевий користувач вищенаведене пропозицію ось в такому вигляді:
Простий текст,
на прикладі
якого показаний розрив
рядків.
Ще теги, які не мають закриває пари: hr (горизонтальна риса) і img (картинка).
ієрархія тегів
Теги можна вбудовувати один в одного.
Тут div містить два абзаци, а перший абзац в свою чергу містить посилання.
При створенні ієрархії тегів головне, щоб вони не перетиналися:
Тут спочатку повинен закритися тег p, потім div.
атрибути тегів
Атрибути дозволяють додати додаткові відомості. Атрибути записуються через пробіл після імені відриває тексту:
<тег атрибут1="Значение атрибута" атрибут2="Значение атрибута" атрибут3="Значение атрибута">вміст тега
Ось так це буде виглядати на готової сторінці:
Ще один приклад атрибута - src у img. Цей атрибут дозволяє вказати шлях до картинки, яка повинна завантажитися:
Значення атрибутів можна записувати як в вдойних лапках, так і в одинарних:
Обидва варіанти правильні.
Ось загалом-то і все. Тепер ми готові приступити до створення HTML-документів.
Арканоід
Камера
клітини
спрайт
