HTML страничка

Видоизменение HTML странички

HTML страничка: ее создание и видоизменение

или подробно о процессе форматирования HTML странички

Глава содержит примеры форматирования страничек из области Гипертекстовой разметки.

В меню слева вы найдете современные и очень подробные уроки по HTML.

Они позволят вам создать свой сайт с чистого листа, а пока смотрим немного ниже.

Краткое содержание странички

  1. HTML страничка, ее создание и видоизменение: предисловие и немного теории
  2. Немного про создание организации World Wide Web Consortium, а затем о страничках в HTML
  3. HTML страничка и ее начальная структура: описание значения тегов
  4. HTML страничка, цвет ее фона и отдельных элементов: примеры изменения цвета

Прежде, чем приступить к HTML страничке, предлагаю ознакомиться с некоторой информацией.

Это может быть интересно.

Создание организации World Wide Web Consortium

В 1994 году под эгидой научного центра CERN, где была рождена WWW технология, создана международная некоммерческая организация World Wide Web Consortium (www.w3c.org), которая сегодня занимается разработкой протоколов передачи данных, международными стандартами в рамках интернета и специализированными программами. World Wide Web Consortium существует на базе трех организаций: Массачусетского технологического института (MIT), Национального института исследований в сфере информатики и автоматики во Франции (INRIA) и университета Keio в Японии. Кроме этого, World Wide Web Consortium объединяет более 165 коммерческих и академических организаций, среди которых – Microsoft и Netscape. Официальный сайт www.w3c.org предлагает всем желающим ознакомиться с историей компании, с информацией о развитии WWW технологии в мировом масштабе, материалами с международных конференций. Практический интерес представляет огромный архив технических материалов, связанных с архитектурой сети, утвержденными протоколами и стандартами. Представлены также спецификации Гипертекстовых языков разметки, стоящих в основе каждой отдельной интернет-странички.

HTML страничка и ее начальная структура

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Начальная структура ХТМЛ странички</title>
</head>

<body>
</body>
</html>

Описание параметров странички, в данном случае – значения тегов:

Выше представлена схема параметров XHTM документа. Подробнее: HTML и XHTM

HTML страничка, цвет ее фона и элементов

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

<html>
<head>
<title>ХТМЛ фон страничек</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 цветов

1 3 4 5 6 7 8 9 10 11 12

Дата публикации: Июль 2011 | Обновление: Август 2014

HTML коды: вопросы и ответы   HTML страничка и ее оформление

    Сохранить в сервисы и закладки