HTML Теги Цитирования, Заключения в Кавычки

Тег	Описание
< abbr>	Определяет аббревиатуру
< acronym>	Определяет акроним
< address>	Определяет контактную информацию автора/владельца документа
< bdo>	Определяет направление текста
< blockquote>	Определяет длинную цитату
< q>	Определяет короткую цитату
< cite>	Определяет цитату (ссылку на кого-либо)
< dfn>	Выводит термин (определение)

HTML Шрифты

HTML Тег < font> Не Следует Использовать

Тег < font> является устаревшим в HTML 4, и удален из HTML5.

Всемирный Интернет Консорциум (W3C) удалил тег < font> из их рекомендаций.

В HTML 4 каскадные таблицы стилей (cascade style sheets или, сокращенно, CSS) должны использоваться для определения вывода и отображения свойств для большинства HTML элементов.

Пример ниже показывает как в HTML можно использовать тег < font>:

< p style=" font-size: 30px; " > Этот текст высотой 30 пикселей< /p>

Пример

< html>
< body>
< p>
< font size=" 5" face=" arial" color=" red" >
< /font>
< /p>
< p>
< font size=" 3" face=" verdana" color=" blue" >
< /font>
< /p>
< /body>
< /html>

HTML Стили

< html>

< body style=" background-color: yellow; " >

< h2 style=" background-color: red; " > Это заголовок< /h2>

< p style=" background-color: green; " > Это параграф< /p>

< /body>

< /html>

< html>

< head>

< style type=" text/css" >

body

{

background-color: #d0e4fe;

}

h1

{

color: orange;

text-align: center;

}

p

{

font-family: " Times New Roman";

font-size: 20px;

}

< /style>

< /head>

< body>

< h1> CSS пример! < /h1>

< p> Это параграф.< /p>

< /body>

< /html>

Устаревшие Теги и Атрибуты

Тег	Описание
< center>	Устаревший. Определяет центрированное содержимое
< font>	Устаревший. Определяет HTML шрифты
< s> и < strike>	Устаревший. Определяет зачеркнутый текст
< u>	Устаревший. Определяет подчеркнутый текст

 

Атрибуты	Описание
align	Устаревший. Определяет выравнивание текста
bgcolor	Устаревший. Определяет цвет фона
color	Устаревший. Определяет цвет текста

 

HTML Урок 12 Гиперссылки

Гиперссылка (или ссылка) это слово, группа слов, или изображение, которые вы можете кликнуть, чтобы перепрыгнуть на новый документ или раздел текущего документа.

Когда вы перемещаете курсор над ссылкой в Веб странице, стрелка превразается в маленькую руку.

Ссылки определяются в HTML используя тег < a>.

Тег < a> может быть использован двумя способами:

1. Чтобы создать ссылку на другой документ - используя атрибут href

2. Чтобы сделать закладку внутри документа - используя атрибут name

 

HTML код для ссылки прост. Он выглядит так:

< a href=" Адрес" > Текст ссылки< /a>

Атрибут href указывает адрес ссылки (куда она указывает).

Атрибут Target

Атрибут target (назначение) указывает где открывать залинкованный (тот, на который ссылается ссылка) документ.

Пример ниже откроет залинкованный документ в новом окне браузера или на новой вкладке:

< html>

< body>

< a href=" http: //Uroki-HTML.ru/" target=" _blank" > Заходите на Уроки HTML! < /a>

< p> Если вы установите атрибут target на " _blank", то ссылка откроет новое окно браузера/новую вкладку.< /p>

< /body>

< /html>

HTML Ссылки - Атрибут Name

Атрибут name указывает имя ссылки.

Атрибут name используется для создания закладки (" якоря" / " анкера" ) внутри HTML документа.

Замечание:
Грядущий в обозримом будущем стандарт HTML5 предлагает использовать атрибут id вместо атрибута name для указания имени ссылки.
Использование атрибута id фактически работает и в HTML4 во всех современных браузерах.

Закладки не отображаются каким-либо специальным образом. Они не видимы для читателя.

 

Пример

Именованная ссылка (якорь, анкер) внутри HTML документа:

< a name=" tips" > Раздел Полезных Советов< /a>

Создайте ссылку на " Раздел Полезных Советов" внутри того же документа:

< a href=" #tips" > Посетите Раздел Полезных Советов< /a>

Или создайте ссылку на " Раздел Полезных Советов" с другой страницы:

< a href=" http: //Uroki-HTML.ru/html/html_links.php#tips" > Посетите Раздел Полезных Советов< /a>

 

HTML Изображения - Тег < img> и Атрибут Src

В HTML, изображения определяются с помощью тега < img>.

Тег < img> пустой, т.е. он содержит только атрибуты и не имеет закрывающего тега.

Чтобы показать изображение на странице, вы должны использовать атрибут src. Src означает " source" - источник. Значение атрибута src - это адрес (URL или Uniform Resource Locator - Унифицированный Указатель Ресурса) изображения, которое вы хотите показать.

 

Синтакс определения изображения:

< img src=" адрес(url)" alt=" некоторый_текст" />

Адрес (URL) указывает место, где хранится изображение. Изображение под названием " boat.gif", расположенное в директории " images" на " http: //Uroki-HTML.ru" имеет адрес URL: http: //Uroki-HTML.ru/images/boat.gif.

Браузер показывает изображение как только встречает тег < img> в документе. Если вы поместите тег изображения между двумя параграфами браузер покажет первый параграф, затем изображение, а затем второй параграф.

HTML Изображения - Атрибут Alt

Атрибут alt указывает альтернативный текст для изображения, если изображение не может быть отображено браузером.

Значение атрибута alt - это некоторый текст, определяемый автором HTML документа:

< img src=" boat.gif" alt=" Большая Лодка" />

Атрибут alt обеспечивает альтернативную информацию для изображения, если пользователь по какой-то причине не может увидеть его (в силу медленного соединения, ошибочно указанного адреса в src атрибуте, или если пользователь отключил показ изображений).

HTML Изображения - Установка Высоты и Ширины Изображения

Атрибуты высоты и ширины указывают высоту и ширину изображения.

Значения атрибутов указываются в пикселях по умолчанию:

< img src=" pulpit.jpg" alt=" Скала" width=" 304" height=" 228" />

Совет: Рекомендуется указывать атрибуты высоты и ширины для изображения. Если эти атрибуты установлены, пространство, требуемое для изображения резервируется при загрузке страницы. Однако, без этих атрибутов, браузер не знает размер изображения. В результате дизайн страницы будет изменяться (дергаться, прыгать) во время загрузки старницы (пока грузятся изображения).

Простые Замечания - Полезные Советы

Замечание: Если HTML файл содержит десять изображений - одиннадцать файлов необходимо, чтобы отобразить страницу корректно. Загрузка изображений занимает время, поэтому наш лучший совет: Используйте изображения осторожно.

Замечание: Когда веб страница загружается, именно браузер в этот момент, в действительности получает изображение с веб сервера и вставляет в страницу. Поэтому удостоверьтесь, что изображения действительно находятся в указанных местах в отношению к веб странице, иначе ваши посетители увидят изображения неправильных ссылок (например в виде красного крестика). Изображение неправильной ссылки отображается, если браузер не может найти изображение.

HTML Теги Изображений

Тег	Описание
< img />	Определяет изображение
< map>	Определяет карту изображения
< area />	Определяет регион для клика внутри карты изображения

HTML Таблицы

Таблицы определяются с помощью тега < table>.

Таблица состоит из строк (тег < tr> ), и каждая строка состоит из ячеек с данными (тег < td> ). td означает " table data" или данные таблицы, и содержит содержимое ячейки. Тег < td> может содержать текст, ссылки, изображения, списки, формы, другие таблицы и т.д.

Пример Таблицы

< table border=" 1" > < tr> < td> строка 1, ячейка 1< /td> < td> строка 1, ячейка 2< /td> < /tr> < tr> < td> строка 2, ячейка 1< /td> < td> строка 2, ячейка 2< /td> < /tr> < /table>

Как HTML код выше выглядит в браузере:

⇐ Предыдущая123Следующая ⇒

Поделиться: