Презентация заголовки разных уровней простые списки. Оформление заголовков презентаций. Пошаговая инструкция с фото. Введение ключевых слов

Главная > Учебно-методическое пособие 4 Работа со списками и заголовками слайда. 4.1 Просмотр и редактирование заголовков слайдов

В панели структуры презентации в виде заголовков структуры отображаются все заголовки слайдов. Если презентация содержит очень много слайдов, структуру презентации можно свернуть, чтобы на экране отображались заголовки, а не сам текст слайдов.

Чтобы свернуть в структуре все заголовки слайдов, щелкните на кнопке Развернуть все стандартной панели инструментов. Повторный щелчок на этой кнопке развернет структуру всей презентации.

Для изменения заголовка слайда выполните следующее.

Щелкните на заголовке слайда, который вы хотите изменить, в панели структуры. В заголовке слайда появится I-образный курсор.

Введите необходимый текст. При редактировании названия текста можно использовать клавиши , и клавиши со стрелками.

4.2 Изменение текста слайда

На большинстве слайдов содержится какой-то текст. Воспользовавшись панелью структуры, вы сможете добавлять, удалять и изменять текст слайда.

Чтобы в презентации добавить текст к слайду с помощью панели структуры, выполните следующее.

Щелкните справа от заголовка слайда, к которому вы хотите добавить текст, и нажмите клавишу . PowerPoint отобразит пиктограмму слайда прямо под слайдом, выбранным вами в п. 1.

Щелкните на кнопке Понизить уровень (стрелка вправо) на панели инструментов форматирования. Появившаяся пиктограмма слайда исчезнет, и вы сможете вводить текст в окне выбранного слайда.

Введите необходимый текст слайда. По мере того как вы вводите текст, PowerPoint будет отображать его в окне слайда.

Расположение текста под заголовком слайда определяет его месторасположение на слайде. Для изменения месторасположения текста на слайде выполните следующее.

В панели структуры презентации подведите указатель мыши к левому краю текста (расположив его над маркером слева от текста), который необходимо переместить. Указатель мыши примет вид четырехнаправленной стрелки.

Удерживая нажатой левую кнопку мыши, переместите мышь. Указатель мыши примет форму двунаправленной стрелки. Появится линия, показывающая, куда PowerPoint переместит текст после того, как вы отпустите левую кнопку мыши.

5 Работа со слайдами презентации. 5.1 Добавление слайда

Каждый заголовок структуры в панели структуры презентации представляет один слайд. Для добавления нового слайда выполните следующее.

Нажмите клавишу . PowerPoint отобразит пиктограмму нового слайда над заголовком, который вы выбрали в п. 1.

Нажмите кнопку со стрелкой вверх, чтобы подвести указатель мыши к заголовку созданного слайда. PowerPoint отобразит новый слайд.

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

Разместите указатель мыши слева от заголовка в панели структуры и щелкните левой кнопкой мыши. Заголовок отобразится ниже слайда, который вы решили добавить в презентацию.

Выполните команду Вставка→Новый слайд. Откроется диалоговое окно Создание слайда (рис. 5).

Щелкните на подходящем макете слайда, после чего щелкните на кнопке ОК.

Введите текст заголовка в панели структуры презентации. Любой вводимый вами текст будет отображаться как в панели структуры презентации, так и в панели слайда.

Рисунок 5. Создание слайда.

5.2 Удаление слайда

Иногда необходимо удалить слайд. Чтобы это сделать, выполните следующее.

В панели структуры презентации наведите указатель мыши на пиктограмму слайда, который необходимо удалить, и щелкните левой кнопкой мыши. PowerPoint выделит заголовок и все расположенные под ним подзаголовки.

Нажмите клавишу < Delete >. PowerPoint удалит выделенный слайд.

5.3 Изменение порядка следования слайдов

Панель структуры презентаций позволяет увидеть порядок следования слайдов. Если вам не нравится порядок, в котором расположены слайды, его всегда можно изменить.

Если презентация содержит большое количество слайдов, можно свернуть заголовки структуры, чтобы увидеть" заголовки слайдов. Чтобы свернуть заголовки структуры, щелкните на кнопке Развернуть все стандартной панели инструментов.

Для изменения порядка следования слайдов выполните следующее.

В панели структуры презентации наведите указатель мыши на пиктограмму слайда рядом с заголовком структуры (заголовком слайда), который необходимо переместить, и нажмите левую кнопку мыши. PowerPoint выделит заголовок и все расположенные под ним подзаголовки.

Переместите мышь. Появится горизонтальная линия, показывающая, куда PowerPoint переместит слайд после того, как вы отпустите левую кнопку мыши.

Отпустите левую кнопку мыши, как только линия окажется в нужном месте.

Панель структуры презентации позволяет легко изменять порядок следования слайдов, но не дает возможности увидеть взаимное расположение слайдов. Если вы хотите видеть, как слайды размещаются относительно друг друга, воспользуйтесь следующей процедурой.

Выберите команду Вид → сортировщик слайдов PowerPoint отобразит все слайды презентации (рис. 6).

Рис.6. Просмотр слайдов с помощью Сортировщика слайдов

Наведите указатель мыши на слайд, который нужно переместить, и нажмите левую кнопку мыши. PowerPoint заключит слайд в черную рамку.

Переместите указатель мыши туда, где должен располагаться слайд. Появится вертикальная линия, показывающая, куда PowerPoint переместит слайд после того, как вы отпустите левую кнопку мыши.

Отпустите левую кнопку мыши, как только линия окажется в нужном месте экрана. PowerPoint автоматически перенумерует слайды.

Выберите команду Вид→Обычный.

Преобразование заголовков структуры в подзаголовки (и наоборот)

Заголовки структуры соответствуют заголовкам слайдов, а подзаголовки структуры – тексту слайдов. Благодаря современным достижениям техники PowerPoint позволяет преобразовывать заголовки структуры в подзаголовки и наоборот.

Чтобы преобразовать заголовок структуры в подзаголовок, в панели структуры презентации щелкните на заголовке структуре, который необходимо преобразовать в подзаголовок, после чего щелкните на кнопке Понизить уровень стандартной панели инструментов.

Чтобы преобразовать подзаголовок в заголовок структуры, в панели структуры презентации щелкните на подзаголовке, который необходимо преобразовать в заголовок структуры, после чего щелкните на кнопке Повысить уровень стандартной панели инструментов.

5.4 Добавление замечаний к слайдам

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

Текст замечаний на самом слайде не отображается. Замечания позволяют "присоединить" к слайдам вспомогательный текст.

Для добавления замечания к слайду выполните следующее.

Щелкните в панели замечаний. PowerPoint отобразит каждый слайд вместе с текстовым полем, предназначенным для ввода замечаний (см. рис. 12 4).

Введите необходимый текст.

6 Сохранение презентаций

Прежде чем вы станете наслаждаться, просматривая презентации, созданные с нуля, их необходимо сохранить. В зависимости от ваших целей презентации PowerPoint можно сохранить в виде файла или в виде Web-страницы.

6.1 Сохранение файла под новым именем

Единственным простым способом быстрого создания презентации является открытие существующей презентации и сохранение ее файла под новым именем. Таким образом вы сможете внести изменения в существующую презентацию, а не создавать новую презентацию с нуля.

Для сохранения файла под другим именем выберите команду Файл →Сохранить как.

6.2 Сохранение презентации Power P oint как Web -страницы

Если вы создали очень ценную презентацию, ее можно сохранить в формате Web - страниц. Чтобы это сделать, выполните следующее.

Щелкните на кнопке Изменить справа от слова Заголовок. Появится диалоговое окно Задать заголовок страницы.

Введите заголовок, который должен отображаться в верхней части Web -страницы, и щелкните на кнопке ОК.

Чтобы увидеть презентацию PowerPoint в виде Web -страницы, выберите команду Файл→Предварительный просмотр Web -страницы или запустите Web -броузер и загрузите только что созданную Web -страницу, чтобы увидеть, как она будет редставлена в Internet.

7 Вывод презентации на печать

После того как вы добились требуемого внешнего вида презентации, распечатайте результаты вашего труда для того чтобы иметь перед собой тезисы доклада или повесить ваше произведение искусств на доске объявлений. Для того чтобы вывести презентацию на печать, выполните следующее.

Выберите команду Файл →Печать. Откроется диалоговое окно Печать.

Щелкните в поле Печатать и выберите один из следующих вариантов.

Слайды. Печатается один слайд на странице, что позволяет увидеть как текст, так и изображения, представленные на слайде.

Выдачи. На каждой странице печатается несколько миниатюрных изображений: слайдов, что позволяет зрителям взять выданную копию с собой и изучить дома.

Заметки. Печатаются только заметки к слайдам. Эти заметки можно раздать зрителям, а можно использовать при проведении презентации.

Структуру. Печатается структура презентации, что позволяет увидеть структуру всей презентации, но без графических изображений.

Вы также можете ограничить область печати определенными номерами слайдов, выбрав значение переключателя текущий слайд или заполнив поле слайды в разделе Диапазон печати.

Щелкните на кнопке ОК.

8 Начальные сведения об изображениях 8.1 Векторные изображения

Векторная графика описывает изображения с использованием прямых и изогнутых линий, называемых векторами, а также параметров, описывающих цвета и расположение. Например, изображение древесного листа описывается точками, через которые проходит линия, создавая тем самым контур листа. Цвет листа задается цветом контура и области внутри этого контура.

Векторное представление заключается в описании элементов изображения математическими кривыми с указанием их цветов и заполняемости (вспомните, круг и окружность - разные фигуры). Красный эллипс на белом фоне будет описан всего двумя математическими формулами - прямоугольника и эллипса соответствующих цветов, размеров и местоположения.. Еще одно преимущество - качественное масштабирование в любую сторону. Увеличение или уменьшение объектов производится увеличением или уменьшением соответствующих коэффициентов в математических формулах.

8.2 Растровые изображения

Растровая графика описывает изображения с использованием цветных точек, называемых пикселями, расположенных на сетке. Например, изображение древесного листа описывается конкретным расположением и цветом каждой точки сетки, что создает изображение примерно также, как в мозаике. При редактировании растровой графики Вы редактируете пиксели, а не линии. Растровая графика зависит от разрешения, поскольку информация, описывающая изображение, прикреплена к сетке определенного размера. При редактировании растровой графики, качество ее представления может измениться. В частности, изменение размеров растровой графики может привести к "разлохмачиванию" краев изображения, поскольку пиксели будут перераспределяться на сетке.

Основой растрового представления графики является пиксель (точка) с указанием ее цвета. При описании, например, красного эллипса на белом фоне приходится указывать цвет каждой точки как эллипса, так и фона. Изображение представляется в виде большого количества точек – чем их больше, тем визуально качественнее изображение и больше размер файла. Т.е. одна и даже картинка может быть представлена с лучшим или худшим качеством в соответствии с количеством точек на единицу длины – разрешением (обычно, точек на дюйм – dpi или пикселей на дюйм – ppi).

8.3Векторное изображение как составное изображение

В PowerPoint имеется достаточно возможностей для работы с векторными изображениями. Можно использовать готовые картинки, например, из библиотеки Clipart или из Интернета. Можно рисовать векторные изображения самостоятельно.

Для того, чтобы вставить в слайд рисунок из библиотеки (Clipart), необходимо в меню Вставка выбрать команду Рисунок (Картинки). Библиотека представляет множество картинок по различной тематике. Выберите нужную вам тему, щелкнув левой клавишей мыши.

Выбрав нужный вам рисунок, в открывшемся окошечке нажмите кнопку Вставить клип. Рисунок будет вставлен в текущий слайд.

Векторное изображение многослойно. Каждый элемент этого изображения - линия, прямоугольник, окружность или фрагмент текста - располагается в своем собственном слое. Каждый элемент векторного изображения является объектом, который описывается с помощью специального языка (мат.уравнения линий, дуг, окружности и т.д.). Кроме того, сложные объекты (ломанные линии, различные геометрические фигуры) описываются как совокупность элементарных графических объектов (линий, дуг и т.д.).

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

Объекты векторного изображения, могут произвольно без потери качества изменять свои размеры.

9 Основные операции над элементами векторного изображения

9.1 Геометрические преобразования.

Перемещение

Перемещение векторного изображения можно выполнить с помощью мыши. Для этого нужно щелкнуть левой кнопкой Мыши по изображению и удерживая эту кнопку переместить Объект в нужное место слайда.

Можно также воспользоваться меню Формат. Выбрать опцию Автофигура и В открывшемся окошке указать Положение объекта по горизонтали и вертикали от верхнего левого угла или от центра слайда.

Масштабирование

Можно произвольно изменять масштаб векторного изображения. При выборе объекта мышью в углах и и вдоль границ прямоугольника выделения появляются маркеры изменения размера. При перетаскивании этих маркеров размеры объекта меняются. Чтобы изменить размеры объекта более точно, задайте новые значения высоты и ширины объекта в процентах или в сантиметрах. Для этого можно воспользоваться меню Формат. Выбрать опцию Автофигура и в открывшемся окошке указать Размер.

Вращение

Если необходимо выполнить вращение объекта, нужно выбрать объект и, использовать опцию Действия из меню Рисование. Выбрать команду Повернуть/Отразить, Затем на выбор: Свободное вращение, Повернуть влево или Повернуть вправо. Если вы выбрали Свободное вращение, то по углам объекта появляются маркеры направления вращения. При перетаскивании этих маркеров ориентация объекта меняется.

Отражение

Иногда полезно использовать такой тип преобразования как отражение. Для этого нужно воспользоваться опцией Действия из меню Рисование. Выбрать команду Повернуть/Отразить и Отразить слева направо или Отразить сверху вниз.

9.2 Группировка элементов. Порядок элементов.

Для группировки или разгруппировки объектов необходимо выбрать объекты, перейти в меню Рисование, нажать кнопку Действия и выбрать команду Сгруппировать или Разгруппировать.

Объекты, вставляемые в слайд, автоматически располагаются на разных уровнях. Эти уровни можно наблюдать при перекрытии объектов: объект верхнего уровня закрывает часть объектов нижних уровней. Если какой-либо объект «потерялся», его легко найти, пройдя по всем уровням в цикле нажатием клавиши TAB (вперед) или SHIFT+TAB (назад).Отдельные объекты или группы объектов можно перемещать по уровням: например, перевести объект на соседний уровень, а также на самый верхний или нижний уровень. Во время рисования объекты часто перекрываются, но самый нижний объект не обязательно рисовать первым, поскольку его всегда можно переместить на другой уровень.

Выберите объект, который требуется переместить. Если объект скрыт, найдите его, нажимая клавиши TAB или SHIFT+TAB.

Нажмите на панели инструментов Рисование кнопку Действия, укажите на пункт Порядок и выберите команду На передний план,На задний план, На один уровень выше или На один уровень ниже.

10. Понятие автофигуры.

В составе PowerPoint имеется набор готовых фигур, которые можно использовать в презентациях. Эти фигуры можно увеличивать, уменьшать, вращать, переворачивать, раскрашивать, а также комбинировать с другими фигурами для создания более сложных форм. Как правило, фигура снабжается маркером изменения формы, позволяющим изменять наиболее характерный атрибут фигуры; например, размер острия стрелки.

На панели инструментов Рисование в меню Автофигуры приведено несколько категорий фигур, в том числе простые и соединительные линии, основные фигуры, элементы блок-схемы, звезды и ленты, а также выноски. Пункт Дополнительные автофигуры открывает раздел автофигур в коллекции клипов. Любую автофигуру в коллекции клипов легко можно перетащить на слайд.

В автофигуры можно вставлять текст. Для этого щелкните фигуру и начните ввод текста. Введенный текст станет частью фигуры и будет вращаться и переворачиваться вместе с ней.

11 Добавление растровых изображений

Откройте слайд, на который требуется добавить рисунок. Чтобы добавить рисунок на каждый слайд презентации, добавьте его в образец слайдов.

В меню Вставка укажите на команду Рисунок и выберите пункт Из файла.

Найдите папку, содержащую рисунок, который требуется вставить.

Выберите рисунок. Выполните одно из следующих действий:

• Чтобы внедрить рисунок в презентацию, нажмите кнопку Вставка.

  Чтобы связать рисунок в презентации с рисунком на жестком диске, нажмите стрелку рядом с кнопкой Вставка и выберите пункт Связать с файлом.

Настройка растрового изображения встроенными средствами Microsoft PowerPoint.

При выборе рисунка появляется панель инструментов Настройка изображения. На ней находятся кнопки изменения яркости и контраста рисунка, обрезания, изменения цвета и добавления границы.

Выберите рисунок, который требуется изменить. Внесите изменения с помощью инструментов панели Настройка изображения.

Примечание. В PowerPoint с помощью панели инструментов Настройка изображения нельзя обрезать, сгруппировать и изменить заливку, границу, тень и прозрачность анимированного рисунка в формате GIF. Такой рисунок следует изменить в специальном редакторе, а затем снова вставить в слайд.

12 Добавление к слайду текста и цвета

Надписи и рисунки – самые важные элементы слайдов, так как они придают слайдам более красочный вид, что позволяет привлечь внимание слушателей к докладу. Надписи содержат текст (это не удивительно, не так ли?), рисунки же могут быть картинками из коллекции Office, изображениями, полученными с помощью цифровой камеры или сканера, или фотографиями, загруженными из Internet.

Текст может содержать важную информацию, которую необходимо донести до слушателей. Прежде чем добавлять текст к слайду, в слайд необходимо добавить надпись. PowerPoint предоставляет четыре способа создания надписи в слайде.

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

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

Щелкните на кнопке Надпись панели инструментов Рисование и нарисуйте окно надписи.

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

12.1 Перемещение, изменение размеров и удаление надписи.

После создания надписи ее можно переместить на новое место, изменить ее размер для того, чтобы вместить большее количество текста, или вообще удалить.

Для перемещения, изменения размеров или удаления надписи выполните следующее.

В панели слайдов щелкните на надписи, которую необходимо переместить, удалить или изменить ее размер. Вокруг надписи появится граница с белыми маркерами, а в тексте появится I-образный курсор, как показано на рис. 7.

Выберите один из вариантов.

Чтобы переместить надпись. Разместите указатель мыши на границе надписи, в результате чего он должен принять форму четырехнаправленной стрелки. Удерживая нажатой левую кнопку мыши, переместите указатель мыши туда, где должна располагаться надпись, после чего отпустите кнопку.

Чтобы изменить размер надписи. Подведите указатель мыши к маркеру границы надписи, в результате чего он должен принять форму двунаправленной стрелки. Удерживая нажатой левую кнопку мыши, перемещайте указатель мыши до тех пор, пока окно надписи не станет необходимых размеров, после чего отпустите кнопку.

Большое количество элементов HTML предназначено для организации контента и прежде всего текста, который обычно составляет подавляющую часть содержимого Web-страниц. В новой концепции языка основное внимание отводится логической разметке текста, или логическому форматированию. Элементы, связанные с такой разметкой контента, рассмотрены в этой главе.

Структурирование контента подразумевает его разбивку на логические блоки. Первым среди таких блоков, как правило, следует заголовок.

Заголовки. Элементы h1, h2, h3, h4, h5, h6

Существуют заголовки первого, второго, третьего и других уровней, вплоть до шестого. Организуются они при помощи тегов h1, h2, h3, h4, h5, h6:

3аголовок 1-го уровня
Заголовок 2-го уровня
3аголовок 3-го уровня
Заголовок 4-го уровня
Заголовок 5-го уровня
3аголовок 6-го уровня

Использование заголовков разного уровня позволяет структурировать документ по разделам, главам, параграфам и т.п., облегчая чтение. Элементы-заголовки разных уровней по умолчанию отображаются браузером различным размером шрифта (рис. 3.1).

Пример.

Уровни заголовков 3аголовок 1-го уровня Заголовок 2-го уровня 3аголовок 3-го уровня Заголовок 4-го уровня Заголовок 5-го уровня 3аголовок 6-го уровня

Рис. 3.1.

Напоминаю, что заключение текста в тег заголовка - это всего лишь инструкция для браузера, а как он её выполнит, это уже его дело или, точнее, - это на совести его разработчиков. Вот как, например, будет выглядеть тот же код в Вашем браузере:

3аголовок 1-го уровня Заголовок 2-го уровня 3аголовок 3-го уровня Заголовок 4-го уровня Заголовок 5-го уровня 3аголовок 6-го уровня

В зависимости от предпочтений браузера, некоторые заголовки разного уровня могут отображаться одинаково, или даже заголовки более низкого уровня могут выглядеть заметнее своих "старших братьев". В ряде браузеров, например, в Opera, размер и вид шрифтов, используемых на Web-странице, может задавать сам пользователь в настройках. Далее будет показано, как управлять размером, типом и другими характеристиками шрифта программным путем при помощи стилей, не полагаясь на особенности других браузеров.

Атрибуты:

• align - задает выравнивание заголовка на странице. Не рекомендуемый. Может принимать четыре значения:
  • left - выравнивает заголовок по левому краю страницы (используется по умолчанию);
  • right - выравнивает заголовок по правому краю страницы;
  • center - выравнивает заголовок по центру;
  • justify - выравнивает заголовок по ширине страницы, растягивая строку от правого до левого поля. Эффект проявляется, когда длина заголовка больше ширины листа.
• id, class
• lang, dir
• title
• style
• onfocus, onblur, - внутренние события.

Элементы встроенные и блочные

Все элементы, отвечающие за представление контента, принято разделять на две большие группы:

• элементы уровня блока, или блочные (block);
• встроенные, или элементы уровня текста (inline).

Первые отделяют в документе большие блоки (например, заголовок, абзац, адрес автора публикации). Вторые выделяют фрагмент внутри строки (одну букву, слово или фразу).

По умолчанию блоки начинаются с новой строки и занимают всю доступную ширину. На рис. 3.2 для наглядности блоки специально выделены розовой линией. Блоки могут быть вложены друг в друга. Блочные элементы могут содержать встроенные элементы. Подробно блочные элементы будут рассмотрены ниже, а пока только перечислим их:
абзацы - ,
заголовки - ,..., ,
блоки - ,
предварительно отформатированный текст - ,
цитаты - , , ,
разделитель - ,
таблицы - ,
списки -

, , ,
скрипты - , .



Рис. 3.2.

Элементы более низкого уровня - уровня текста - по умолчанию выводятся друг за другом в текущей строке (рис. 3.3). Они могут встраиваться в элементы уровня блока и включать другие встроенные элементы. Однако встроенные элементы не могут содержать элементы блочные. Общее правило: элементы можно вкладывать только в элементы более высокого или своего уровня. К встроенным относятся элементы логического (phrase) и физического (fontstyle) форматирования текста, специальные элементы и элементы задания форм.

Если очень Вам не ймется ,
Оптирайтесь, чем придется,
Водными займитесь процедурами .

Рис. 3.3. Встроенные элементы.

Выделение блока. Элемент

Элемент div является наиболее характерным представителем элементов уровня блока. Он используется для объединения различного содержимого в логически цельную единицу. Логический блок - это нечто большее, чем выделение текста в абзац. Он может отделять, например, несколько абзацев, которые представляют собой аннотацию статьи, новости или замечания к основному тексту. В сочетаниии с атрибутами class и id , работу которых мы рассмотрим позднее, элемент div позволяет легко структурировать текст.

Эффективно взаимодействуя с таблицами стилей, элемент div позволяет отлично форматировать разделы отдельной страницы или даже целого сайта. Текстовый блок, отделенный логически, легко потом выделить при отображении любым способом, например, шрифтом, цветом, межстрочным интервалом, центрированием и т.п. Содержимое элемента div может быть расположено необходимым образом, выделено другим фоном и т.д. Забегая вперед, отметим, что блок можно скрыть и показать в нужный момент. Ввиду своей универсальности этот элемент используется наиболее часто.

Атрибуты:

• align - задает выравнивание текста на странице. Не рекомендуемый. Может принимать четыре значения:
  • left
  • right
  • center
  • justify
• id, class - идентификаторы в пределах документа.
• lang, dir - информация о языке и направленности текста;
• title - заголовок элемента (выводится браузером в качестве комментария при наведении курсора на содержимое элемента).
• style - встроенная информация о стиле.
• onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup - внутренние события.
Встроенный блок. Элемент

Аналогом div на уровне текста является элемент span . Основное его назначение - организовывать встроенные блоки, которые затем можно эффективно форматировать при помощи стилей.

Атрибуты:

• ctlparid
• id, class - идентификаторы в пределах документа.
• lang, dir - информация о языке и направленности текста;
• title - заголовок элемента (выводится браузером в качестве комментария при наведении курсора на содержимое элемента).
• style - встроенная информация о стиле.
• - внутренние события.
Цитаты. Элемент

Данный элемент является разновидностью блочного выделения. Отличие от div в том, что по умолчанию элемент, как цитата, сдвигается вправо по отношению к основному тексту. Ранее этот элемент использовался для создания искусственным образом полей слева от текста. Кавычки, в случае необходимости, добавляются при помощи таблиц стилей.

Атрибуты:

• cite - задает URL документа или письма, подлежащего цитированию.
• id, class - идентификаторы в пределах документа.
• lang, dir - информация о языке и направленности текста;
• title - заголовок элемента (выводится браузером в качестве комментария при наведении курсора на содержимое элемента).
• style - встроенная информация о стиле.
• onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup - внутренние события.
Организация абзацев. Элемент

Как уже упоминалось, браузер не обрабатывает символы перевода строки. Сделано это потому, что заранее вы не знаете, на какой платформе будет отображаться ваш текст, и именно браузеру предстоит правильно его расположить, самостоятельно организовав разбиение на строки. Поэтому текст, который вы набрали на своем компьютере, одновременно форматируя его, разделяя на абзацы, и придавая ему какое-то логическое деление, браузер сначала преобразует, удалив все подряд идущие пробелы и переводы строк, а затем выведет его. При этом информация об абзацах будет утеряна. Чтобы этого не произошло, для логической организации абзацев используется специальный элемент

Атрибуты:

• align - задает выравнивание текста. Не рекомендуемый. Может принимать четыре значения:
  • left - выравнивает текст по левому краю страницы (используется по умолчанию);
  • right - выравнивает текст по правому краю страницы;
  • center - выравнивает текст по центру;
  • justify - выравнивает текст по ширине страницы, растягивая строку от правого до левого поля.
• id, class - идентификаторы в пределах документа.
• lang, dir - информация о языке и направленности текста;
• title - заголовок элемента (выводится браузером в качестве комментария при наведении курсора на содержимое элемента).
• style - встроенная информация о стиле.
• onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup - внутренние события.

Пример.

1 2 3 4 Заголовки, блоки, цитаты, абзацы 5 6 7 8

Часть первая

9

Старгородский лев

10 11 12

Глава 1

13

Безенчук и "Нимфы"

14 15

16 B уездном городе N было так много парикмахерских заведений и бюро 17 похоронных процессий, что казалось, жители города рождаются лишь 18 затем, чтобы побриться, остричься, освежить голову вежеталем и 19 сразу же умереть. А на самом деле в уездном городе N люди рождались, 20 брились и умирали довольно редко. Жизнь города N была 21 тишайшей. 22

23 24

25 Вопросы любви и смерти не волновали Ипполита Матвеевича 26 Воробьянинова, хотя этими вопросами по роду своей службы он 27 ведал с девяти утра до пяти вечера ежедневно с получасовым 28 перерывом для завтрака. 29

30 31

32 Хотя похоронных депо было множество, но клиентура у них была небогатая. 33 "Милости просим" лопнуло еще за три года до того, как Ипполит Матвеевич 34 осел в городе N, а мастер Безенчук пил горькую и даже однажды пытался 35 заложить в ломбарде свой лучший выставочный гроб. 36

37 38 Пешеходов надо любить.
39 Пешеходы составляют большую часть человечества. Мало того - 40 лучшую его часть. Пешеходы создали мир. Это они построили города, 41 возвели многоэтажные здания, провели канализацию и водопровод, 42 замостили улицы и осветили их электрическими лампами. 43 44 45



Рис. 3.4.

Анализируя данную Web-страницу, можно отметить следующее:

• строки 7-10 : заголовок первого уровня.
• строки 11-14 : заголовок второго уровня, выполненный по умолчанию более мелким шрифтом.
• строки 15-22

  .

• строки 23-30 : блок . Для наглядности он выделен другим цветом текста и фоном, которые задаются при помощи стилей CSS, а также смещен на 50 пикселей влево от линии других элементов.
• строки 31-36 : обычный абзац, созданный при помощи элемента

  .

• строки 37-43 : цитата, созданная при помощи элемента . По умолчанию сдвинута вправо по отношению к основному тексту. Для большей наглядности выделена курсивом, который задается при помощи стилей CSS.

Все перечисленные элементы входят в элемент . В терминах программирования говорят, что этот элемент является родительским для вложенных элементов-потомков (а также «детей» или «наследников») , , ,

, . Элементы-потомки наследуют ряд свойств элемента-родителя. Например, , ,

Наследуют от значение левой границы. Элементы и выпадают из этого списка, поскольку для явно задано левое поле, а имеет смещение вправо по умолчанию. А вот элемент

Который входит в , наследует от него смещенную левую границу (рис. 3.4).

Перевод строки. Элементы
, , Элемент


Как говорилось ранее, место переноса строк определяется браузером автоматически с учетом размеров окна, шрифтов и т.п. Для случаев, когда необходим принудительный перевод строки, предусмотрен элемент
. Встретив тег
, браузер начнет вывод последующего текста с новой строки.

Примечание:

В XHTML, где закрывающий тег обязателен, из положения выходят, записывая тег в форме
, или сразу за открывающим вводят закрывающий тег

.

Атрибуты:

• clear - указывает, где должна появиться перенесенная строка. Этот атрибут учитывает прикрепляемые объекты (таблицы, изображения и т. п.) Не рекомендуемый. Может принимать четыре значения:
  • none - следующая строка текста отображается обычным образом, на ближайшем свободном снизу пространстве (используется по умолчанию);
  • left - следующая строка текста отображается на ближайшем свободном пространстве под прикрепленным у левого края объектом;
  • right - следующая строка текста отображается на ближайшем свободном пространстве под прикрепленным у правого края объектом;
  • all - следующая строка текста отображается на ближайшем свободном пространстве под прикрепленным у любого края объектом;

Рассмотрим на примере использование элемента
.

Пусть имеется исходный документ, в котором объект-изображение не прикреплен ни к какому краю документа (не определен атробут align) и, соответственно, текстом не обтекается (рис. 3.5):

Пример.

1 2 3 4 Использование элемента br с различными атрибутами 5 6 7 8 На занятиях Мирзакарим Санакулович Норбеков часто повторяет: 9 "Я обычный человек, такой же, как все. Ничем не лучше и, надеюсь, 10 ничем не хуже вас. Всего, чего я добился в жизни, вы тоже можете достичь, 11 важно только этого захотеть!" 12 А добился он действительно многого. Сегодня М. С. Норбеков - доктор 13 психологии, доктор педагогики, доктор философии в медицине, профессор, 14 действительный член и член-корреспондент ряда российских и зарубежных 15 академий, автор многих запатентованных изобретении и открытий в науке. 16 Впрочем, все эти звания сам он называет "собачьими регалиями", 17 потому что не ради признания он работает. 18 Мирзакарим Санакулович - истинный ученый-исследователь. 19 Круг его интересов очень широкий. Многие удивляются тому, как все это 20 может сочетаться в одном человеке: художник, композитор, писатель, кинорежиссер, 21 артист, спортсмен, тренер, имеющий черный пояс по каратэ второй дан и черный 22 пояс по сам чон до девятый дан. Но самое главное, автор книги - специалист по 23 суфийской медицине и практике, одной из самых древних среди всех существующих. 24 25



Рис. 3.5. Вид документа с изображением без дополнительных атрибутов

Теперь организуем обтекание изображения текстом, прикрепив его к левому краю. Для этого изображению укажем атрибут align=left , то есть в HTML-коде документа строку 7 заменим на строку . В результате получим текст, обтекающий изображение (рис. 3.6):



Рис. 3.6. Вид документа с прикрепленным изображением.

Применение элемента br с заданным атрибутом clear , определяет будет ли расположенный за элементом текст и дальше обтекать объект, или будет выводиться под ним. В приведенном ниже примере, использование элемента br без указания атрибута clear (что равносильно указанию clear=none) не прерывает обтекания текстом, а только осуществляет перенос на следующую строку. Вставим элемент br перед предложением "А добился он действительно многого." (рис. 3.7):



Рис. 3.7. Демонстрация применения элемента br .

Использование элемента br с атрибутом clear=left прервет обтекание текстом и продолжит вывод текста сразу под прикрепленным объектом (рис. 3.8):



Рис. 3.8. Применение элемента br с атрибутом clear=left

Элемент

Иногда необходимо удержать на экране строку без переноса текста. В этом случае такие строки заключаются в контейнер .

Текст непереносимой строки

Закрывающий тег обязателен.

Если строка слишком длинная, то появится горизонтальная линейка скроллинга (прокрутки).В небольших фразах, во избежание переноса, можно использовать неразрывный пробел (один или несколько), который вставляется как символ-литерал (в десятичной форме , в шестнадцатеричной форме А0; ).

Элемент

Решает обратную задачу - разрешает перенос и вставляется как контейнер внутрь элемента .В следующем примере перенос осуществлен только в предложении "Провинциальная непосредственность.":

- Знойная женщина, - сказал Остап, - мечта поэта. Провинциальная непосредственность. B центре таких субтропиков давно уже нет, но на периферии, на местах - еще встречаются.

На практике проще использовать только элемент , выделяя им часть строки, не подлежащей переносу. Предыдущий пример в этом случае был бы записан так:

- Знойная женщина, - сказал Остап, - мечта поэта. Провинциальная непосредственность. B центре таких субтропиков давно уже нет, но на периферии, на местах - еще встречаются.

Обновил и проверил корректность создания списков 28.02.2010 г. (А.К.)

Последний месяц я плотно занимался разработкой шаблонов для создания программных документов, предусмотренных ГОСТами: техническое задание на программу, руководство пользователя, описание применения и других. Казалось бы, ничего сложного в этой деятельности нет. Вставляй нужные разделы, разрывы страниц, поля для будущего текста. Однако у меня возникли сложности с оформлением документов, а конкретно - со стилями заголовков и многоуровневых списков.

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

Опытный пользователь редактора Word, возможно, усмехнется и скажет: да что здесь сложного? Ввел текст для заголовка, придал ему нужный шрифт и форматирование либо применил к нему стиль заголовка нужного уровня и нажал кнопку "Нумерация" на панели форматирования. Всё так, но в итоге в документе образуется множество различных неупорядоченных стилей, в которых можно потеряться и которые никак не способствуют улучшению внешнего вида документа. А ведь есть еще и многоуровневые списки, представляющиеся многим совершенно запутанными и непонятными в применении.

В этой заметке я расскажу о своем способе укрощения заголовков и многоуровневых списков, создав для них соответствующие стили. Настоятельно рекомендую использовать стили при создании любых документов. Создание стиля займет всего несколько минут, но при последующем форматировании текста документа созданный вами стиль сэкономит массу времени и нервов.

Итак, передо мной стояла задача использовать в документе нумерованные заголовки четырех разных уровней для обозначения разделов документа. Эти разделы должны были иметь также свои нумерованные подразделы. Вот образец правильных многоуровневых нумерованных заголовков:

Первым делом, сохраняем новый документ как шаблон (расширение.dot). И работаем уже с этим шаблоном.

Следующее, что необходимо сделать, это отредактировать стандартные стили заголовков, встроенные в наш шаблон. Для того, чтобы увидеть используемые стили в шаблоне или документе, выберите из пункта меню "Формат" (Format) подпункт (команду) "Стили и форматирование" (Styles and Formatting) . Справа от рабочей области программы появится одноименная область задач, как на скриншоте ниже:



Стандартно отображаются основные стили трехуровневых заголовков и стиль "Обычный" , то есть стиль простого текста документа. Чтобы отобразить больше стилей в этой области, вы можете выбрать в раскрывающемся списке "Показать" (Show) в нижней части области задач параметр "Специальное" (Custom) . Откроется вот такое диалоговое окно:



Если задана категория "Доступные стили" (Available Styles) , то в области "Отображаемые стили" будут отображены только те стили, которые использованы при создании данного документа. Обычно галочками отмечены три уровня заголовков. Если вам нужно использовать четвертый уровень заголовка, то отметьте флажком "Заголовок 4". Вполне возможно, что в области "Отображаемые стили" не будет такого стиля. В этом случае выберите категорию "Все" (All Styles) и отметьте флажками только заголовки с 1 по 4 и стиль "Обычный", а также те стили, которые были созданы лично вами. Закройте окно "Настройки формата" щелчком мыши на кнопке ОК.

Вторым нашим шагом будет тонкая настройка стилей заголовков. Заголовкам изначально присвоены шрифты с разным форматированием. Для создания программного документа, согласно ГОСТам, необходимо использовать единый шрифт для всего документа. Я использую шрифт Times New Roman 14 пт для стиля "Обычный". Для заголовков я тоже буду использовать этот шрифт, изменяя лишь его размер и интервалы.

Чтобы изменить стиль заголовка, наведите указатель мыши на "Заголовок 1" в области задач. Надпись отобразится в рамке и справа от нее появится кнопка с треугольником. Щелкните по этому треугольнику, и перед вами откроется контекстное меню для данного стиля. Выберите в нём команду "Изменить" (Modify) , и появится диалоговое окно "Изменение стиля".



В поле "Основан на стиле" (Style based on) выберите из раскрывающегося списка значение "Нет" (No style) . Поле "Стиль следующего абзаца" (Style for following paragraph) оставьте без изменения. Затем нажмите кнопку "Формат" в нижней части окна и выберите нужные команды для изменения настроек. Для изменения шрифта используйте команду "Шрифт", для изменения абзацного отступа и интервалов предусмотрена команда "Абзац". Произведите требуемые вам изменения. Я, например, для "Заголовка 1" установил следующие параметры: шрифт - Times New Roman полужирный 18 пт, абзац - выравнивание по левому краю, отступ первой строки на 1,5 см, интервал перед 0 пт, после 3 пт, междустрочный двойной, табуляция - установить 3,5 см с левого края без заполнителя.

Если вы хотите применить произведенные изменения для шаблона, на основе которого вы потом будете создавать ваши документы, то поставьте флажок в поле "Добавить в шаблон" (Add to template) , иначе все эти изменения будут применены лишь к активному в данный момент документу.

Аналогично я изменил стиль оставшихся заголовков, соответственно уменьшив для каждого из них размер шрифта: "Заголовок 2" - полужирный 16 пт, "Заголовок 3" - полужирный 15 пт, "Заголовок 4" - полужирный 14 пт.

Таким образом, я настроил нужные мне в шаблоне стили заголовков. Теперь необходимо было создать стиль для многоуровневых списков.

Из пункта меню "Формат" выберите команду "Список" (Bullets and Numbering) . Откроется одноименное диалоговое окно. Перейдите на вкладку окна "Список стилей" (List Styles) и нажмите кнопку "Добавить" (Add) . Перед вами откроется окно "Создание стиля" (New Style) со знакомым интерфейсом и кнопками:



Обратите внимание на поле "Применить форматирование к" (Apply formatting to) . Стандартно там будет установлено значение "Уровень 1". Задавая форматирование нумерации, вы применяете его исключительно к стилю "Заголовок 1". Соответственно, выбрав в этом поле следующее значение - "Уровень 2" - вы должны задать и для него то форматирование, которое ранее было задано для "Заголовка 2".

В поле "Имя" (Name) введите название вашего стиля (пусть будет "Нумерация_заголовков"). Затем нажмите кнопку "Формат" в нижней части окна. Доступными будут всего лишь три команды: "Шрифт", "Нумерация" и "Сочетание клавиш".

Выберите команду "Нумерация" (Numbering) и перед вами откроется диалоговое окно "Список". Щелкните мышью на любом образце списка и кнопка "Изменить" (Customize) в нижней части окна станет активной. Нажмите ее. Откроется новое окно, показанное на скриншоте ниже.



В этом окне нам предстоит настраивать стили нумерации каждого из заголовков. Выберите нужный уровень, например, 1. В окне отобразятся параметры, применяемые к данному уровню. Здесь вы можете настроить шрифт нумерации, абзацный отступ. Если это окно открылось в кратком виде, нажмите кнопку "Больше" (More) и будут доступны дополнительные параметры для настройки.

Выберите команду "Шрифт". Перед вами появится уже знакомое диалоговое окно, в котором установите такие же параметры, которые вы задавали для "Заголовка 1" (Times New Roman, полужирный, 18). Обязательно снимите все флажки в группе "Видоизменение" (Effects) - они будут бледного цвета, задайте цвет текста, отсутствие подчеркивания и проверьте все остальные настройки в других вкладках окна.

В группе "Положение номера" (Number Position) установите положение по левому краю на 1,5 см. В группе "Положение текста" (Text Position) установите табуляцию после 3,5 см, отступ 0 см. Выберите из открывающегося списка в параметре "Связать уровень со стилем" (Link level to style) значение "Нет". Значение в поле "Символ после номера" (Follow number with) оставьте как есть - знак табуляции.

После выбора второго уровня для списка, у вас в поле "Формат номера" может быть отображена буква или иной символ. Для наших же целей (создание шаблона по ГОСТу) вам нужно стереть имеющееся в поле значение, затем в поле "Предыдущий уровень" выбрать значение "Уровень 1", чтобы у нас для второго уровня заголовка появилась первая цифра, поставьте точку и в поле "Нумерация" выберите значение "1,2,3" - в поле "Формат номера" после цифры с точкой появится следующий номер 1.

Снова нажмите кнопку "Шрифт" и установите те же значения, которые вы устанавливали для стиля "Заголовок 2" (Times New Roman, полужирный, 16).

Повторите эти действия для остальных 2 уровней: 3 и 4.

Обратите внимание, когда будете настраивать заголовки 3 и 4, что вы должны сначала стереть поле "Формат номера", последовательно выбрать имеющиеся значения в поле "Предыдущий уровень": сначала "Уровень 1", поставить точку, затем "Уровень 2" (а для Заголовка 4 - и "Уровень 3") и далее выбрать значение "1,2,3".

По окончании нажмите кнопку ОК. В области задач "Стили и форматирования" появится новый элемент (стиль) с вашим именем "Нумерация_заголовков".

Теперь, чтобы эти стили и списки корректно работали в новых документах, основанных на данном шаблоне, необходимо защитить стили шаблона от изменений. Для этого в меню "Формат" выберите команду "Защитить документ". Справа откроется область задач "Защита документа":



В разделе "Ограничение на форматирование" установите флажок "Ограничить набор разрешенных стилей" и нажмите ссылку "Настройка". Откроется диалоговое окно "Ограничение на форматирование". Установите флажки в этом окне на имеющиеся в вашем шаблоне стили (которые вы создали или которые вы хотите иметь). В нашем случае это 4 уровня заголовков и стиль "Нумерация_заголовков". Нажмите кнопку "ОК". Диалоговое окно закроется и появится диалог с вопросом: "Возможно, документ содержит запрещенные стили или форматирование. Удалить их?". Выберите "Да". После всего этого нажмите кнопку "Да, включить защиту". Пароль задавать необязательно (на ваше усмотрение).

Вот теперь все документы, которые будут создаваться на основе этого шаблона, будут иметь только те стили, которые вы разрешили к использованию.

Последнее, что нам потребуется сделать - проверить на практике работу стилей. Для этого создайте новый документ на основе этого шаблона, введите в документ несколько строк какого-нибудь текста. Введите не меньше семи строк, чтобы проверить разные уровни заголовков. Поставьте курсор мыши на первую строку текста и примените к ней стиль "Заголовок 1".

Затем примените к этому же тексту созданный вами стиль "Нумерация_заголовков". Повторите эти действия в заданной последовательности (Заголовок -> Нумерация_заголовка) для остальных строк, каждый раз применяя для них разные уровни. Должен получиться примерно такой вот иерархический список:



Как вы можете заметить, в нижней части окна у меня отобразился уровень "Заголовок 2", но с нарушенной нумерацией - 1.1. Такое бывает. И исправить это очень легко. Достаточно щелкнуть правой кнопкой мыши на этом номере, чтобы отобразилось контекстное меню. Выберите в этом меню команду "Продолжить нумерацию" (Continue previous list) и заголовок получит правильный номер, в данном случае - 2.2.

Надеюсь, вы поняли, как создаются стили и как они модифицируются. Также искренне надеюсь, что эта заметка поможет вам создавать правильные стили заголовков и красиво, а главное единообразно оформлять ваши документы.

В качестве образца прикрепляю получившийся у меня шаблон с настроенными стилями заголовков и списка.

Для создания автоматического оглавления нам понадобится сначала назначить стили для каждого элемента текста. Это довольно просто, но придется немного повозиться.

Word 2007: во вкладке Главная в блоке Стили щелкаем по значку стрелки в правом нижнем углу:



Word 2003: в меню Формат щелкаем по пункту Стили и форматирование (на рисунке просто Стили – не обращайте внимания):



Теперь в правой части окна появилось меню Стили . Для начала создадим новый стиль для оформления нашего основного текста – щелкаем по кнопке Создать стиль в правом нижнем углу меню Стили :



Создание стиля задаем основные параметры для основного текста.

Имя: Параграф (вы можете придумать любое другое)

Стиль: Абзаца

Основан на стиле: Обычный

Стиль следующего абзаца: Параграф (или ваш вариант названия стиля)

Шрифт: Times New Roman (тут дело вкуса)

Кегль: 14 пт

Выравнивание: По ширине

Интервал: Полуторный



Но это еще не все, нужно задать параметры абзаца. Для этого в правом нижнем углу диалогового окна Создание стиля щелкаем по кнопке Формат и выбираем пункт Абзац :



В открывшемся диалоговом окне Абзац во вкладке Отступы и интервалы выставляем следующие параметры:

Первая строка: Отступ, 1,25 см

Интервал: После, 25 пт

Отмечаем галкой: Не добавлять интервал между абзацами одного стиля

Последнее необходимо для того, чтобы визуально отделить основной текст от заголовков и других стилей. В то же время, между абзацами основного текста отступов не будет.



Нажимаем кноку OK в данном диалоговом окне и еще раз в окне Создание стиля .

Отлично, стиль создан! Попробуем теперь его применить.

Выделяем часть основного текста и в меню Стили щелкаем по стилю Параграф :



Как видим, текст принял вид, который мы заранее задали для него в параметрах стиля. Обратите внимание, насколько отформатированный таким образом текст отличается от остального.

Как вы уже догадались, мы задаем стиль Параграф для всего основного текста. Теперь переходим к созданию стиля для подразделов.

В меню Стили снова щелкаем по кнопке Создать стиль и задаем для него следующие параметры:

Имя: Подраздел

Стиль: Абзаца

Основан на стиле: Заголовок 2 (нужно для создания оглавления)

Стиль следующего абзаца: Параграф (или ваш вариант названия стиля основного текста)

Шрифт: Verdana

Кегль: 14 пт

Стиль: Полужирный

Выравнивание: По левому краю

Интервал: Полуторный



Не закрывая данное окно, щелкаем по кнопке Формат и выбираем пункт Абзац .

Во вкладке Отступы и интервалы задаем следующие параметры:

Первая строка: Отступ, 1,5 см

Интервал: Перед, 0 пт; После, 20 пт



Во вкладке Положение на странице ставим галки напротив пунктов:

· запрет висячих строк (чтобы не вмещающаяся на данной странице строка не перескакивала на следующую страницу, ибо некрасиво:)

· не отрывать от следующего (чтобы заголовок не отрывался от основного текста)

· не разрывать абзац (чтобы весь заголовок размещался на одной странице)



Закрываем окошки создания стиля по кнопкам OK и задаем для всех заголовков второго уровня стиль Подраздел :

Осталось создать стиль для заголовков первого уровня – заголовков разделов. Задаем стиль Раздел аналогично созданию предыдущего стиля.

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

В HTML документе заголовок играет большую роль. Он концентрирует внимание посетителя и призывают его прочитать статью, или какой либо материал, он играет большую роль в оптимизации страниц под поисковые системы т. к. поисковики обращают внимание на текст заключенный между тегами заголовка и т. д.

HTML заголовки бывают 6-ти уровней, каждый из которых отличается величиной. За создание заголовка отвечает тэг и парный закрывающий его тэг . Где x – это число от 1 до 6-ти, которое определяет уровень заголовка.

Таким образом, тэг определяет самый большой размер заголовка, а тэг самый маленький. На рисунке вы можете видеть все уровни заголовков от 1-го до 6-го.

В основном применяют заголовки более высоких уровней, очень редко применяются заголовки 6-го и 5-го уровней. Попробуем применить этот тег на практике и сделаем заголовок для HTML страницы. Назовем ее, к примеру, «Тестовая страница» и применим к ней заголовок 1-го уровня.

Для этого в код нашей веб-страницы, которую мы создавали в уроке , сразу после тега вставим следующее Тестовая страница. Весь код будет выглядеть так:

Моя первая страница Тестовая страница Вот вы и создали свою первую web страницу!!!

Можете попробовать изменять цифры в тэге заголовка от 1-го до 6-ти и посмотреть, как будет меняться величина текста. Не забудьте что после каждого изменения в коде, html файл необходимо сохранить, а чтобы увидеть внесенные изменения необходимо обновить веб-страницу в браузере. Одновременно с величиной текста тег заголовка задает отступы и делает текст жирным.

В основном при создании html документов используют заголовки первого, второго и третьего уровня. Поисковые системы больше всего обращают внимание на ключевые слова находящиеся в заголовке первого уровня, меньше в заголовке второго и третьего уровня и т. д., т. е. чем больше уровень заголовка тем меньше он представляет какое либо значение для поисковых систем. В настоящее время поисковые системы перестали придавать большое значение ключевым словам заключенным в теге h1. Более подробно об этом читайте в материалах раздела . Изучение остальных тегов мы продолжим в других .

Материал подготовлен порталом:

просмотров


Сохранить в Facebook Сохранить в Одноклассники Сохранить ВКонтакте


• Как распаковать файл мдф MDF – файл образа диска, снятый специальными программами. При создании образа содержимое в...
• Как сделать чтобы КС:ГО не лагало? →

Вам также может понравиться


Что такое клан в World of Tanks
2024-04-25 17:16:38 0

Мод: информационная панель техники World of Tanks Установленного оборудования wot
2024-04-25 17:16:38 0

Составляем аватар клиента
2024-04-24 16:40:17 0