лекция. Конспект Разметка текста
 Скачать 23.11 Kb.
|
|
Конспект «Разметка текста» Списки Неупорядоченный список Тег Непосредственно в теге По умолчанию элементы Я пункт списка, могу быть на любом месте И я пункт списка, и мне тоже не важен порядок Упорядоченный список Тег Пункты упорядоченного списка тоже размечаются с помощью тега . Пример кода: По умолчанию перед элементами Я первый и только первый пункт Я не я, если я не второй пункт Третий после стольких лет? Всегда! У Атрибут start меняет стартовое число нумерации пунктов. Может быть отрицательным. Атрибут reversed меняет направление нумерации на противоположный. Этот атрибут не требует значения. С помощью атрибута type можно задавать различные типы маркеров: строчные и заглавные латинские буквы или римские цифры. Список описаний Тег (сокращение от «description term») обозначает термин; (сокращение от «description definition») обозначает описание или определение. Теги и пишутся внутри По умолчанию браузер добавляет небольшой отступ слева от определений. HTML Язык гипертекстовой разметки CSS Каскадные таблицы стилей Язык для оформления HTML-документов Преформатированный текст и код Тег (сокращение от «preformatted text»). Используется для отображения примеров кода, также применяется для отображения картинок ASCII Art. Браузер сохраняет и отображает все пробелы и переносы, которые есть внутри тега . Пример преформатированного текста с сохранёнными пробелами и переносами строк Пример преформатированного текста с сохранёнными пробелами и переносами строк Тег С его помощью размечается любой фрагмент текста, который распознается компьютером: код программы, разметки, название файла и так далее. Обычно браузеры отображают текст в теге Тег ul — это неупорядоченный список.Тег ul — это неупорядоченный список. Тег . Цитаты Небольшие цитаты Тег (сокращение от «quote»). Предназначен для выделения цитат внутри предложения. Текст внутри тега браузер автоматически обрамляет кавычками, поэтому добавлять кавычки вручную не нужно. Источник цитат Тег . В нём можно указывать помимо адреса источника цитаты ещё и название произведения, откуда цитируется текст, а также имя автора или организации, чей текст цитируется. Содержимое в браузере выделяется курсивом. По словам Чарльза Буковски — Интеллектуал о простой вещи говорит сложно — художник сложную вещь описывает простыми словами. По словам Чарльза Буковски — Интеллектуал о простой вещи говорит сложно — художник сложную вещь описывает простыми словами. Тег может быть самостоятельным и не привязываться к цитате: Какой доктор ваш любимый (в сериале Доктор Кто)? Длинные цитаты Тег . Предназначен для выделения длинных цитат, которые могут состоять из нескольких абзацев. Тег выделяет цитату не как фрагмент текста в предложении, а как отдельный блок текста с отступами. Ум ценится дорого, когда дешевеет сила. Джейсон Стэтхэм В браузере контенту тега обычно добавляется дополнительный отступ слева и справа. Обычный текст. Ум ценится дорого, когда дешевеет сила. Джейсон Стэтхэм Разметка фрагментов текста Символы-мнемоники Это особые строки, которые начинаются с амперсанда (&) и заканчиваются точкой с запятой (;). Например, знак меньше на страницу можно вставить мнемоникой < (less than), а знак больше мнемоникой > (greater than): Некоторые символы в HTML зарезервированы, то есть браузер считает их HTML-кодом. Например, любой текст после знака меньше (<) браузер будет пытаться интерпретировать как тег и на странице не отобразит. Чтобы использовать специальные символы в тексте страницы как обычные символы их нужно заменить на символы-мнемоники. <ul> </ul> Перенос строк Тег (сокращение от «line break»). Применяется, чтобы вставить в текст перенос строки, не создавая при этом абзац. Например, при разметке стихов или текстов песен. Верхний и нижний индексы Теги и . Названия образованы от слов «superscript» и «subscript». Тег отображает текст в виде верхнего индекса, а отображает текст в виде нижнего индекса. Их используют для указания единиц измерения или для написания простых формул: 20м2 H2O X3+X2=1 20м2 H2O X3+X2=1 Для создания более сложных формул, эти теги можно использовать внутри друг друга. Дата и время Тег . С помощью него можно описывать даты одновременно и для человека, и для машины. Для указания даты в машиночитаемом формате ISO 8601 существует атрибут datetime и выглядит так: Браузер отображает только содержимое тега, а содержимое datetime не отображается. Акцентирование внимания Теги и . Названия образованы от слов «emphasis» и «italic». Предназначены для акцентирования внимания на слово или фразу. Визуально оба тега одинаковы, они выделяют текст курсивом. Тег определяет текст, на который сделан особый акцент, меняющий смысл предложения. Я просто обожаю холодные зимние дни! Тег применяется для обозначения текста, который отличается от окружающего текста, но не является более важным. Например, в можно заключать названия, термины, иностранные слова. Также в этот тег можно обернуть мысли героя. В речи такой текст обычно выделяется интонационно: Он взглянул в окно и подумал — такого просто не может быть! Выделение и придание важности Теги и . Название образовано от слова «bold». Отображаются оба тега одинаково, они выделяют текст жирным. Тег указывает на важность отмеченного текста. Он может использоваться для выделения предупреждений или части документа, которую пользователь должен увидеть раньше остального. При этом обозначение части текста тегом не должно изменять смысла предложения. Внимание! Это место опасно. Вы можете упасть в пропасть, если подойдёте близко к краю. Тег предназначен для выделения текста с целью привлечения к нему внимания, но без придания ему особой важности. Использовать его нужно только в случае, когда остальные теги выделения не подходят. Типичный пример — выделение вводного предложения статьи. Вы входите в небольшую комнату. Ваш меч загорается ярче. Крыса стремительно пробегает вдоль стены. Описание изменений Теги Тег Тег выделяет текст, который был добавлен в новой версии документа. В браузере этот текст подчёркивается. Почистить посудомоечную машину П П Купить принтер Разделение контента Теги и . Это «чистые» элементы, и обычно они отлично подходят в качестве обёртки для стилизации или группировки других элементов. Использовать эти теги рекомендуется в тех случаях, если более подходящих семантических тегов не нашлось. Тег используется для группировки структурных элементов или в качестве вспомогательных контейнеров для создания нужной раскладки. Тег используется для группировки текстовых элементов, выделения отдельных слов или фраз внутри абзацев, пунктов списка и так далее. … … Текст, в котором выделена фраза |