Национальный цифровой ресурс Руконт - межотраслевая электронная библиотека (ЭБС) на базе технологии Контекстум (всего произведений: 634617)
Контекстум
.

Практика ЭВМ - HTML (220,00 руб.)

0   0
АвторыГруздев Денис Владиславович
ИздательствоИздательский дом ВГУ
Страниц108
ID670081
АннотацияУчебное пособие подготовлено на кафедре функционального анализа и операторных уравнений математического факультета.
Практика ЭВМ - HTML / Д.В. Груздев .— Воронеж : Издательский дом ВГУ, 2017 .— 108 с. — 108 с. — URL: https://rucont.ru/efd/670081 (дата обращения: 20.04.2024)

Предпросмотр (выдержки из произведения)

Практика_ЭВМ_-_HTML_.pdf
Стр.1
Стр.3
Стр.6
Стр.7
Стр.8
Стр.9
Стр.10
Практика_ЭВМ_-_HTML_.pdf
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РФ ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ «ВОРОНЕЖСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРИТЕТ» Д.В. Груздев ПРАКТИКА ЭВМ – HTML (3 КУРС) Учебное пособие Воронеж Издательский дом ВГУ 2017 1
Стр.1
HTML (HyperText Markup Language, язык разметки гипертекста) — это система верстки, которая определяет, как и какие элементы должны располагаться на вебстранице. В примере 1.1 приведен несложный пример такого кода. Пример 1.1. Первая веб-страница 8"> Моя первая веб-страница

Заголовок страницы

Основной текст.

Чтобы посмотреть результат примера в действии, проделайте следующие шаги. 1. В Windows откройте программу Блокнот (Пуск > Выполнить > набрать «notepad» или Пуск > Программы > Стандартные > Блокнот). 2. Наберите или скопируйте код в Блокноте (рис. 1.1). Стр.3
Никакого деления на виды это определение не имеет, синтаксис один и подчиняется четким правилам. Синтаксис Параметры Элемент верхнего уровня — указывает элемент верхнего уровня в документе, для HTML это тег . Публичность — объект является публичным (значение PUBLIC) или системным ресурсом (значение SYSTEM), например, таким как локальный файл. Для HTML/XHTML указывается значение PUBLIC. Регистрация — сообщает, что разработчик DTD зарегистрирован в международной организации по стандартизации (International Organization for Standardization, ISO). Принимает одно из двух значений: плюс (+) — разработчик зарегистрирован в ISO и - (минус) — разработчик не зарегистрирован. Для W3C значение ставится «-». Организация — уникальное название организации, разработавшей DTD. Официально HTML/XHTML публикует W3C, это название и пишется в . Тип — тип описываемого документа. Для HTML/XHTML значение указывается DTD. Имя — уникальное имя документа для описания DTD. Язык — язык, на котором написан текст для описания объекта. Содержит две буквы, пишется в верхнем регистре. Для документа HTML/XHTML указывается английский язык (EN). URL — адрес документа с DTD. Закрывающий тег Не требуется. Пример 1. HTML 4.01 8"> !DOCTYPE Стр.6

HTML (HyperText Markup Language, язык разметки гипертекста) — это система верстки, которая определяет, как и какие элементы должны располагаться на веб-странице.

Пример 2. HTML 5 !DOCTYPE

HTML (HyperText Markup Language, язык разметки гипертекста) — это система верстки, которая определяет, как и какие элементы должны располагаться на веб-странице.p> Браузеры Internet Explorer 6 требует, чтобы стоял обязательно в первой строке кода. В противном случае браузер переходит в режим совместимости (quirk mode). Хотя значение URL является не обязательным, браузеры при его отсутствии могут перейти в режим совместимости, поэтому всегда указывайте полный путь к DTDфайлу, как показано в табл. 1. Тег предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. Также внутри контейнера находятся метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Содержимое тега не отображается напрямую на веб-странице, за исключением тега устанавливающего заголовок окна веб-страницы. Внутри контейнера <head> допускается размещать следующие элементы: <base>, <basefont>, <bgsound>, <link>, <meta>, <script>, <style>, <title>. 7 </div> <div> <span class="item-name">Стр.7</span> </div> </div> <div class="tab-item-list" style="width:100%"> <div style="text-align:left"> Синтаксис <head> ... </head> Закрывающий тег Не обязателен. Атрибуты profile Указывает адрес профиля метаданных. Также для этого тега доступны глобальные атрибуты. Пример <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <!-- Этот раздел предназначен для заголовка страницы и технической информации. --> </head> странице. --> </body> </html> <body> <!-- А здесь надо размещать все, что хочется увидеть на Тег <title> определяет заголовок документа. Элемент <title> не является частью документа и не показывается напрямую на веб-странице. В операционной системе Windows текст заголовка отображается в левом верхнем углу окна браузера (рис. 1). Допускается использовать только один тег <title> на документ и размещать его в контейнере <head>. Рис. 1. Вид заголовка в браузере Firefox Синтаксис <head> </head> <title>Заголовок 8

Стр.8
Закрывающий тег Обязателен. Атрибуты Нет. Пример htmlbook.ru - Как правильно писать заголовок страницы

...

Примечание Тег выполняет множество задач, как прямо, так и косвенно. Ниже описано какую роль выполняет заголовок страницы. • По тексту заголовка пользователь получает дополнительную информацию, что это за сайт, на котором он находится и как называется текущая страница. Не стоит думать, что достаточно в документе указать логотип сайта и проигнорировать заголовок, ведь посетитель может свернуть окно. В свернутом виде заголовок также отображается на кнопках панели задач, поэтому можно легко ориентироваться, с каким сайтом в данный момент работать, а не перелистывать их по очереди. • Большинство браузеров поддерживают возможность сохранения веб-страницы на локальный компьютер. В этом случае имя сохраненного файла совпадает с названием заголовка документа. Если в тексте заголовка содержатся символы недопустимые в имени файла (\ / : * ? " < > |), они будут проигнорированы или автоматически заменены другими дозволенными символами. • При сохранении в разделе браузера «Избранное», адрес текущей страницы с ее заголовком помещается в список предпочитаемых ссылок. Поскольку этот список, как правило, хранится в виде отдельных файлов, к их именам также прилагается уже вышеописанное правило. В результатах поиска по ключевым словам, поисковые системы используют заголовок страницы для указания ссылки на данный документ. Интересно написанный заголовок, содержащий ключевые слова, привлечет больше внимания посетителей и увеличит шансы на то, что сайт посетит больше людей. 9 </div> <div> <span class="item-name">Стр.9</span> </div> </div> <div class="tab-item-list" style="width:100%"> <div style="text-align:left"> <meta> определяет метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Разрешается использовать более чем один метатег, все они размещаются в контейнере <head>. Как правило, атрибуты любого метатега сводятся к парам «имя=значение», которые определяются ключевыми словами content, name или http-equiv. Синтаксис HTML <head> <meta content="..."> </head> Атрибуты charset Задает кодировку документа. content Устанавливает значение атрибута, заданного с помощью name или http-equiv. http-equiv Предназначен для конвертирования метатега в заголовок HTTP. name Имя метатега, также косвенно устанавливает его предназначение. Закрывающий тег Не требуется. Пример <!DOCTYPE HTML> <html> <head> <title>Тег META

...

Тег является контейнером, который заключает в себе все содержимое вебстраницы, включая теги и . Открывающий и закрывающий теги в документе необязательны, но хороший стиль диктует непременное их использование. Как правило, тег идет в документе вторым, после определения типа документа (Document Type Definition, DTD), устанавливаемого 10
Стр.10

Облако ключевых слов *


* - вычисляется автоматически
.
.