Text-level tags. Представляет ссылку на ресурс Атрибуты (валидные для html5): download href hreflang media ping Rel target type.

Презентация:



Advertisements
Похожие презентации
РАЗРАБОТКА WEB-САЙТОВ.. Создание Web-сайтов реализуется с помощью языка разметки гипертекстовых документов HTML. Тэги – инструкции браузеру, указывающие.
Advertisements

Форматирование текста на Web- странице. Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! Структура HTML-документа.
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
это десятки миллионов Web-серверов Интернета, содержащих Web-страницы, в которых используется технология гипертекста. Технология WWW позволяет создавать.
Основы веб-разработки. HTML. Основные понятия. Работа с текстом. Лекция 2.
Основные понятия HTML расшифровывается HyperText Markup Lang uage (в переводе означает Язык Разметки ГиперТекста). HTML предназначен для создания веб-
Публикация во Всемирной паутине реализуется в форме WEB – сайтов. Сайт является интерактивным средством представления информации. WEB - сайт состоит из.
Гипертекстовые ссылки в тексте. Гиперссылка Гиперссылка часть гипертекстового документа, ссылающаяся на другой элемент (команда, текст, заголовок, примечание,
Ключевые слова 1.WWW 2.Структура Web-страницыHTML 3.HTML-редактор 4.Цветовые схемы 5.гиперссылка.
РАЗМЕЩЕНИЕ ИНФОРМАЦИИ В ИНТЕРНЕТ РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ.
Powerpoint Templates Page 1 Язык разметки гипертекста HTML.
HTML (от англ. Hyper Text Markup Language «язык разметки гипертекста») стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц.
HTML и CSS – языки создания статических веб-страниц HTTP – это простой запросно-ответный протокол, протокол передачи гипертекстовых файлов (HyperText.
Язык разметки гипертекста НТМL (HyperText Markup Language)
Инструментальные средства создания Web-сайтов
Публикация во Всемирной паутине реализуется в форме WEB – сайтов. Сайт является интерактивным средством представления информации. WEB - сайт состоит из.
Апрапрапрап. 1.HTML – язык разметки гипертекстовых страниц 2.Основные тэги для создания Web- страницы 3.Гиперссылки 4.Вставка графических изображений.
Семинар Создание Web-страниц с помощью FrontPage Йошкар-Ола 2001.
Знакомство с языком HTML Гипертекст – это электронный документ, который содержит гиперссылки на другие документы. Гипертекстовый документ предназначен.
КУРС «WEB-ДИЗАЙН». Что такое Web-страница? То, что мы видим в окне браузера, когда заходим на какой-либо сайт! Мы видим веб-страницу сайта – ее содержимое!
Транксрипт:

Text-level tags

Представляет ссылку на ресурс Атрибуты (валидные для html5): download href hreflang media ping Rel target type

href – содержит адрес ссылки Адреса бывают нескольких типов: URL URI Кроме того, они бывают: абсолютными относительными Используйте относительные ссылки в рамках одного сервера

URL – ссылается на файл [protocol]://[host]/[path]/[file] URI – ссылается на объект (объект определяется значением identifier), внутри документа (файла) [protocol]://[host]/[path]/[file]#identifier

Абсолютная ссылка /public_html/index.html /public_html/siberia/tunguska.html Относительная ссылка jd.html tunguska.png #history

атрибуты, не используемые без href: download – если без значения, то браузер постарается скачать ресурс. Может содержать шаблон – имя файла. hreflang – язык ресурса target – определяет контекст где будет открыт ресурс: _self – открывает ссылку в том же контексте (вкладке, окне, фрейме) _blank – открывает ссылку в новом контексте (вкладке, окне) _parent – открывает ссылку в «родительском контексте» (иначе аналогичен _self) _top – открывает ссылку в новом top-level контексте rel – определяет связь между документом, содержащим эту ссылку и ссылаемым ресурсом. Представляет собой список отношений, разделенных запятой. type – MIME типа ресурса ( MIMETYPES)

Атрибут rel. Типы ссылок (отношений) alternate archives author bookmark external first help icon index last license next nofollow noreferrer pingback preconnect prefetch preload prev search stylesheet sidebar tag up

другие атрибуты media – содержит медиа запрос. Используется для ссылок на специфичные таблицы стилей ping – если есть, то браузер посылает уведомление (ping) по URL, если пользователь переходит по ссылке

Подчеркивает, акцентирует внимание Каждый уровень вложенности увеличивает акцент По-умолчанию отображается курсивом Block-level content в html 5 теперь называется flow content

Используется для выделения: важного контента предупреждений, предостережений контента, с которым нужно ознакомится прежде всего Вложенные тэги могут увеличивать важность По-умолчанию отображается жирным шрифтом

Какая-нибудь инструкция Комплект поставки заглушка - 2 шт. гайка - 2 шт.... Сборка изделия Внимание! Перед началом работы убедитесь в наличии всех запасных частей из комплекта поставки. Возмите гайку и засуньте ее в......

Представляет «side-comment» и «small print» По-умолчанию размер шрифта меньше (large, medium, small, x-small) Пример использования – копирайт, Одноместный номер 199 без учета НДС Двухместный номер 239 без учета НДС

Представляет контент, который больше не является корректным или не соответствует остальному контенту. Не путать с По-умолчанию отображается перечеркнутым Пирожки с картошкой Обычная цена: 30 р. Супер цена: 20 р.

Представляет ссылку на авторский текст (труд). Может содержать: Название работы Информацию об авторе (человек, группа, организация) URL Авторский труд, это книга, статья, эссе, поэма, песня, фильм, тв-шоу, игра, скульптура, картина, опера, выставка, отчет, веб-сайт, веб- страница, пост на форуме или блоге, твит…

По словам Путина В.В. ливийских террористов забомбят прямо в их же сортирах

Comment by Oli Studholme August 19th, 2013 at 4:01 pm Unfortunately I don't think adding names back into the definition of cite solves the problem: of the 12 blockquote examples in Examples of block quote metadata, there's not even one that's just a persons name. A subset of the problem, maybe…

Содержит цитируемый контент Атрибут: cite – содержит URL источника По-умолчанию, при отображении, содержимое тега помещается в кавычки На странице About W3C говорится, что миссия организации W3C заключается в реализации всех потенциальных возможностей всемирной паутины путем создания протоколов и руководящих документов, способствующих ее развитию.

Представляет «термин» Содержащий этот тэг блок, должен содержать определение для этого термина По-умолчанию отображается курсивом Объект - это дискретная сущность, обладающая индивидуальностью

Представляет аббревиатуру или акроним Атрибуты: title – содержит расшифровку аббревиатуры или акронима НДС

Представляет контент, считываемый программно Атрибут value – содержит программно-считываемое представление данных

Представляет дату и время (по грегорианскому календарю) Атрибуты: datetime – строка, содержащая дату (и опционально время) в определенном формате Формат даты и времени: [YY]YY-MM[-DD[T][HH:MM[:SS[.NNN]][Z|offset]]] Web 2.0 Conference : October 5 - 7, at the Argent Hotel, San Francisco, CA

Представляет фрагмент исходного кода программы Для сохранения форматирования, может быть помещен внутри тэга public class FirstApp{ public static void main (String[] args) { System.out.println("Hello world"); } }

Представляет переменную (в математических формулах, программах, физическая величина, параметр функции, E = m c 2

Представляет пример вывода программы или компьютерной системы public class FirstApp{ public static void main (String[] args) { System.out.println("Hello world!"); } } Результат выполгнения программы Hello world!

Представляет пользовательский ввод (с клавиатуры, голосовые команды и т.п.) Чтобы закрыть окно, нажмите Alt + F4

и Представляют нижний индекс (sub) и верхний индекс (sup) Используется, как правило, для разметки простых формул в документах, чтобы обойтись без более сложных инструментов (LaTeX или MathML) 10-я точка ( x 10, y 10 ). E = m c 2 f( x, n ) = log 4 x n

Выделяет контент, который отделен от остального (например, определения, названия, фразеологизмы и т.д.) По-умолчанию отображается курсивом Не путайте с тэгом Термин flow content определен выше.

Выделяет контент, но без дополнительной смысловой нагрузки Если и используется, то для выделения ключевых слов или первых предложений параграфов

Можно использовать для выделения ошибок в тексте Применение крайне ограничено По-умолчанию контент отображается подчеркнутым (что может быть интерпретировано как ссылка)

Представляет контент документа, связанный (относится) с другим контентом, но не является цитатой. Используется для привлечения внимания пользователя. Когда используется в цитате, указывает на некоторую мысль, не представленную в оригинальном тексте. Когда используется не в цитате, выделяет часть документа, соответствующую текущей активности пользователя (например, поисковые системы могут выделять на странице ключевые слова, введенные пользователем).

позволяет использовать специальные аннотации, используемые, в основном, для указания произношения или других аннотаций текстов, написанных на Азиатских языках. - базовый текст - аннотация - определяет контейнер для текста - содержит текст, который отображается если браузер не поддерживает отображение нотации

base annotation jou zu

Используются для разметки текста, читаемого справа-налево.

Аналогично, не имеет конкретного назначения. Является универсальным элементом. Может использоваться в целях разметки программно анализируемых данных Так же используется для работы со стилями отображения отдельно взятых частей текста

Представляет переход на новую строку, который является частью контента (например, в стихотворениях или адресах) Не путайте переход на новую строку, который является частью параграфа, и 2 отдельных параграфа часть часть блок блок

Представляет контент, добавленный в документ Атрибуты: cite – ссылка на источник контента или информацию о вставке datetime – дата (и опционально время) изменения I like fruit. Apples are tasty. So are pears.

Представляет контент, удаленный из документа Атрибуты: cite – ссылка на источник контента или информацию об удалении datetime – дата (и опционально время) изменения Список дел Починить посудомойку Сходить в кино Скачать новый ASOT Купить принтер