ТОР 5 статей:
Методические подходы к анализу финансового состояния предприятия
Проблема периодизации русской литературы ХХ века. Краткая характеристика второй половины ХХ века
Характеристика шлифовальных кругов и ее маркировка
Служебные части речи. Предлог. Союз. Частицы
КАТЕГОРИИ:
- Археология
- Архитектура
- Астрономия
- Аудит
- Биология
- Ботаника
- Бухгалтерский учёт
- Войное дело
- Генетика
- География
- Геология
- Дизайн
- Искусство
- История
- Кино
- Кулинария
- Культура
- Литература
- Математика
- Медицина
- Металлургия
- Мифология
- Музыка
- Психология
- Религия
- Спорт
- Строительство
- Техника
- Транспорт
- Туризм
- Усадьба
- Физика
- Фотография
- Химия
- Экология
- Электричество
- Электроника
- Энергетика
Принципи побудови HTML-документів
Після написання html-файлу слід зберегти його з деякою назвою та розширенням *.html.
На початковому етапі засвоєння мови розмітки гіпертексту НТML. нам будуть потрібні браузер - Internet Explorer, текстовий редактор - Блокнот. У текстовому редакторі ми будемо створювати HTML-документи (web-документи, HTML-файли), а у браузерах переглядати їх.
Команди мови HTML називаються тегами (<HTML>.. </HTML>). Теги бувають одинарними і парними. Більшість тегів парні, як, наприклад, <BODY>...</BODY>, <HEAD>...</HEAD>. Такі теги називаються ще контейнерами. Контейнер може містити текст та інші теги. Парні теги позначають початок (відкриваючий тег) і кінець (закриваючий тег) області дії відповідної команди. Тег, що закриває ділянку дії, має скісну риску (/) -слеш (не забувайте його писати, інакше тег працюватиме неправильно).
Тег – це фрагмент коду, команда мови HTML, що описує певні елементи документа HTML, вміщений у кутові дужки "<",">" і записується на англійській мові з дотриманням певних правил.
Назви тегів можна писати як великими, так і малими буквами.
Кожен HTML-документ має певну структуру:
<HTML>
<HEAD>
...
</HEAD>
<BODY>
...
</BODY>
</HTML>
де:
<HTML>.. </HTML> - означає початок та кінець HTML файлу
<HEAD>... </ HEAD > -описує заголовок документа.
<TITLE>…</TITLE> - В заголовку, обмеженому тегами <HEAD>... </ HEAD > записується заголовок Windows вікна (назва документу, яка повинна описувати його вміст. Ця назва відображається браузерами в рядку заголовка робочого вікна програми. При створенні назви документа слід пам'ятати про те, що залишиться від імені після мінімізації вікна браузера. Цей тег неможна плутати з назвою файла документу. Важливість назви документа полягає в тому, що ім'я сторінки загружається із Internet в першу чергу, а отримання заключної частини документа може займати подовжений час.
<BODY>...</BODY> - записують те, що відображатиметься у вікні броузера
При створенні web-сторінок виникає необхідність ввести ту чи іншу інформацію або наміри розробника, але так, щоб ці пояснення не відображались у вікні браузера. У таких випадках незамінним є коментар.
Коментарі можуть складатися із довільної кількості рядків, вони починаються з певної послідовності <!--- і завершуються символами --->.
Коментар (це фрагмент коду, що не виконується) - можна записати також за допомогою парного тегу <COMENT> текст </COMENT>.
При створенні web-сторінки слід пам'ятати про принцип вкладення те гів: коли поряд є два відкриваючі теги, то закривати треба спочатку другий, а лише потім перший.
Приклад:
<HEAD><TITLE> заголовок web-сторінки </TITLE> </HEAD>
Досить часто теги містять додаткові елементи, які Називаються атрибутами. В них використовуються будь-які символ и (на відміну від тегів, де використовуються тільки англійські літери)
Атрибути – параметри з додатковою інформацією про те, як браузер повинен обробляти поточний тег (наприклад текста). Він складається із імені, наприклад language, знака дорівнює = та значення, яке задається рядком символів, наприклад language="Arial". Значення атрибута можна записувати як в дужках, так і без них. Якщо ці значення використовують тільки символи латинського (англійського) алфавіта, цифри і дефіси, то лапки іноді відсутні. Атрибути в тегу відділяються один від одного інтервалами, при цьому їх порядок розміщення довільний.
Не нашли, что искали? Воспользуйтесь поиском: