… — по умолчанию параграф, но создан для сложного форматирования места нахождения контента на странице, используется для верстки через таблицы стилей (css).
— помещает на Web-страницу таблицу. Может иметь вложенные теги:
… — заголовок таблицы
… — обозначает заголовок таблицы
— метки строк в таблице
— метки ячеек в таблице
… — вывод текста в несколько столбцов
… — открытие формы
… — рисует кнопку или окно вывода
… — выбор значения из всех предложенных
… — определяет элемент меню. Используется внутри тега
… — выводит область ввода текста
- …
,
- …
— списки
— метка, помечает позицию списка.
…,…, … — форматирование теста. Текст выводится жирным, курсивом и подчеркиванием соответственно.
… — ссылка
— перенос строки (
…
— устаревшая, не валидная запись)
…
— параграф
…, …, ……
* Пример
*Пример1 блочной верстки
.
.
.
Имя компании
КОНТЕНТ
какой-то текст
новый параграф
имя компании (c) 2011
*Пример2 табличной верстки
.
.
.
Технология CSS
Каскадные таблицы стилей или CSS (от английского Cascading Style Sheets) являются следствием дальнейшего развития HTML и дают нам возможность перейти на следующий уровень представления информации. Таблицы стилей позволяют разделить смысловое содержимое странички и его оформление.
Все оформление рекомендуется вынести во внешний стилевой файл. Основная же страничка будет содержать только информацию и ссылки на необходимые стили.
Размещение всей стилевой информации в одном внешнем файле открывает нам и другие полезные возможности — ведь изменив содержимое только одного стилевого файла, мы можем в считанные секунды сменить весь дизайн сайта. Причем никаких других переделок не понадобится. Разумеется, это верно лишь в том случае, если первоначально сайт был спроектирован верно.
Подключение таблиц стилей
Для осуществления этой задачи мы можем воспользоваться одним из 3-х предлагаемых методов:
внешний файл,
inline-описание,
описание в секции заголовка.
inline-описание
или описания, встроенное в тег:
Этот текст переопределен стилем
При помощи дополнительного атрибута style мы можем определить нужные нам стилевые параметры в любом теге. Это самый легкий способ, и действует он в пределах лишь одного тега. Но представьте, насколько вырастет размер файла, и насколько неудобно будет его исправлять, если мы будем указывать стиль у каждого тега.
Описание в секции заголовка.
Его действие распространяется на всю страничку. Определение стилей происходит при помощи классов либо id(!), которые представляют собой списки с определением всех необходимых параметров оформления.
При использовании этого метода описание стилей необходимо разместить в секции заголовка:
….
Вынесение описания стилей во внешний файл.
Диапазон его воздействия простирается на все файлы, в которые включено описание. Это способ наиболее соответствует концепции HTML 4.0. В случае, если нам потребуется изменить внешний вид сайта, то будет достаточно скорректировать лишь один этот файл. Сравните его с предыдущими способами. В одном из них придется менять описание на каждой страничке, а в другом даже более того — около каждого тега, что, разумеется, совершенно не вдохновляет.
Каким же образом производится внедрение внешнего файла? Для начала создается стилевой файл с описанием всех нужных нам классов (mystyle.css):
.header { text-align : center; font-size : 27pt;}
.red { color :red; }
p { text-align : center; font-size : 12pt;}
А потом ссылка на него внедряется в документ при помощи тега :
….
href=css/mystyle.css title=MyStyleSheet ….
Это самый удобный способ, и для основной таблицы стилей рекомендуется пользоваться именно им.
*Переделать пример1 и пример2. Добавить стили