СТРУКТУРА HTML-ДОКУМЕНТА - раздел Программирование, ВСТУП В МОВУ HTML
Bci Html-Документа Будуються За Визначеними Правилами:
...
Bci HTML-документа будуються за визначеними правилами:
§текст документа починаеться тегом <HTML> i заюнчуеться тегом </HTML>;
§всередині контейнера <HTML> знаходяться ще два контейнери <HEAD> (заголовок Web-сторінки) і <BODY> (її вміст);
§всередині; контейнера <HEAD> знаходяться інші контейнери, серед них <TITLE> (рядок символів заголовка вікна броузера).
Web-сторінка зберігається в текстовому файл зрозширенням HTML або НТМ.
Наприклад, закінчений HTML-файл може мати такий вигляд:
<html>
<head>
<title>Mій перший крок</title>
</head>
<body>
Привіт, це моя перша сторінка.
</body>
</htmlt>
Треба набрати цей текст будь-яким редактором (наприклад, "Блокнот"), зберегти його з довільним іменем, але обов'язково з розширенням .html або .htm (наприклад, prikladl.html). Якщо тепер відкрити програму Internet Explorer i виконати команду "Файл" -> "Открыть" -> кнопка "Обзор..." -> prikladl.html, на екрані броузера цей HTML-файл буде мати наведений вигляд (Рисунок 1) (зверніть увагу на розташування текстів "Мій перший крок" i "Привіт, це моя перша сторінка").
Рисунок 1. Результат виконання файлу prikladl.html
При відображенні HTML-файла броузером зайві пропуски ігноруються. Якщо розділити два слова трьома пропусками, то на екрані міжсловами залишиться один пропуск, а кілька порожніх рядків на екрані броузера будуть замінені на один. Коли текст досягає правої границі вікна, він автоматично переходить на новий рядок.
Все, що розташовано між тегами <head> </head>, - це службова інформація.
Все, що розташовано між тегами <body> </body>, - це безпосередній вміст документа.
Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ:
СТРУКТУРА HTML-ДОКУМЕНТА
Что будем делать с полученным материалом:
Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:
ВСТУП В МОВУ HTML
Мова HTML (мова гіпертекстової розмітки) призначена для опису Web-сторінок i не є мовою програмування. Вона призначена для розмітки текстових документів, тобто для їх
ВСТАНОВЛЕННЯ КОЛЬОРУ ФОНУ
Колір фону встановлюється за допомогою знайомого тега <body>. Наприклад, чорний фон встановиться командою:
<body bgcolor="#000000">
Якщо колі
ПАРАГРАФ
Параграфи вводяться тегом <р></р>. За допомогою параграфів можна вирівнювати текст:
по центру
<р align="center">те
СТВОРЕННЯ ЗАГОЛОВКА
Щоб виділити текст, використовують теги заголовків Н1-Н6. Наприклад, так: <НЗ>3 Новим роком! </Н3>.
Заголовки призначені для виділення невелико
Питання для самоконтролю
1. Якою мовою створюється Web-сторінка i яким чином відображується?
2. Що таке "гіперпосилання"? Який воно має вигляд i як ним користуватися?
3. Що та
Вставка малюнків
Щоб вставити малюнок, треба скористатися тегом:
<img src="my.jpg">,
де my.jpg -ім'я файла, що містить малюнок. Замість my.jpg можна вставити ім'я будь-якого іншого
ПОСИЛАННЯ
Web-сторінка може складатися із кількох документів. Один з них головний з ім'ям index.html або main.html - він відкривається першим i повинен обов'язково лежати на вашему сайті в In
ВІДСТУПИ
Для встановлення одного, двох i трьох відступів використовується тег <ul> </ul> за зразком:
<ul> один ввдступ </ul>
<ul> <ul> д
ОФОРМЛЕНИЯ ТАБЛИЦЬ
Для раціонального розподілу площі сторінки між її текстовими i графічними фрагментами використовують таблиці.
Таблиця задається тегом <table> </table>.
ВИРІВНЮВАННЯ ВМICТУ КОМІРОК
Щоб вирівняти вміст комірок таблиціпо горизонталі, треба вище наведений текст редагувати таким чином:
<table> <tr>
<td heigh
ФОРМАТУВАННЯ КОМІРОК
Параметр colspan визначае кількість стовпчиків, параметр rowspan визначае кількість рядків, на які простягається дана комірка.
ПІДСУМКОВА ЛАБОРАТОРНА РОБОТА "В
СПИСОК ЛІТЕРАТУРИ
1. Шестопалов Є.А. Internet для початківця. Посібник з інформатики, Книга 8. 2003 – 96 с.
2. Петюшкин А. Книга Профессиональное программирование HTML в Web-дизайне, "Б
Хотите получать на электронную почту самые свежие новости?
Подпишитесь на Нашу рассылку
Наша политика приватности обеспечивает 100% безопасность и анонимность Ваших E-Mail
Новости и инфо для студентов