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

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

КАТЕГОРИИ:

Археология
Биология
Генетика
География
Информатика
История
Логика
Маркетинг
Математика
Менеджмент
Механика
Педагогика
Религия
Социология
Технологии
Физика
Философия
Финансы
Химия
Экология

ТОП 10 на сайте

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

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

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

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

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

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

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

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

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

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


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



ЗНАЕТЕ ЛИ ВЫ?

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

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

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

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

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

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

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

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

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" /> <br /> <hr align="left" width="300" size="4" color="Orange" /> <br /> <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.
  1. Цвет фона HTML-страницы
  2. Исходный код HTML-страницы

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

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

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

Результат:

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

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

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

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

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

<strong><big>H</big><sub><small>2</small></sub><big>O</big></strong>

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

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

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

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

  • HTML изображением может быть любое изображение в формате PNG, JPEG и GIF.
  • HTML изображение определяется тегом <img />.
  • HTML изображение может быть определено в роле гиперссылки.
  1. Вывод HTML изображения на web-страницу
  2. Расстояние между изображением и текстом

В папку 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 изображение | Отступы по горизонтали и по вертикали


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

Поделиться:


Читайте также:


Где возникла философия и почему?
Относительная высота сжатой зоны бетона
Сущность проекции Гаусса-Крюгера и использование ее в геодезии
Тарифы на перевозку пассажиров


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

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