Базові конструкції мови HTML. Призначення мови й основні поняття. Різні структурні елементи Web-сторінки позначають відповідними операторами, які називаються тегами. При одержанні Web-сторінки із сервера броузер аналізує її. Він знаходить у ній теги, що вказують, якого типу елемент треба відобразити, і виводить фрагмент Web-сторінки на екран. Сукупність тегів і правил їх використання називається мовою HTML – мова розмітки гіпертексту. Файл даних, фрагменти якого розмічені тегами мови HTML, називається HTML-документом. Ім’я такого файла звичайно має розширення .htm чи .html. HTML-документ, поміщений на Web-сервер є Web-сторінкою, яка переглядається за допомогою Web-броузера. Тому, навчившись створювати HTML-документи, ми зможемо робити власні Web-сторінки. HTML-документ складається з фрагментів тексту у вигляді ASCII-коду й тегів. Теги записуються символами ASII, які беруться в кутові дужки (знаки “<” менше та “>” більше). Таким чином, HTML-документ є звичайним ASII-файлом, і створювати його можна за допомогою найпростішого текстового редактора. Наприклад, при використанні редактора Блокнот треба ввести вміст HTML-документа, а при збереженні вибрати команду Файл-Сохранить. У вікні Сохранение, що відкрилося, встановити значення Все файлы в полі Тип файла, а в імені обов’язково вказати розширення .htm. Завдяки цьому файл буде відображатися у вигляді значка броузера, який встановлено на даному комп’ютері. Подвійне клацання на значку відкриває HTML-документ у броузері для перегляду. Наприклад, до поля імені файла можна ввести його назву “Перша.htm”. Щоб редагувати сворену веб-сторінку потрібно на документі натиснути правою кнопкою мишші та вибрати “Відкрити з допомогою Блокнот”. Теги. Структура HTML-документа. Вище було сказано, що тег – це вказівка браузера, як відображати фрагмент документа. Тег завжди починається символом “<” і закінчується символом “>”. Між цими символами вказується ім’я тега. В імені малі й великі літери не розрізняються. Теги бувають двох видів – одинарні й парні. Одинарний тег ставиться перед фрагментом тексту, яким він керує. Наприклад, запис <br> Зошит означає, що слово „Зошит” відображається з нового рядка. Парні теги складаються з двох частин – початкової та завершальної. Початкова частина вказує точку документа, з якої починається дія команди, а завершальна – точку її закінчення. Завершальна частина відрізняється від початкової наявністю символу „ / „ (похила риска) перед ім’ям команди. Наприклад, запис <b> Синій олівець </b> означає, що текст „Синій олівець” відображається напівжирним шрифтом. Ознакою того, що текстовий файл є HTML-документом, служить парний тег <HTML> </HTML>. Він починає і завершає весь документ, тобто HTML-документ має вигляд: <HTML> текст документа </HTML> HTML-документ складається з двох частин – заголовка й тіла. Заголовок позначається парним тегом <HEAD> … </HEAD>, а тіло – парним тегом <BODY> … </BODY>. Текст, що виводиться в заголовку вікна броузера, розміщається в парному тезі <TITLE> … </TITLE>. Структура HTML-документа має вигляд: <HTML> <HEAD> <TITLE> Заголовок документа </TITLE> </HEAD> <BODY> Тіло документа </BODY> </HTML>
У будь-якому місці HTML-документа можна помістити коментар. Це текст, який служить для пояснень розробника Web-сторінки та не відображається на екрані під час переглядуWeb-сторінки у броузері. Текст коментаря поміщається в парний тег <!- … ->. |