Основы 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, Теоретическая часть, Работа с текстом, изображения, мультимедия - Разработка программ на языке Ассемблер и на языке HTML

Предыдущая | Следующая