Наиболее часто используемые теги и их описание

… — по умолчанию параграф, но создан для сложного форматирования места нахождения контента на странице, используется для верстки через таблицы стилей (css).

— помещает на Web-страницу таблицу. Может иметь вложенные теги:

… — заголовок таблицы

… — обозначает заголовок таблицы

— метки строк в таблице

— метки ячеек в таблице

… — вывод текста в несколько столбцов

… — открытие формы

… — рисует кнопку или окно вывода

… — выбор значения из всех предложенных

… — определяет элемент меню. Используется внутри тега

… — выводит область ввода текста

,

— списки

  • — метка, помечает позицию списка.

    …,…, … — форматирование теста. Текст выводится жирным, курсивом и подчеркиванием соответственно.

    … — ссылка

    — перенос строки (

    — устаревшая, не валидная запись)

    — параграф

    …, …, ……

    * Пример

    *Пример1 блочной верстки

    .

    .

    .

    Имя компании

    • HOME
    • КОНТЕНТ

      какой-то текст

      новый параграф

      имя компании (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. Добавить стили

      Type


      Похожие статьи.

      Понравилась статья? Поделиться с друзьями: