Заглавная страница
Избранные статьи
Случайная статья
Познавательные статьи
Новые добавления
Обратная связь
FAQ
Написать работу

ТОП 10 на сайте

Приготовление дезинфицирующих растворов различной концентрации

Техника нижней прямой подачи мяча.

Франко-прусская война (причины и последствия)

Организация работы процедурного кабинета

Смысловое и механическое запоминание, их место и роль в усвоении знаний

Коммуникативные барьеры и пути их преодоления

Обработка изделий медицинского назначения многократного применения

Образцы текста публицистического стиля

Четыре типа изменения баланса

Задачи с ответами для Всероссийской олимпиады по праву

Мы поможем в написании ваших работ!

ЗНАЕТЕ ЛИ ВЫ?

Влияние общества на человека

Приготовление дезинфицирующих растворов различной концентрации

Практические работы по географии для 6 класса

Организация работы процедурного кабинета

Изменения в неживой природе осенью

Уборка процедурного кабинета

Сольфеджио. Все правила по сольфеджио

Балочные системы. Определение реакций опор и моментов защемления

Главная Избранные Случайная статья Познавательные Новые добавления Обратная связь FAQ Написать работу

HTML теги, определяющие горизонтальные линии

↑

⇐ ПредыдущаяСтр 3 из 9Следующая ⇒

HTML линия определяется непарным тегом <hr />.
HTML линии бывают только горизонтальными.
По своему усмотрению можно устанавливать цвет, размер, местоположение HTML линии.

Пример построения HTML линии:

<html> <head> <title>Горизонтальные линии в HTML</title> </head> <body> <hr align="center" width="500" size="2" color="#ff0000" noshade="noshade" /> <hr align="left" width="300" size="4" color="Orange" /> <hr align="right" width="400" size="3" color="Blue" noshade="noshade" /> </body> </html>

Результат:

Атрибуты и значения

align="" – выравнивает линию по горизонтали.
width="50%" – устанавливает ширину линии в пикселях или в процентах.
noshade="noshade" – убирает объемность.
size="" – задает толшину линии в пикселях.
color="#00ff00" – устанавливает цвет линии.

HTML линия может быть какой угодно высоты:

<html> <head> <title>HTML линии</title> </head> <body> <hr align="center" width="90%" size="50" color="#dddddd" />

Результат:

HTML теги, определяющие свойства фона

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

Цвет Фона HTML-страницы определяется CSS атрибутом background-color, который, в свою очередь, размещается внутри тега <body>.
Фон HTML-страницы может быть определен во внешнем.css файле – это подробно рассматривается в уроках курса по Каскадным таблицам стилей.
В роле HTML фона может быть изображение. Фоновое изображение подробно рассматривается там же, в уроках по CSS.

Цвет фона HTML-страницы
Исходный код HTML-страницы

Сделаем фон HTML страницы светло-зеленым:

<html> <head> <title>HTML фон</title> </head> <body style="color:Yellow; background-color:#66cc66"> <h1>Заголовок 1-го уровня</h1> Первый параграф Второй параграф Третий параграф </body> </html>

Строка style="color:Yellow; background-color:#66cc66" в теге <body> делает цвет фона HTML-страницы зеленым, текст – желтым.

Результат:

Посмотреть в новом окне: цвет фона и текста HTML-страницы

Атрибуты style="" со значениями – линейные CSS включения.

Стандартные HTML цвета собраны в одной из глав HTML справочника.

Исходный код HTML-страницы

Исходный код H₂O выглядит так:

Обратите внимание на порядок открытия и закрытия тегов: одна пара вкладывается в другую, то есть тег открытый первым – закрывается последним, второй – предпоследним.

Исходный код любой web-страницы открывается следующим образом: в меню браузера заходим в View ⇒ Source или Page Source

Исходный код доступен только для просмотра, но не для редактирования.

HTML тег, отвечающий за вывод изображения

HTML изображением может быть любое изображение в формате PNG, JPEG и GIF.
HTML изображение определяется тегом <img />.
HTML изображение может быть определено в роле гиперссылки.

Вывод HTML изображения на web-страницу
Расстояние между изображением и текстом

В папку D\My_first_site\ или в любую другую, где у вас находится файл index.html поместите изображение с расширением, скажем,.jpg, назовите ее как угодно, например, xxx.

Выводим HTML изображение на web-страницу:

<html> <head> <title>HTML изображение</title> </head> <body> <img src="xxx.jpg" alt="Альтернативный текст" width="100" height="80" /> </body> </html>

Тег <img /> – непарный. Обратите внимание на способ его закрытия.

Атрибуты и значения

src="" – обязателен, он указывает на источник HTML изображения.
alt="" – определяет альтернативный текст, комментарий, который считывает поисковый робот при анализе содержимого web-страницы. Его также нужно обозначать.
width="" – определяет ширину HTML изображения в пикселях.
height="" – определяет высоту HTML изображения в пикселях.

Указывайте реальные размеры – так вы сохраните первоначальное качество изображения.

Для web разработок применимы изображения трех форматов: PNG (.png), JPEG (.jpg) и GIF (.gif). Adobe Photoshop является специализированным средством по созданию графики для сайтов. С его помощью можно конвертировать один формат изображения в другой.

HTML изображение | Отступы по горизонтали и по вертикали

⇐ Предыдущая 1 234 5 6 7 8 9 Следующая ⇒

Познавательные статьи:

Техника нижней прямой подачи мяча

Комплекс физических упражнений для развития мышц плечевого пояса

Стандарт Порядок надевания противочумного костюма

Общеразвивающие упражнения без предметов

Последнее изменение этой страницы: 2016-08-01; просмотров: 446; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.137.181.69 (0.005 с.)