На сайт Информатика в школе К оглавлению учебника Структура HTML-доукментаТерминологияЭлемент - конструкция языка HTML. Это контейнер, содержащий данные и позволяющий отформатировать из определенным образом. Любая Web-страница представляет собой наор элементов. Одна из основных идей гипертекста возможность вложения элементов. Тег - начальный или конечный маркеры элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web-страницы теги заключаются в угловые скобки, а конечный тег всегда снабжается косой чертой. Пример: элемент, содержащий некоторый текст, ограничен начальным тегом (маркером) <P> и конечным тегом (маркером) </p>. Т.е. текст помещен между тегами как в контейнер. Здесь же можно увидеть, как осуществляется возможность вложения элементов. Тег <Font> вложен внутрь тега <P>, поэтому конечный тег </font> стоит перед </p>. В данном примере тег <P> указывает на то, что текст является отдельным абзацем, а тег <Font> задает формат шрифта, в нашем случае зеленый цвет шрифта. <P> <font color="green">Этот текст будет расположен в отдельном абзаце и выполнен зеленым цветом шрифта.</font> </p> В результате тагого форматирования на экране компьютера мы увидим текст зеленого цвета в отдельном абзаце: Этот текст будет расположен в отдельном абзаце и выполнен зеленым цветом шрифта. Атрибут - параметр или свойство элемента. Это, по сути, переменная, которая имеет стандартное имя и которой может присваиваться определенный набор значений: стандартный или произвольный. Атрибуты располагаются внутри начального тега и отделяются друг от друга пробелами. <P align="center"> Этот текст будет выровнен по центру экрана </p> В данном примере атрибут align (выравнивание) расположен внутри тега <P>, следовательно он задает выравнивание этого абзаца. Значение атрибута равно "center", т.е. выравнивание абзаца будет по центру экрана. На экране мы увидим: Этот текст будет выровнен по центру экрана. Структура HTML-документаНиже приведена структура типичного Web-документа.
Правила синтаксиса1. Взаимное расположение элементов HTML, HEAD, TITLE, BODY должно быть стандартным на любой странице. <HTML> <HEAD> <TITLE>.....</title> </head> <BODY> .................. </body> </html> 2. Всегда использовать конечные теги (не забывать </p>, </h1>, </table> и др.). 3. Не нарушать правила вложения тегов. Правильно: <H1>Заголовок крупный <H2> Заголовок поменьше </h2> </h1> Не правильно:<H1>Заголовок крупный <H2> Заголовок поменьше </h1> </h2> 4. Любая полезная информация должна находится между начальным и конечным тегами, указывающими ее формат. 5. Все атрибуты располагаются в начальном теге. 6. Принято начальные теги писать ЗАГЛАВНЫМИ буквами (<H1>), а конечные строчными буквами (</h1>). Задания для выполнения: 1. Откройте текстовый редактор "Блокнот". 2. Наберите в нем структуру HTML-документа, которая представлена вам в таблице этого урока (левый столбец таблицы). 3. Сохраните файл в своей папке, присвоив ему имя page1.htm 4. Зайдите в свою папку и откройте созданный файл. Вы увидите, как выглядит созданный вами файл в окне броузера. 5. Закройте броузер. 6. Вернитесь к сохраненному файлу в "Блокноте". 7. Внесите в него следующие изменения: пусть это будет ваша первая страничка. Укажите в ней ваши фамилию, имя, школу, класс, увлечения. Используйте для этого форматирование заголовков и абзацев. 8. В строке <TITLE> укажите: "Домашняя страничка (ваше имя и фамилия). 9. Сохраните файл как page2.htm. 10. Просмотрите результат в броузере, при необходимости отредактируйте файл при помощи "Блокнота". |