Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






Элементы форматирования на уровне блоков






При формировании Web-страниц часто требуется определить уровни заголовков. Существует шесть уровней, которые задаются тегами вида: < h1>...< /h2> - < h6>...< /h6>

Заголовок первого уровня – самый крупный, шестого уровня, естест­венно, самый мелкий.

< Р>...< /Р> – такая пара тегов описывает абзац. Все, что заключено между < р> и < /р>, воспринимается как один абзац. Закры­вающий тег может быть опущен.

Поскольку HTML-документы – это текстовые файлы, для их создания можно воспользоваться любым текстовым редактором, например Notepad (Блокнот). Все HTML-файлы следует сохранять с расширением.htm или.html. Это укажет компьютеру, что файл не просто текстовый, а содержит коды HTML.

HTML-документ разделяется на две логические части: заголовок и содержание (тело).

Заголовок заключается между тегами < head> и < /head>. В заголов­ке HTML-документа содержится название страницы, а также справоч­ная информация (например, тип кодировки).

Название страницы располагается между тегами < title> и < /title>. Например,

< TITLE> Моя страничка < /ТIТLЕ>.

Содержание – это то, что будет выводиться на экран программой просмотра – текст, картинки, видеофрагменты. Содержание заключа­ется между двумя тегами < body> и < /body>.

Теговая мо­дель предполагает разбиение документа на отдельные фрагменты, ко­торые заключаются в теги или начинаются тегом.

Образец HTML-документа:

< HTML>

Заголовок
< HEAD>

< ТІТLЕ> Проба 1 < /TITLE>

< /HEAD>

< BODY>

Тело программы
< Н1> Моя первая страничка < /Н1>

< HR>

< HR>

Привет! Меня зовут....!.

Это моя личная домашняя страничка.

< /BODY>

< /HTML>

 

 

Задание 2.2. Запишите определения основных понятий в тетрадь

Коротко о главном

HTML-элемент – это фрагмент HTML-документа, состоящий из открывающего тега, закрывающего тега и текста (или кода), расположенного между ними.

Атрибуты – это компоненты тега, содержащие указания о том, как браузер должен воспринять и обработать тег.

Значения атрибутов обычно заключаются в ка­вычки.

Вид веб-страницы определяется тегами. При написании кода стра­ницы теги заключаются в угловые скобки. Теги могут быть одиноч­ными и парными, для которых обязательно наличие открывающего и закрывающего тега. Закрывающий тег содержит прямой слэш (/) перед обозначением.

Контейнер – пара тегов, содержащая открывающий и закрывающий теги.

Содержание – это то, что будет выводиться на экран программой просмотра – текст, картинки, видеофрагменты.

Весь HTML-документ помещается внутрь контейнера < HTML> < /HTML> Заголовок веб-страницы заключается в контейнер < HEAD> < /HEAD> Название веб-страницы содержится в контейнере < TITLE> < /TITLE> Основное содержание страницы помещается в контейнер < BODY> < /BODY>

 

 

Задание 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-документе».

 






© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.