|
|
| Рядок 1: |
Рядок 1: |
| − | ==Урок 1==
| + | [http://wiki.iteach.com.ua/%D0%A1%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA_%D0%9E%D0%B4%D0%B5%D1%81%D1%8C%D0%BA%D0%B0_%D1%88%D0%BA%D0%BE%D0%BB%D0%B0_27_%D0%A3%D1%80%D0%BE%D0%BA_1 Урок 1] |
| − | <b>HTML</b> (HyperText Markup Language) - мова розмітки гіпертексту.
| + | |
| − | | + | |
| − | <b>HTML</b>-документ (або <b>Web</b>-документ, або <b>Web</b>-сторінка) - текстовий файл з розширенням .htm або .html
| + | |
| − | який розмічений засобами мови HTML для відображення браузером на екрані комп'ютера.
| + | |
| − | | + | |
| − | Web-сайт - це сукупність Web-сторінок (від кількох до кількох тисяч), які об'єднані спільною темою і розміщені, як правило на одному комп'ютері (сервері) в мережі.
| + | |
| − | | + | |
| − | Розмітка (верстка) документа засобами HTML виконується у два етапи:
| + | |
| − | | + | |
| − | ► документ розбивається на елементи: Заголовки, абзаци, малюнки, таблиці тощо;
| + | |
| − | | + | |
| − | ► для кожного елемента задається команда мови HTML, що називається <b>тегом</b> (або <b>дескриптором</b>)
| + | |
| − | | + | |
| − | <b>Тег</b> - це команда, що описує певний елемент HTML-документа, і міститься в кутових дужках < >.
| + | |
| − | | + | |
| − | Теги бувають парні та непарні.
| + | |
| − | ==Основні теги==
| + | |
| − | | + | |
| − | <html>...</html> - початок і кінець html-документу
| + | |
| − | | + | |
| − | <head>...</head> - початок і кінець Заголовку html-документу
| + | |
| − | | + | |
| − | <body>...</body> - початок і кінець Тіла html-документу
| + | |
| − | | + | |
| − | Деякі теги можуть мати <b>атрибути</b>. Атрибути вказують як саме буде відображатися елемент, на який вказує тег.
| + | |
| − | | + | |
| − | Наприклад:
| + | |
| − | | + | |
| − | <body bgcolor=blue text=yellow>
| + | |
| − | | + | |
| − | жовтий текст на синьому тлі
| + | |
| − | | + | |
| − | <p style="font-size:16pt; color:blue;">
| + | |
| − | | + | |
| − | | + | |
| − | Структура веб-сторінки.</p>
| + | |
| − | | + | |
| − | <b><html></b>
| + | |
| − | | + | |
| − | <b><head></b>
| + | |
| − | | + | |
| − | <b><title></b> Заголовок сторінки <b></title></b>
| + | |
| − | | + | |
| − | <b></head></b>
| + | |
| − | | + | |
| − | <b><body></b>
| + | |
| − | | + | |
| − | Зміст сторінки
| + | |
| − | | + | |
| − | <b></body></b>
| + | |
| − | | + | |
| − | <b></html></b>
| + | |
| − | | + | |
| − | <h2 style = color:green;>Наприклад</h2>
| + | |
| − | | + | |
| − | <html>
| + | |
| − | | + | |
| − | <head>
| + | |
| − | | + | |
| − | <title> Сайт Петренко Федора</title>
| + | |
| − | | + | |
| − | </head>
| + | |
| − | | + | |
| − | <body bgcolor=black text=white>
| + | |
| − | | + | |
| − | Мене звати Петренко Федір. Я навчаюся в середній школі №27 м. Одеси. Люблю грати у футбол, плавати та слухати музику.
| + | |
| − | | + | |
| − | </body>
| + | |
| − | | + | |
| − | </html>
| + | |
