Основы HTML, Теоретическая часть, Работа с текстом, изображения, мультимедия - Разработка программ на языке Ассемблер и на языке HTML
Теоретическая часть
Работа с текстом, изображения, мультимедия
Теги заголовков - <H1>,<H2>,<H3>,<H4>,<H5>,<H6>
Всего 6 видов заголовков - от H1 до H6. Тегу H1 соответствует самый большой заголовок, тегу H6 - самый маленький. Закрывающий тег обязателен.
Атрибуты:
Align - выравнивает заголовок в соответствии со следующими значениями:
Center - по центру.
Left - по левому краю.
Right - по правому краю.
Title - всплывающая подсказка.
Тег <p> создает новый параграф.
Атрибуты:
Align - выравнивает параграф относительно одной из сторон документа
Left - выравнивание по правому краю (по умолчанию)
Right - выравнивание по правому краю
Center - выравнивание по центру
Justify - выравнивание по ширине
Title - всплывающая подсказка
Контейнер <b> </b> выделяет текст жирным шрифтом.
Аналогичный тег - <strong> </strong>, он тоже выделяет текст жирным. Но его не рекомендуется использовать больше 1-2 раз на странице - при большом количестве тегов <strong> на странице поисковые системы могут воспринять это как спам.
Атрибуты:
Title - Всплывающая подсказка.
Тег <hr> добавляет в документ горизонтальную линию.
Закрывающий тег не обязателен.
Атрибуты:
Size - устанавливает толщину линии
Width - устанавливает ширину линии в пикселах или процентах
Noshade - создает линию без тени
Color - Задает линии определенный цвет
<hr noshade="noshade" width="80%" color="#00FF33" />
Тег <br /> переводит текст на новую строку.
Закрывающий тег не обязателен.
Очень длинный текст, который нужно разбить на две строки.
Очень длинный текст, но уже разбитый на две строки вставкой тега <br /> после слова "текст,"
Контейнер <nobr> </nobr> запрещает перевод строки.
Текст, заключенный между тэгами, будет в одну строку без переноса на другую. Если строка не уместится на экране, то для ее просмотра появится полоса прокрутки.
Очень длинный текст, который не переносится на две строки и заключен в контейнер <nobr> </nobr>.
Контейнер <sub> </sub> делает подиндекс.
Контейнер <sup> </sup> делает надиндекс.
Контейнер <big> </big> выводит более крупный, чем окружающий текст.
Контейнер <i> </i> выделяет текст курсивом.
Вместо него рекомендован Контейнер <em> </em>.
Контейнер <em> </em> выделяет текст курсивом.
Рекомендован вместо контейнера <i> </i>.
Тег <s> делает текст зачеркнутым.
Закрывающий тэг </s> обязателен. Не рекомендован для использования.
Тег <tt> выделяет текст моноширинным шрифтом.
Закрывающий тэг </tt> обязателен.
Вместо него рекомендован контейнер <kbd> </kbd>.
Тег <kbd> выделяет текст моноширинным шрифтом.
Закрывающий тэг </kbd> обязателен.
Контейнер <u> </u> делает текст подчеркнутым.
Тег <font> определяет цвет, размер и выводимый шрифт.
Закрывающий тег </font> обязателен.
Color - определяет цвет текста.
Face - определяет гарнитуру шрифта.
Size - определяет размер текста в пределах от 1 до 7, где 1 - самый мелкий шрифт. По умолчанию равен 3.
<font color="#0000CC" face="Verdana" size="5"></font>.
<font color="#CA0000" face="Times New Roman" size="2"></font>.
Тег <pre> предварительно отформатированный текст.
Преформатированный текст отображается моношириным шрифтом.
<pre>предварительно отформатированный текст, с сохранением последовательно поставленных пробелов.</pre>
Тег <marquee> заставляет текст перемещаться из стороны в сторону.
Закрывающий тег </marquee> обязателен.
Атрибуты:
Behavior - определяет вид движения.
Alternate - колебательные движения налево и направо.
Scroll - перемещение текста в направлении, указанном в direction. Достигнув края экрана, надпись появляется снова с противоположной стороны.
Slide - схоже с scroll, но текст перемещается только один раз и останавливается.
Direction - Определяет направление движения.
Down - движение вниз.
Left - движение справа налево (по умолчанию).
Right - движение слева направо.
Up - Движение вверх.
Тег <q> предназначен для включения в документ короткой цитаты.
Закрывающий тег </q> обязателен.
Тег <blockquote> предназначен для включения в документ длинной цитаты.
Закрывающий тег </blockquote> обязателен. Тег <blockquote> создает отступы с обеих сторон и отделяется от остального текста пустыми строками.
Какой-то текст,
Здесь цитата
И текст продолжается.
Контейнер <address> </address> применяют для указания сведений об авторе.
Сюда же обычно помещаются и сведения об авторских правах, а также дата создания и последней модификации документа. Текст обычно отображается курсивом. .
Тег <cite> используется для цитат.
Контейнер <code> </code> применяют для выделения программного кода
Изображения В HTML.В HTML изображения вставляются с помощью тега Img. Тег Img-- пустой, он содержит атрибуты и у него нет закрывающего тега. Для отображения изображения на странице используется атрибут Src.Src появилось от source, что означает Источник. Значением атрибута src является Url-адрес изображения. Строка выше означает, что изображение находится в той же директории (папке), что и сам html-файл, ссылающийся на данное изображение. Допустим, у Вас есть папка html, в которой содержится index. html с указанным выше кодом и само изображение с названием image. jpg.
В таком случае при открытии index. html в браузере Вы увидите данное изображение. Если же оно у Вас где-либо в другом месте (на папку выше или ниже), то вместо этого у Вас отобразится либо белое поле, либо небольшой прямоугольник с красным крестиком (не удалось загрузить изображение). Изображения не всегда находятся в той же директории (папке), что и сам файл, поэтому прописывание путей конкретнее будет описано чуть позже.
Атрибуты тега imgПомимо src у тега img есть и другие атрибуты, которые отвечают за размеры отображаемого изображения, подпись к нему и прочее.
Src - адрес изображения width - ширина изображения height - высота изображения title - подпись, которая высвечивается при наведении на изображение alt - альтернативный текст. Нужен для поискового робота и индексации изображенийborder - толщина границы изображения. 0 - нет границы, 1 - самая тонкая граница и тд
Адрес вставленного изображения (примеры)Как правило, изображения хранятся не в той же папке, что и сам Html-файл. Для этого в той же директории создается папка Images(или img, тут на вкус и цвет). А в нее уже кладутся все нужные изображения. В случае с отдельным хранением нужно будет прописывать для атрибута src уже другой адрес. Можно также вставить изображение вообще с другого сайта, при этом, не загружая его к себе в папку. Для этого у Вас должно быть стабильное подключение к интернету и примерно следующий код, в котором в адресе Вы прописываете адрес изображения в интернете:
Фоновое изображение в HTML В качестве фонового изображения могут выступать файлы с расширениями gif, Jpg, Jpeg и Png. В том случае, если размер изображения меньше окна браузера, то изображение будет автоматически дальше заполнять оставшийся фон. В Body используем атрибут Background, в котором прописываем путь к изображению
Похожие статьи
-
Введение - Разработка программ на языке Ассемблер и на языке HTML
Учебная практика по МДК 01.01 "Системное программирование" и МДК 01.03 "WEB-программирование" предназначена для закрепления теоретических знаний,...
-
Принцип работы языка. Синтаксис Как и было сказано ранее основой для HTML-были приняты текстовые документы, содержащие в себе HTML5. Рассмотрим следующий...
-
Команды - Разработка программ на языке Ассемблер и на языке HTML
Команды Пересылки Данных. Команды пересылки данных осуществляют обмен данными и адресами между ячейками памяти и регистрами или портами ввода-вывода. Эти...
-
Правила ввода текста - Основы работы с системой MathCAD 2000 PRO
1. Введите знак двойной кавычки " на английском регистре - появится прямоугольник с курсором ввода. 2. С помощью раскрывающегося списка выбора шрифта на...
-
В данной части работы, рассмотрим необходимое программное обеспечение для распознавания и перевода вышеприведенных документов из графического формата в...
-
Регистры ЦП - Разработка программ на языке Ассемблер и на языке HTML
Для выполнения арифметических действий, пересылки данных и адресации, компьютер имеет ряд регистров. Регистр - это область памяти для временного хранения...
-
За структуру HTML-документа отвечают следующие теги: <HTML> - в данном контейнере находится все содержимое HTML-документа. <HEAD> - содержит...
-
Структура WEB-страницы - Создание сайта на языке HTML
Заготовка типичной WEB-страницы: <HTML> <HEAD> <TITLE> Структура WEB-страницы </title> <STYLE> H2 {font-family: Arbat;}CODE { font-family:...
-
Источники изображений, Работа с текстом - Adobe Photoshop CS6
Любое изображение можно создать, открыть, редактировать и сохранить в 12 различных форматах Photoshop. Но обычно используются только несколько форматов:...
-
Основные термины теории баз данных - БД (База данных) - совокупность специальным образом организованных данных, хранимых в памяти вычислительной системы...
-
Дальнейшим развитием локальных средств разработки программ, являются интегрированные программные среды разработчиков. Основное назначение инструментария...
-
Введение, Теоретические основы - Разработка консольного приложения на языке С++
Данная работа посвящена созданию своего рода базы данных на языке программирования С++. База данных содержит информацию о сотрудниках этого предприятия,...
-
Основные понятия - Основы HyperText Markup Language
HTML (HyperText Markup Language) - язык разметки гипертекста - предназначен для создания Web-страниц. Под гипертекстом в этом случае понимается текст,...
-
Если сравнить исходные тексты различных Web-страниц, можно легко увидеть сходство их структур. Это объясняется тем, что документы создаются по...
-
Методика анимации - Работа с языком Турбо Паскаль
Эффект анимации достигается быстрым чередованием кадров постепенно изменяемого изображения. При этом нежелательно формировать каждый кадр целиком,...
-
JAPE позволяет анализировать текст на основе регулярных выражений. Грамматика этого языка состоит из фаз, которые сдержат в себе набор шаблонов и/или...
-
Работа с контентом Контент системы содержит как отдельные медийные составляющие - текст, таблицы, ссылки, графику, так и связанные между собой....
-
Проектирование и разработка сайта Средства разработки Язык гипертекстовой разметки HTML В Интернете сосредотачивается и передается достаточно большое...
-
Языки программирования для Интернета - Теоретические основы информационных технологий
С активным развитием глобальной сети было создано немало популярных языков программирования, адаптированных специально для Интернета. Все они отличаются...
-
Поколения языков программирования Языки программирования принято делить на пять поколений. В первое поколение входят языки, созданные в начале 50-х...
-
Проектирование визуальных конструкций Вторая глава описывает процесс трансформации текстового языка JAPE в визуальный язык, который позволит описывать...
-
Инструментарий технологии программирования - программные продукты поддержки (обеспечения) технологии программирования. В рамках этого направления...
-
Исходя из того, что в программе необходимо предусмотреть запись базы в файл, вытекает следующее: - у пользователя должна быть возможность изначально...
-
Постановка задачи, выбор предметной области Предметная область: "Автомобиль". Создание автомобиля будет состоять из трех этапов: выбор кузова, выбор...
-
Редакторы HTML - Компьютерные сети
- Adobe Dream Weaver; - Microsoft Expression Web; - SharePoint Designer (бесплатный); - Web Development Studio (бесплатная); - Word; - Microsoft Front...
-
Работа в AutoCAD - Разработка машиностроительных чертежей средствами AutoCAD
Настройка размеров рисунка: Путь к настройке размеров рисунка: Format -> Drawing Limits либо в командной строке - команда Limits (Лимиты). Далее...
-
История создания и развития языка HTML - Язык HTML как средство создания информационных ресурсов
В 1989 году Тим Бернерс-Ли, сотрудник центра высоких технологий (CERN), предложил проект распределенной гипертекстовой системы под названием WWW (World...
-
Запись шаблона CSS - Создание сайта на языке HTML
Любое правило таблицы стилей CSS состоит из селектора и определения шаблона. Селектор выступает в роли указателя стилевого правила для определенного...
-
Программы для обработки видео, анимации - Основы преобразования изображений и видео
Начнем с конца, поговорим о плеерах. В систему Windows уже встроен мощный проигрыватель, но требовательные пользователи предпочитают использовать другие,...
-
В данном разделе выпускной квалификационной работы описывается процесс разработки программы извлечения КП текста, а также производится оценка качества ее...
-
Правила записи программы на языке Си - Основы программирования
Как указывалось выше, программа перед обработкой компьютером должна быть помещена в файл на диске. Обычно этот файл имеет расширение <.c>. Рассмотрим...
-
Постановка задачи, Язык программирования Delphi - Разработка программы "Будильник"
Поставленная задача заключается в следующем. Необходимо создать программу для подачи до 5-ти сигналов в заданное время суток на заданную дату или...
-
На основе описания методов можно с уверенностью сказать, что данная система может успешно справляться с автоматизацией анализа документации. При этом...
-
Цель работы - Разработка компилятора подмножества языка Паскаль на язык Ассемблера
Изучение составных частей, основных принципов построения и функционирования компиляторов. Создание компилятора с заданного подмножества языка Паскаль с...
-
В данной дипломной работе для автоматизации процесса документооборота в банке использовалось такое программное обеспечение, как Microsoft Visual Studio...
-
Обзор языков программирования высокого уровня - Теоретические основы информационных технологий
Fortran (Фортран) Это первый компилируемый язык, созданный в 50-е годы. Программисты, разрабатывавшие программы исключительно на ассемблере, выражали...
-
Основные понятия СУБД Microsoft Access Microsoft Access - это система управления базами данных, предназначенная для создания и обслуживания баз данных,...
-
Понятие KPI "Ключевые показатели эффективности (англ. Key Performance Indicators, KPI) -- показатели деятельности подразделения (предприятия), которые...
-
Этапы разработки программного продукта В наше время разработка программного продукта включает в себя следующие этапы: Подготовительная работа - выбор...
-
Тестирование, Анализ работы - Разработка программы на языке C++, реализующей игру "Морской бой"
Чтобы проверить корректность работы программы нужно провести тестирование. Бой с противником продолжается до полной победы, т. е. пока не будут...
Основы HTML, Теоретическая часть, Работа с текстом, изображения, мультимедия - Разработка программ на языке Ассемблер и на языке HTML