КАТЕГОРИИ:
АстрономияБиологияГеографияДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРиторикаСоциологияСпортСтроительствоТехнологияФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Синтаксис. <img src="URL" alt="">
Синтаксис
<img src="URL" alt="">
Параметры
Align Определяет как рисунок будет выравниваться по краю и способ обтекания контентом.
Alt Альтернативный контент для Имаги.
Border Толщина рамки вокруг Имаги.
Height Высота Имаги.
Hspace Горизонтальный отступ от Имаги до окружающего контента.
Ismap Говорит браузеру, что картинка является серверной картой-изображением.
Lowsrc Путь к графическому файлу низкого разрешения для предварительного отображения.
Crs Путь к графическому файлу
Vspace Вертикальный отступ от Имаги до окружающего контента.
Width Ширина Имаги.
Usemap Ссылка на тег <MAP>, содержащий координаты для клиентской карты-Имаги.
Закрывающий тегНе требуется.
----------------------------------------
Тег <HR> Рисует горизонтальную линию, которая по своему виду зависит от используемых параметров, а также браузера. Тег <HR> относится к блочным элементам, линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.
Синтаксис
<hr>
Параметры
Align Определяет выравнивание линии
Color Цвет линии.
Noshade Рисует линию без трехмерных эффектов.
Size Толщина линии.
width Ширина линии.
Закрывающий тег Не требуется.
4)
· <a href="URL?"></a> Создает гиперссылку на другие сайты.
· <target="?"></a> Указывает в каком окне открывать гиперссылку.
· _Blank - Загрузка содержимого страницы, заданной ссылкой, в новое пустое окно.
· _Parent Загрузка содержимого страницы, заданной ссылкой, в окно, которое содержит ссылку.
· _Self Загрузка содержимого страницы, заданной ссылкой, в окно, игнорируя используемые фреймы.
· _Top Загрузка содержимого страницы, заданной ссылкой, в окно, игнорируя использованные фреймы.
· <a href="NAME?"></a> Создает гиперссылку на другую страницу с меткой.
· <a href="mailto:EMAIL?"></a> Создает гиперссылку вызова почтовой программы для написания письма по указанному адресу.
· <a href="#name?"></a> Создает гиперссылку на метку текущей страници.
· <a name="name?"></a> Отмечает часть текста, как метку для гипперссылок на странице.
· <a href="NAME#name"></a> Создает гиперссылку на метку другой страници.
5) Тег <A> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия параметров name или href тег <A> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.
6) <div> и <span> применяются вместе с каскадными таблицами стилей. По отдельности они не вызывают больших изменений. Факт в том, что тег <span> вообще не влияет визуально на контент. Использование тега <div> приведет к «блокировке» его содержимого, как если бы вы поставили тег <br> до и после секции на странице.
Как и большинство остальных тегов, <div> и <span> могут иметь класс, идентификатор и стилевые атрибуты. Благодаря этим атрибутам стили можно применять к элементам. Теги применяются таким же способом, как и другие HTML-теги. Допускается вложенность одних тегов в другие в несколько уровней.
Тег <span> предназначен для определения строчных элементов документа. В отличие от блочных элементов, таких как <table>, <p> или <div>, с помощью тега <span> можно выделить часть информации внутри других тегов и установить для нее свой стиль. Например, внутри абзаца (тега <p>) можно изменить цвет и размер первой буквы, если добавить начальный и конечный тег <span> и определить для него стиль текста. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить атрибут class или id с именем селектора.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Тег SPAN</title>
<style>
body {
font-family: Arial, sans-serif; /* Рубленый шрифт */
}
.letter {
color: red; /* Красный цвет символов */
font-size: 200%; /* Размер шрифта в процентах */
font-family: serif; /* Шрифт с засечками */
position: relative; /* Относительное позиционирование */
top: 5px; /* Сдвиг сверху */
}
</style>
</head>
<body>
<p><span class="letter">Р</span>азумные люди приспосабливаются к окружающему миру.
Неразумные люди приспосабливают мир к себе. Вот почему прогресс определяется
действиями неразумных людей.</p>
<p>Бернард Шоу</p>
</body>
</html>
Дата добавления: 2015-04-18; просмотров: 157; Мы поможем в написании вашей работы!; Нарушение авторских прав |