Опора деревянной одностоечной и способы укрепление угловых опор: Опоры ВЛ - конструкции, предназначенные для поддерживания проводов на необходимой высоте над землей, водой...
История развития хранилищ для нефти: Первые склады нефти появились в XVII веке. Они представляли собой землянные ямы-амбара глубиной 4…5 м...
Топ:
Теоретическая значимость работы: Описание теоретической значимости (ценности) результатов исследования должно присутствовать во введении...
Техника безопасности при работе на пароконвектомате: К обслуживанию пароконвектомата допускаются лица, прошедшие технический минимум по эксплуатации оборудования...
Интересное:
Уполаживание и террасирование склонов: Если глубина оврага более 5 м необходимо устройство берм. Варианты использования оврагов для градостроительных целей...
Берегоукрепление оползневых склонов: На прибрежных склонах основной причиной развития оползневых процессов является подмыв водами рек естественных склонов...
Инженерная защита территорий, зданий и сооружений от опасных геологических процессов: Изучение оползневых явлений, оценка устойчивости склонов и проектирование противооползневых сооружений — актуальнейшие задачи, стоящие перед отечественными...
Дисциплины:
2020-06-02 | 118 |
5.00
из
|
Заказать работу |
|
|
В жизни большой любитель собак и компьютерных игр. </BODY>
</HTML>
Закройте документ, подтвердите его сохранение. А в окне браузера выполните команду меню
Вид/Обновить.
Слова, заключенные в угловые скобки, являются служебными словами языка HTML. Их принято называть тегами (tags). Теги никогда не отображаются при просмотре страницы — они служат для управления оформлением.
Существуют разные транскрипции слова browser, означающего просто программу просмотра веб-страниц.
Тег <HTML>, который вы видите в первой строке, означает, что наш текст действительно написан на языке HTML. Большинство тегов языка HTML — парные. Они обязательно требует присутствия закрывающего тега. Например, в этом примере в первой строке стоит открывающий тег <HTML>,а в последней—закрывающий тег </HTML>. Все,что расположено между ними,считается HTML-документом.
В языке HTML совершенно не имеет значения, строчными или прописными буквами записаны теги. Можно написать </HTML> или <html> — для броузера это одно и то же. Однако принято писать теги HTML прописными буквами, чтобы они лучше выделялись на фоне основного текста.
В рассмотренном примере вы видите еще один тег — <BODY>. Все, что расположено между ним и его закрывающим тегом (</BODY>), считается “телом” документа и отображается на экране. HTML,-документы, помимо “тела”, обычно содержат еще и заголовок, в котором заключена различная служебная информация.
Заголовок располагается между тегами <HEAD> и </HEAD>. Например, добавьте тег с заголовком <ТIТLЕ>Домашняя страница Сергея Сергеева </TITLE> внутри тега <HEAD> и </HEAD>. Просмотрите результат.
Обратите внимание на то, что в заголовке окна браузера также появились слова “Домашняя страница Сергея Сергеева”. Это произошло потому, что в разделе заголовка <HEAD> мы поместили этот текст между тегами <TITLE> и </TITLE>
|
Для форматирования текста существует множество специальных тегов. Сейчас рассмотрим самый простой из них — тег <BR>. В том месте, где он стоит, происходит принудительный переход на новую строку. (Причем в исходной записи можно продолжать текст на этой же строке — это не имеет значения.) Тег <BR> не имеет закрывающего парного тега, он употребляется сам по себе.
Принудительно поставьте теги перехода на следующую строку в конце каждой строкитекста. Сохраните и перезапустите страницу.
Иногда браузеры или другие программы обработки требуют, чтобы в начале HTML-документа обязательно стоял служебный тег <!DOCTYPE>, в атрибутах которого должна быть указана версия языка и некоторая другая информация. Добавьте строчку в начало документа:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
Сохраните и перезапустите страницу.
В данном случае в первой строке стоит указание, что в документе использована версия 4.0 языка HTML.
Параметры фона
Параметр | Функция | Примеры | |
BGCOLOR | Определение цвета фона | Задание белого фона | |
<BODY BGCOLOR="white"> | |||
<BODY BGCOLOR="#FFFFFF"> | |||
<BODY BGCOLOR="255,255,255"> | |||
BACKGROUND | Указание фонового рисунка | <BODY BACKGROUND= "images/bg.gif"> | |
BGPROPERTIES | Изменение свойств фона | <BODY BACKGROUND= "bg.gif" | |
(например, фиксирование | BGPROPERTIES= "fixed"> | ||
фонового рисунка) | прокручивая содержание документа, | ||
Поддерживается MS IE | фоновое изображение остается в | ||
зафиксированном виде. | |||
Описанные | параметры не являются обязательными, однако использование BGCOLOR |
2
рекомендуется по следующей причине: пользователь в настройках своего браузера может поставить любой цвет фона, а разработчик, полагая, что белый цвет является основным по умолчанию, может не указать этот параметр. В результате вместо подразумевающегося белого цвета, фон может оказаться черным, зеленым и т. д., что способно привести к нарушению оформления документа. Также наряду с графическим изображением фона рекомендуется использовать и параметры цвета на тот случай, если рисунок не загрузится (тогда браузер отобразит цвет).
|
Параметры границ документа
(значения задаются в пикселах)
Параметр | Функция | Примеры |
TOPMARGIN | Определяет отступ от верхнего | <BODY TOPMARGIN="5" |
края документа. | BOTTOMMARGIN="5" | |
BOTTOMMARGIN | Определяет отступ от нижнего | LEFTMARGIN="10" |
края документа. | RIGHTMARGIM="10"> | |
LEFTMARGIN | Определяет отступ от левого | |
края документа. | ||
RIGHTMARGIN | Определяет отступ от правого | |
края документа. | ||
MARGINWIDTH | Определяет горизонтальный | <BODY MARGINWIDTH="10" |
отступ | MARGINHEIGHT="5"> | |
MARGINHEIGHT | Определяет вертикальный | |
отступ |
Первые четыре употребляются только в MS IE, последние два Netscape.
Таким образом, если вы хотите учесть особенности всех браузеров, то в HTML-конструкцию надо подставить и те, и другие параметры:
<BODY TOPMARGIN="5" BOTTOMMARGIN="5" LEFTMARGIN="10" RIGHTMARGIN="10" MARGINMARGINHEIGHT="5">
Параметр SCROLL, доступный только в MS IE устанавливает наличие или отсутствие полос прокрутки окна браузера.
тег < МЕТА >
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=windows-1251">
Тег < МЕТА> пишется в области тега <HEAD> </HEAD> после заголовка <TITLE> и используется для ввода различной дополнительной информации: ключевых слов, описания веб-страницы, указания ее автора, программы-генератора и т. п. Но в данном случае этот тег используется для определения кодировки символов. Поскольку в тексте используются русские буквы, то есть, символы с ASCII-кодами, большими 128, необходимо указать, в какой кодировке эти символы нужно отображать. Большинство браузеров обычно это делают автоматически, и кроме того, имеют встроенную возможность выбора кодировки. Как правило, она находится в меню View (Вид). Однако иногда бывает полезно указать кодировку в явном виде.
В данном случае мы имеем дело с файлом в кодировке Windows, поэтому в качестве значение свойства charset указано " windows-1251 ". Кстати, если вы работаете в другой кодировке, например, KOI8, вам следует ввести другое значение — " koi8-r ", иначе эта страничка будет нечитаемой.
|
К сожалению, для явного указания кодировки приходится использовать столь длинный тег. Правда, многие браузеры сейчас начинают понимать и просто указание “без лишних слов”: <МЕТА CHARSET="windows-1251">. Однако этот метод не универсален,поэтому для лучшейсовместимости стоит всегда писать длинную строку, приведенную выше.
Самостоятельно выполните следующее:
· На основе изученного материала, самостоятельно измените созданную страницу так: o Заголовок, отображаемый в окне браузера, в котором отобразить ФИО
o Примените свой цвет фона
o Примените фоновую картинку (для этого предварительно, скопируйте любой графический файл на вашем компьютере в свою текущую папку)
o Отступы от краев станицы не менее 10 пикселей
o Возможность прокрутки страницы с фиксацией фонового рисунка
o В тексте страницы необходимо указать личные данные (ФИО, группа, специальность, дата рождения), уровень знакомства с основами технологии HTML, хобби.
o разбейте текст страницы на абзацы.
|
|
Автоматическое растормаживание колес: Тормозные устройства колес предназначены для уменьшения длины пробега и улучшения маневрирования ВС при...
Своеобразие русской архитектуры: Основной материал – дерево – быстрота постройки, но недолговечность и необходимость деления...
Наброски и зарисовки растений, плодов, цветов: Освоить конструктивное построение структуры дерева через зарисовки отдельных деревьев, группы деревьев...
Археология об основании Рима: Новые раскопки проясняют и такой острый дискуссионный вопрос, как дата самого возникновения Рима...
© cyberpedia.su 2017-2024 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!