Заглавная страница Избранные статьи Случайная статья Познавательные статьи Новые добавления Обратная связь FAQ Написать работу КАТЕГОРИИ: ТОП 10 на сайте Приготовление дезинфицирующих растворов различной концентрацииТехника нижней прямой подачи мяча. Франко-прусская война (причины и последствия) Организация работы процедурного кабинета Смысловое и механическое запоминание, их место и роль в усвоении знаний Коммуникативные барьеры и пути их преодоления Обработка изделий медицинского назначения многократного применения Образцы текста публицистического стиля Четыре типа изменения баланса Задачи с ответами для Всероссийской олимпиады по праву
Мы поможем в написании ваших работ! ЗНАЕТЕ ЛИ ВЫ?
Влияние общества на человека
Приготовление дезинфицирующих растворов различной концентрации Практические работы по географии для 6 класса Организация работы процедурного кабинета Изменения в неживой природе осенью Уборка процедурного кабинета Сольфеджио. Все правила по сольфеджио Балочные системы. Определение реакций опор и моментов защемления |
Текст занимает ширину окна браузераСодержание книги Поиск на нашем сайте Если вы просто напишите одну длинную строку в коде HTML, то в браузере она будет отформатирована, чтобы текст поместился по ширине в окно. Переносы текста будут добавлены автоматически в местах пробела или дефиса. Что произойдет, если в тексте нет ни того, ни другого символа? Браузер не сможет создать переносы и отобразит текст одной строкой. Если она шире окна браузера, то неминуемо появится горизонтальная полоса прокрутки. Поскольку HTML-файл является обычным текстовым документом, то для написания кода HTML и создания веб-страницы подойдет любой текстовый редактор, например «Блокнот».
СТРУКТУРА HTML - кода Если открыть любую веб-страницу, то она будет содержать в себе типичные элементы, которые остаются исходными, независимо от вида и направления сайта. Рассмотрим код, который обязательно присутствует в любом HTML документе. Для удобства добавлены номера строк, но в коде их, конечно же, быть не должно, иначе это приведет к ошибке. Пример 2. Исходный код веб-страницы 01. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> Рассмотрим подробно каждый тег: 01.!DOCTYPE предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа). Существует несколько видов!DOCTYPE, они различаются в зависимости от версии HTML, на которую ориентированы (пример 3). Пример 3. Допустимые DTD HTML 3.2 (предыдущая версия HTML) Разница между строгим и переходным описанием документа состоит в различном подходе к написанию кода документа. Строгий HTML требует жесткого соблюдения спецификации HTML и не прощает ошибок, что обычно приводит к иному отображению документа, чем планировал разработчик. Переходный HTML более «спокойно» относится к некоторым огрехам кода, поэтому этот тип использовать предпочтительнее. Замечание Часто можно встретить код HTML вообще без использования!DOCTYPE, веб-страница в подобном случае все равно будет показана. Тем не менее, может получиться, что один и тот же документ отображается по-разному при использовании!DOCTYPE и без него. Чтобы не произошло подобных ситуаций, всегда добавляйте этот тег в начало документа. При выполнении лабораторных заданий разрешается данный тег не использовать. 02. Тег <html> определяет начало HTML-файла, внутри него хранится заголовок (<head>) и тело документа (<body>). Без этого тэга браузер не в состоянии определить формат документа и правильно его интерпретировать. 03. Блок <head>, может содержать текст и теги, но содержимое этого раздела не показывается напрямую на странице. Все тэги, расположенные между <HEAD></HEAD> являются служебной информацией, например, тип кодировки, которая используется браузером для её правильного отображения, а также заголовок Web- страницы, название которого в максимальной степени должно соответствовать содержанию сайта. 04. Тег <meta> является универсальным и добавляет целый класс возможностей, в частности, с помощью метатегов, как обобщенно называют этот тег с разными параметрами, можно изменять кодировку страницы, добавлять ключевые слова, описание документа и многое другое. Так, чтобы браузер понимал, что имеет дело с кодировкой «Кириллица (Windows)» и добавляется строка, как в примере 2.
|
||
|
Последнее изменение этой страницы: 2017-02-10; просмотров: 178; Нарушение авторского права страницы; Мы поможем в написании вашей работы! infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 216.73.216.156 (0.005 с.) |