![]() Главная страница Случайная страница КАТЕГОРИИ: АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника |
Элементы форматирования на уровне блоков
При формировании Web-страниц часто требуется определить уровни заголовков. Существует шесть уровней, которые задаются тегами вида: < h1>...< /h2> - < h6>...< /h6> Заголовок первого уровня – самый крупный, шестого уровня, естественно, самый мелкий. < Р>...< /Р> – такая пара тегов описывает абзац. Все, что заключено между < р> и < /р>, воспринимается как один абзац. Закрывающий тег может быть опущен. Поскольку HTML-документы – это текстовые файлы, для их создания можно воспользоваться любым текстовым редактором, например Notepad (Блокнот). Все HTML-файлы следует сохранять с расширением.htm или.html. Это укажет компьютеру, что файл не просто текстовый, а содержит коды HTML. HTML-документ разделяется на две логические части: заголовок и содержание (тело). Заголовок заключается между тегами < head> и < /head>. В заголовке HTML-документа содержится название страницы, а также справочная информация (например, тип кодировки). Название страницы располагается между тегами < title> и < /title>. Например, < TITLE> Моя страничка < /ТIТLЕ>. Содержание – это то, что будет выводиться на экран программой просмотра – текст, картинки, видеофрагменты. Содержание заключается между двумя тегами < body> и < /body>. Теговая модель предполагает разбиение документа на отдельные фрагменты, которые заключаются в теги или начинаются тегом. Образец HTML-документа: < HTML>
< ТІТLЕ> Проба 1 < /TITLE> < /HEAD> < BODY>
< HR> < HR> Привет! Меня зовут....!. Это моя личная домашняя страничка. < /BODY> < /HTML>
Задание 2.2. Запишите определения основных понятий в тетрадь Коротко о главном HTML-элемент – это фрагмент HTML-документа, состоящий из открывающего тега, закрывающего тега и текста (или кода), расположенного между ними. Атрибуты – это компоненты тега, содержащие указания о том, как браузер должен воспринять и обработать тег. Значения атрибутов обычно заключаются в кавычки. Вид веб-страницы определяется тегами. При написании кода страницы теги заключаются в угловые скобки. Теги могут быть одиночными и парными, для которых обязательно наличие открывающего и закрывающего тега. Закрывающий тег содержит прямой слэш (/) перед обозначением. Контейнер – пара тегов, содержащая открывающий и закрывающий теги. Содержание – это то, что будет выводиться на экран программой просмотра – текст, картинки, видеофрагменты.
Задание 2.3. Выполните Ø В программе Блокнот создайте HTML-документ заданной структуры.
< HTML> < HEAD> < ТIТLЕ> Моя страница 1< /TITLE> < /HEAD> < BODY bgcolor=" black" text=" yellow" > < HR> < H1 align=" center" > Moя первая страничка< /Н1> < HR> < H2> Привет! Меня зовут....! < /H2> Это < В> моя < /В> личная домашняя страничка. < /BODY> < /HTML>
Ø Сохраните его в своей папке под именем FAMILIJA1.HTML, где «FAMILIJA» – это ваша фамилия, записанная латинскими буквами. Закройте программу. Ø Просмотрите в браузере созданный HTML-документ. Ø Просмотрите код вашего HTML-документа, для чего выполните цепочку команд «Вид» ® «Просмотр HTML-кода». Ø Откройте с помощью программы Блокнот созданный вами HTML-документ. Ø Дополните содержимое веб-странички информацией о своих увлечениях, о школе, о своем городе. Сохраните файл. Ø В окне браузера на панели инструментов нажмите кнопку Ø Закройте окна программ, с которыми работали.
Лабораторная работа №3. «Оформление текста в HTML-документе» Задание 3.1. Изучите материал темы «Оформление текста в HTML-документе», если возможно, добавьте новые оси в логико-смысловую модель «Основные понятия HTML» или создайте новую «Оформление текста в HTML-документе».
|