Язык разметки гипертекста HTML презентация

HTML
Hyper Text Markup Language – язык гипертекстовой разметки.
Описательный язык разметки HTML имеет свои команды, которые называются тегами.
!Теги не чувствительны к регистру!

ТЕГ
Тег - элемент HTML, представляющий из себя текст, заключенный в угловые скобки <>. Тег является активным элементом, изменяющим представление следующей за ним информации.
Обычно используются два тега - открывающий и закрывающий.
Тег может иметь некоторое количество атрибутов.

АТРИБУТ
Атрибут – это компонент тега, содержащий указания о том, как браузер должен воспринять и обработать тег.
Синтаксис тега с атрибутом:
<тег атрибут="значение">

ГИПЕРТЕКСТ
Гипертекст (hypertext) – текст, содержащий ссылки на другие веб-страницы, серверы или ресурсы с возможностями выполнения переходов.

Открываем документ Задание.txt
Название Web-страницы
Меня зовут ____. Мне __ лет.
Это моя первая Web-страница.
Тут я могу писать любой текст.
Я размещу эту страницу в Интернете.

Создание web-страницы
1
2
3
Выполнить действия 1,2,3,4
4

WEB-страничка готова!
Удалить

Структура и управление
Обновление web-страницы
меню Вид ⇨ Просмотр HTML-кода

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

Форматирование текста
и
- располагает элементы по центру. -предписывает переход на новую строку.
<Р> - тег абзаца, переводит курсор на новую строку и одну строку пропускает.
Для выбора размера шрифта используют теги <Н1>, <Н2>… <Н6> и соответствующие закрывающие тэги.

Управление шрифтом

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

Можно использовать несколько или все его возможные атрибуты. Например,
SIZE=5 COLOR="BLUE">.

Цвета и атрибуты
Цвет фона определяется атрибутом BGCOLOR тэга . Например,
тэг, задающий жёлтый цвет фона, имеет вид:
Можно задать и цвет текста. Для этой цели служит атрибут TEXT тэга . Тэг, приведённый ниже, задаёт зелёный цвет для фона и синий – для текста:

Таблица цветов

Создание списков
Нумерованные списки задаются тэгом
, а маркированные – тэгом
.
Оба эти тэга парные. Для нумерованных списков можно выбрать способ индексации. Это делается с помощью атрибута TYPE с аргументами: 1 (арабские цифры), А (прописные буквы), а (строчные буквы), i (римские цифры). Можно задать номер, с которого начинается список. Для этого служит атрибут START внутри тэга
.
Перед элементами списков следует поставить тэг
, чтобы индексация происходила автоматически. В этом тэге можно использовать и вышеописанный атрибут TYPE.

Разделительные полосы
Разделительная полоса задаётся тэгом
, внутри которого могут содержаться следующие
атрибуты:
SIZE – толщина в пикселах;
WIDHT – ширина в пикселах;
ALIGN – способ выравнивания принимает значения CENTER, LEFT или RIGHT; кроме того, можно использовать атрибут NOSHADE для создания сплошной чёрной полосы без тени).

Бегущая строка
Тэг
позволяет создать «бегущую» строку, т.е. эффект прокручивания текста
в заданном поле. Характеристики бегущей строки задаются следующими атрибутами:
WIDTH – ширина поля бегущей строки в пикселах или процентах от ширины окна. HEIGHT – высота поля бегущей строки (в пикселах). HSPACE, VSPACE – интервал по горизонтали и вертикали между текстом строки и краями её поля (в пикселах). ALIGN – определяет положение текста бегущей строки в её поле. Возможные аргументы:
TOP – вверху; BOTTOM – внизу;
MIDDLE – посередине.
DIRECTION – определяет направление движения

Атрибуты бегущей строки
Возможные аргументы:
SCROLL – текст появляется от одного края и
скрывается за другим;
SLIDE – строка вытягивается из одного края поля и останавливается у другого края;
ALTERNATE – задаёт переменное направление движения, от одного края к другому, а затем обратно.
LOOP – определяет количество повторений текста в бегущей строке, задаваемое числом, если необходимо «бесконечное» количество повторений, то следует задать аргумент в виде ключевого слова INFINITY.
SCROLLAMOUNT – устанавливает длину в пикселах «прыжка» текста за один такт, при большом значении этого параметра текст движется рывками, а при малом – замедленно.
SCROLLDELAY – определяет величину паузы между тактами перемещения текста (в миллисекундах).
BGCOLOR – устанавливает цвет поля бегущей строки.

Вставка графических изображений
Вставка на страницу графического изображения из файла графического формата
(GIF, JPG, BMP и др.) производится с помощью тэга
с указанием адреса файла в качестве аргумента атрибута SRC:
Для предварительного формирования структуры страницы следует указать размеры изображения с помощью атрибутов WIDTH (ширина) и HEIGHT (высота), измеряемых в пикселах.

Выравнивание текста и графического изображения
Тэг
задаёт обтекание графики из файла
LOGOTIP.JPG справа (картинка будет находиться слева от текста):
Если требуется расположить картинку справа от текста, то нужно атрибуту ALIGN присвоить аргумент RIGHT:
Чтобы задать поля вокруг картинки, надо написать тэг вида:

Фоновая графика
Фоновое изображение – это графический файл, содержащий картинку (желательно небольшого
размера), который многократно выводится на экран, заполняя всё окно. Изображение для фона должно напоминать фрагмент обоев, т.е. быть небольшим и незамысловатым, чтобы, во-первых, не замедлять загрузку, а во-вторых, текст на выбранном фоне должен легко читаться.
Фоновая графика задаётся в тэге в начале документа HTML, подобно тому, как задаётся цвет фона. При этом используется атрибут BACKGROUND, значением которого является имя графического файла. Например,

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

Графические ссылки
Структура графической ссылки имеет вид:

Таблицы
Описание таблицы в документе HTML начинается с тэга
и заканчивается
тэгом
. Если вы хотите, чтобы таблица имела видимую рамку (границы), используйте атрибут BORDER. Атрибут BORDER может принимать аргумент (число), определяющий ширину рамки, например:
Для задания названия таблицы используется тэг и заканчивается тэгом .
Слайд 37
Таблицы
Если ряд должен содержать заголовки столбцов таблицы, то используются тэги
. Если в ячейках должны размещаться данные, то используются тэги .
Тэги заголовков и данные должны располагаться между тэгами рядов и .
Для объединения ячеек используются атрибуты COLSPAN и ROWSPAN (по столбцам и по рядам соответственно).
Ширина таблицы задаётся атрибутом WIDTH в тэге
с атрибутом выравнивания ALIGN, который может принимать значение TOP или BOTTOM (расположение названия вверху или внизу таблицы соответственно), например:
Моя таблица
Каждый ряд ячеек начинается с тэга
и
и
, а ширина ячейки указывается тем же атрибутом в тэге . Выравнивание в отдельных ячейках выполняет атрибут ALIGN в тэгах
Слайд 41
Таблицы без рамок
Слайд 42
Цветовое оформление таблицы
Производится с помощью атрибута BGCOLOR.
Если нужно установить цвет для
всей таблицы, то атрибут BGCOLOR вставляется в тэг. Для изменения цвета только одного ряда этот атрибут вставляется в тэг
. Задание цвета отдельной ячейки обеспечивается атрибутом BGCOLOR внутри тэга
или
.
Слайд 38
Слайд 39
Слайд 40
Таблицы
Текст и графику внутри ячеек таблицы можно выравнивать. Горизонтальное и вертикальное
выравнивание содержимого строк задаётся с помощью атрибута ALIGN в тэге
и
. Атрибут ALIGN может принимать аргументы LEFT (по левому краю), RIGHT (по правому краю) и CENTER (по центру). Пример:
текст
. Если в таблице имеются рамки, то можно указать и их цвет с помощью атрибутов:
BORDERCOLOR – цвет всей рамки;
BORDERCOLORLIGHT – цвет светлой части рамки;
BORDERCOLORDARK – цвет тёмной части рамки.
Слайд 43
Цветовое оформление таблицы
Эти атрибуты вставляются в тэг
. Чтобы они действительно работали,
необходимо присутствие ещё и атрибута BORDER, задающего ширину рамки.
Если требуется задать шрифт для текстов внутри ячеек таблицы, то это можно сделать с помощью тэгов заголовков и физических стилей внутри тэгов
.
Слайд 44
Слайд 45
Фреймы
Часто возникает необходимость разместить в окне броузера несколько разделов или окон,
называемых фреймами. В каждом фрейме отображается свой документ HTML. Фреймы могут работать независимо, а также содержать ссылки друг на друга. При использовании фреймов потребуется несколько HTML-файлов. Один из них называется установочным. В нём описывается расположение фреймов в окне броузера и назначаются исходные HTML-файлы для каждого из фреймов, но нет собственного текста и графики. Исходные HTML-файлы выводятся во фреймы и могут содержать тексты, графику, ссылки и пр.
Слайд 46
Фреймы
Установочный HTML-файл, как и любой другой, начинается с тэга и
заканчивается тэгом . Для разделения окна на несколько фреймов используются тэги и . Тэг должен быть размещён после тэга , но перед тэгом .
Два фрейма можно расположить рядом друг с другом или друг над другом. Для задания способа расположения используется атрибут COLS (если рядом) или ROWS (если друг над другом).
Слайд 47
Фреймы
Тэг задаёт деление окна на два вертикальных фрейма, первый
из которых имеет ширину 50 пикселов, а второй занимает всё оставшееся место. Тэг задаёт разбиение на три горизонтальных фрейма высотой 20%, 30% и 50%.
Можно использовать одновременно и горизонтальное, и вертикальное разбиение окна на фреймы. Это делается вложением тэгов друг в друга, т.е. размещением фреймов внутри фреймов.
Слайд 48
Фреймы
После задания расположения фреймов следует указать для каждого из них исходный
HTML-файл. Для этой цели служит тэг , имеющий множество атрибутов, которые управляют свойствами фреймов.
SRC= «имя_файла»NAME= «имя_фрейма» - каждый фрем должен иметь имя, упомянутое в атрибуте NAME, и к нему должен быть привязан HTML-файл, указанный в атрибуте SRC.
SCROLLING – определяет, будут ли присутствовать в окне фрейма полосы прокрутки, если требуется прокрутка, то задаётся аргумент YES, иначе – NO.
Слайд 49
Фреймы
NORESIZE – запрещает пользователю изменять размеры фреймов, если этот атрибут не
применяется, то пользователь не может изменять размеры.
BORDER= «ширина_полосы» - определяет ширину разделительной полосы между фреймами в пикселах.
MARGINHEIGHT= «высота_верхнего_отступа» - добавляет пустое поле между верхней границей фрейма и началом текста или графики, измеряется в пикселах.
MARGWIDTH= «ширина_боковых_отступов» - добавляет пустое поле между боковыми границами фреймов и началом текста или графики, измеряется в пикселах.
Слайд 50
Слайд 51
Левый фрейм
Верхний фрейм
Слайд 52
Центральный фрейм
Имя файла: Язык-разметки-гипертекста-HTML.pptx
Количество просмотров: 14
Количество скачиваний: 0
Скачать
- Предыдущая
Работа с переживаниями и эмоциями с помощью когнитивно-поведенческой психотерапии
Следующая -
Произведения искусства на сюжеты Библии. Произведения искусства на сюжеты Нового Завета
Похожие презентации
Система команд микропроцессора Intel 80x86. (Тема 4)
Безопасный Интернет
Производственная практика. ADO.NET и COM при работе с MS ACCESS и MS EXCEL в десктопном приложении
Хэш-функции. Лекция 12
Характеристика программы GRAFIS, основные правила
Моделирование. Системный подход в моделировании
Создание сайта
Защищенные мультисервисные телекоммуникационные системы
Безопасный Интернет
Microsoft Word
Разработка кода программного продукта на уровне модуля. Тема 2
Ехсеl. Компьютерные технологи обработки табличных данных
Компьютерная графика и анимация. Многослойные изображения. Каналы. Иллюстрации для веб-сайтов
Основные понятия ОС
Потоки и файлы
Создание Web-сайта. Коммуникационные технологии
Электронный тест по теме Информация
Информационные системы
Программирование на языке PL/SQL. Часть 1. Введение в Oracle PL/SQL
Табличные базы данных
Средства информационных и коммуникационных технологий как инструмент оценивания образовательных результатов
Обеспечение информационной безопасности посредством управления usb портами
Построение треугольника по двум сторонам и углу между ними в системе компьютерного черчения КОМПАС
Компьютерные сети. История развития, разновидности, модель OSI, стандартизация и основные протоколы
Неуправляемое движение объектов
Пошаговое создание мнемосхемы проекта
Chapter 3. Transport Layer
Data snap RAD studio communication
Обратная связь
Email:
Нажмите что бы посмотреть
window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S){return {data:{meta:{result:{meta:{h1:n,main_text:a,main_title:o,main_description:p,main_keywords:q,main_image:a},app:{logo_image:r,logo_image_width:s,logo_image_height:t,logo_text:a,image_width_full:u,image_width_min:v,recaptcha_key:w,yandex_search:x,ya_context:e,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:y,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:z,item_images:A,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:F}},item:{result:{id:591965,name:m,category:G,count:53,jpg:"jpg\u002F591965",hits:H,download:b,h1:"Язык разметки гипертекста HTML презентация",meta:{h1:m,title:m,description:"Язык разметки гипертекста HTML презентация на тему, доклад, Информатика",keywords:"Язык разметки гипертекста HTML, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Язык разметки гипертекста HTML из раздела Информатика. Презентация на заданную тему содержит 53 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:a,file:"Язык-разметки-гипертекста-HTML.pptx",texts:["\u003Cp\u003EТема урока:\u003Cbr\u003E\u003Cp\u003E«Язык разметки гипертекста HTML» \u003Cbr\u003E","\u003Cp\u003EHTML\u003Cbr\u003E\u003Cp\u003E Hyper Text Markup Language – язык гипертекстовой разметки.\u003Cbr\u003E Описательный язык разметки HTML имеет свои команды, которые называются тегами.\u003Cbr\u003E !Теги не чувствительны к регистру!\u003Cbr\u003E","\u003Cp\u003EТЕГ\u003Cbr\u003E\u003Cp\u003E Тег - элемент HTML, представляющий из себя текст, заключенный в угловые скобки \u003C\u003E. Тег является активным элементом, изменяющим представление следующей за ним информации. \u003Cbr\u003E Обычно используются два тега - открывающий и закрывающий.\u003Cbr\u003E Тег может иметь некоторое количество атрибутов. \r\n\u003Cbr\u003E","\u003Cp\u003EАТРИБУТ\u003Cbr\u003E\u003Cp\u003E Атрибут – это компонент тега, содержащий указания о том, как браузер должен воспринять и обработать тег. \u003Cbr\u003EСинтаксис тега с атрибутом:\u003Cbr\u003E \u003Cтег атрибут=\"значение\"\u003E \u003Cbr\u003E","\u003Cp\u003EГИПЕРТЕКСТ\u003Cbr\u003E\u003Cp\u003E Гипертекст (hypertext) – текст, содержащий ссылки на другие веб-страницы, серверы или ресурсы с возможностями выполнения переходов. \u003Cbr\u003E","\u003Cp\u003EОткрываем документ Задание.txt\u003Cbr\u003E\u003Cp\u003E\u003CHTML\u003E\u003Cbr\u003E\u003CHEAD\u003E\u003Cbr\u003E\u003CTITLE\u003E Название Web-страницы \u003C\u002FTITLE\u003E\u003Cbr\u003E\u003C\u002FHEAD\u003E\u003Cbr\u003E\u003CBODY \u003E\u003Cbr\u003EМеня зовут ____. Мне __ лет.\u003Cbr\u003EЭто моя первая Web-страница. \u003Cbr\u003EТут я могу писать любой текст. \u003Cbr\u003EЯ размещу эту страницу в Интернете.\u003Cbr\u003E\u003C\u002FBODY\u003E\u003Cbr\u003E\u003C\u002FHTML\u003E \u003Cbr\u003E","\u003Cp\u003EСоздание web-страницы\u003Cbr\u003E\u003Cp\u003E1\u003Cbr\u003E\u003Cp\u003E2\u003Cbr\u003E\u003Cp\u003E3\u003Cbr\u003E\u003Cp\u003EВыполнить действия 1,2,3,4\u003Cbr\u003E\u003Cp\u003E4\u003Cbr\u003E","\u003Cp\u003EWEB-страничка готова! \u003Cbr\u003E\u003Cp\u003EУдалить\u003Cbr\u003E","\u003Cp\u003EСтруктура и управление\u003Cbr\u003E\u003Cp\u003EОбновление web-страницы\u003Cbr\u003E\u003Cp\u003Eменю Вид ⇨ Просмотр HTML-кода\u003Cbr\u003E","\u003Cp\u003EОбязательные метки\u003Cbr\u003E\u003Cp\u003E\u003CHTML\u003E и \u003C\u002FHTML\u003E открывают и закрывают HTML-документ.\u003Cbr\u003E\u003CHEAD\u003E и \u003C\u002FHEAD\u003E - начало и конец заголовка документа.\u003Cbr\u003E\u003CTITLE\u003E и \u003C\u002FTITLE\u003E -текст браузер понимает как название документа.\u003Cbr\u003E\u003CBODY \u003Eи\u003C\u002FBODY\u003E-основное содержание документа.\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EФорматирование текста\u003Cbr\u003E\u003Cp\u003E\u003CCENTER\u003E и \u003C\u002F CENTER \u003E - располагает элементы по центру.\u003Cbr\u003E\u003CBR\u003E -предписывает переход на новую строку.\u003Cbr\u003E\u003CР\u003E - тег абзаца, переводит курсор на новую строку и одну строку пропускает.\u003Cbr\u003EДля выбора размера шрифта используют теги \u003CН1\u003E, \u003CН2\u003E… \u003CН6\u003E и соответствующие закрывающие тэги. \u003Cbr\u003E\u003Cbr\u003E",a,a,a,"\u003Cp\u003EУправление шрифтом\u003Cbr\u003E","\u003Cp\u003EС помощью специального тэга \u003CFONT\u003E можно настроить шрифт для изображения текста: задать гарнитуру, размер и цвет. \u003Cbr\u003EТэг \u003CFONT SIZE=размер_шрифта\u003E используется для установки размера текущего шрифта для отдельных фрагментов текста.\u003Cbr\u003EДля задания гарнитуры шрифта используется тэг \u003CFONT FACE= «имя_шрифта»\u003E. Например, \u003CFONT FACE= «Arial»\u003E.\u003Cbr\u003EС помощью атрибута COLOR в тэге \u003CFONT\u003E можно задать цвет шрифта: \u003CFONT COLOR=”цвет”\u003E\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EМожно использовать несколько или все его возможные атрибуты. Например, \u003CFONT FACE=\"Arial\" SIZE=5 COLOR=\"BLUE\"\u003E.\u003Cbr\u003E","\u003Cp\u003EЦвета и атрибуты\u003Cbr\u003E\u003Cp\u003E Цвет фона определяется атрибутом BGCOLOR тэга \u003CBODY\u003E. Например, тэг, задающий жёлтый цвет фона, имеет вид:\u003Cbr\u003E\u003CBODY BGCOLOR=”YELLOW”\u003E\u003Cbr\u003E\tМожно задать и цвет текста. Для этой цели служит атрибут TEXT тэга \u003CBODY\u003E. Тэг, приведённый ниже, задаёт зелёный цвет для фона и синий – для текста: \u003Cbr\u003E\u003CBODY BGCOLOR=”GREEN” TEXT=”BLUE”\u003E\u003Cbr\u003E",a,"\u003Cp\u003EТаблица цветов\u003Cbr\u003E","\u003Cp\u003EСоздание списков\u003Cbr\u003E\u003Cp\u003EНумерованные списки задаются тэгом \u003COL\u003E, а маркированные – тэгом \u003CUL\u003E. Оба эти тэга парные. Для нумерованных списков можно выбрать способ индексации. Это делается с помощью атрибута TYPE с аргументами: 1 (арабские цифры), А (прописные буквы), а (строчные буквы), i (римские цифры). Можно задать номер, с которого начинается список. Для этого служит атрибут START внутри тэга \u003COL\u003E. \u003Cbr\u003EПеред элементами списков следует поставить тэг \u003CLI\u003E, чтобы индексация происходила автоматически. В этом тэге можно использовать и вышеописанный атрибут TYPE. \u003Cbr\u003E",a,"\u003Cp\u003EРазделительные полосы\u003Cbr\u003E\u003Cp\u003EРазделительная полоса задаётся тэгом \u003CHR\u003E, внутри которого могут содержаться следующие атрибуты:\u003Cbr\u003ESIZE – толщина в пикселах;\u003Cbr\u003EWIDHT – ширина в пикселах;\u003Cbr\u003EALIGN – способ выравнивания принимает значения CENTER, LEFT или RIGHT; кроме того, можно использовать атрибут NOSHADE для создания сплошной чёрной полосы без тени).\u003Cbr\u003E",a,"\u003Cp\u003EБегущая строка\u003Cbr\u003E\u003Cp\u003EТэг \u003CMARRQUEE\u003E позволяет создать «бегущую» строку, т.е. эффект прокручивания текста в заданном поле. Характеристики бегущей строки задаются следующими атрибутами:\u003Cbr\u003EWIDTH – ширина поля бегущей строки в пикселах или процентах от ширины окна. HEIGHT – высота поля бегущей строки (в пикселах). HSPACE, VSPACE – интервал по горизонтали и вертикали между текстом строки и краями её поля (в пикселах). ALIGN – определяет положение текста бегущей строки в её поле. Возможные аргументы:\u003Cbr\u003ETOP – вверху; BOTTOM – внизу;\u003Cbr\u003EMIDDLE – посередине.\u003Cbr\u003EDIRECTION – определяет направление движения\u003Cbr\u003E","\u003Cp\u003EАтрибуты бегущей строки\u003Cbr\u003E\u003Cp\u003EВозможные аргументы:\u003Cbr\u003ESCROLL – текст появляется от одного края и скрывается за другим;\u003Cbr\u003ESLIDE – строка вытягивается из одного края поля и останавливается у другого края;\u003Cbr\u003EALTERNATE – задаёт переменное направление движения, от одного края к другому, а затем обратно.\u003Cbr\u003ELOOP – определяет количество повторений текста в бегущей строке, задаваемое числом, если необходимо «бесконечное» количество повторений, то следует задать аргумент в виде ключевого слова INFINITY.\u003Cbr\u003ESCROLLAMOUNT – устанавливает длину в пикселах «прыжка» текста за один такт, при большом значении этого параметра текст движется рывками, а при малом – замедленно.\u003Cbr\u003ESCROLLDELAY – определяет величину паузы между тактами перемещения текста (в миллисекундах).\u003Cbr\u003EBGCOLOR – устанавливает цвет поля бегущей строки.\u003Cbr\u003E",a,"\u003Cp\u003EВставка графических изображений\u003Cbr\u003E\u003Cp\u003EВставка на страницу графического изображения из файла графического формата (GIF, JPG, BMP и др.) производится с помощью тэга \u003CIMG\u003E с указанием адреса файла в качестве аргумента атрибута SRC:\u003Cbr\u003E\u003CIMG SRC=”адрес_графического_файла”\u003E\u003Cbr\u003EДля предварительного формирования структуры страницы следует указать размеры изображения с помощью атрибутов WIDTH (ширина) и HEIGHT (высота), измеряемых в пикселах.\u003Cbr\u003E\u003CIMG SRC=”logotip.gif” WIDTH=40 HEIGHT=20\u003E\u003Cbr\u003E","\u003Cp\u003EВыравнивание текста и графического изображения\u003Cbr\u003E\u003Cp\u003EТэг \u003CIMG\u003E задаёт обтекание графики из файла LOGOTIP.JPG справа (картинка будет находиться слева от текста):\u003Cbr\u003E\u003CIMG SRC=”logotip.gif” ALIGN=LEFT\u003E\u003Cbr\u003EЕсли требуется расположить картинку справа от текста, то нужно атрибуту ALIGN присвоить аргумент RIGHT:\u003Cbr\u003E\u003CIMG SRC=”logotip.gif” ALIGN=RIGHT \u003E\u003Cbr\u003EЧтобы задать поля вокруг картинки, надо написать тэг вида:\u003Cbr\u003E\u003CIMG SRC=”logotip.gif” ALIGN=LEFT HSPACE =20 VSPACE =10\u003E\u003Cbr\u003E",a,"\u003Cp\u003EФоновая графика\u003Cbr\u003E\u003Cp\u003EФоновое изображение – это графический файл, содержащий картинку (желательно небольшого размера), который многократно выводится на экран, заполняя всё окно. Изображение для фона должно напоминать фрагмент обоев, т.е. быть небольшим и незамысловатым, чтобы, во-первых, не замедлять загрузку, а во-вторых, текст на выбранном фоне должен легко читаться.\u003Cbr\u003EФоновая графика задаётся в тэге \u003CBODY\u003E в начале документа HTML, подобно тому, как задаётся цвет фона. При этом используется атрибут BACKGROUND, значением которого является имя графического файла. Например,\u003Cbr\u003E\u003CBODY BACKGROUND=”fon.gif” BGPROPERTIES=FIXED\u003E\u003Cbr\u003E",a,"\u003Cp\u003EСсылки\u003Cbr\u003E\u003Cp\u003EСсылки (или гиперссылки) позволяют щелчком кнопки мыши на выделенном тексте или изображении перейти к другому файлу или фрагменту страницы.\u003Cbr\u003EОни задаются тэгом \u003CA HREF\u003E, которому соответствует закрывающий тэг \u003C\u002FA\u003E. В ссылке сначала указывается имя файла, на который она ссылается, а затем текст или имя графического файла, содержащего изображение ссылки. Кроме простых графических ссылок, можно создать так называемую графическую карту ссылок – картинку с горячими областями, щелчок на которых приводит к срабатыванию соответствующих ссылок.\u003Cbr\u003EСтруктура текстовой ссылки имеет следующий вид:\u003Cbr\u003E\u003CA HREF=”адрес_ссылки”\u003E текст_ссылки \u003C\u002FA\u003E\u003Cbr\u003E",a,"\u003Cp\u003EГрафические ссылки\u003Cbr\u003E\u003Cp\u003EСтруктура графической ссылки имеет вид:\u003Cbr\u003E\u003CA HREF=”адрес_ссылки”\u003E \u003Cbr\u003E\u003CIMG SRC=”имя_графического_файла” \u003E\u003C\u002FA\u003E\u003Cbr\u003E","\u003Cp\u003EТаблицы\u003Cbr\u003E\u003Cp\u003EОписание таблицы в документе HTML начинается с тэга \u003CTABLE\u003E и заканчивается тэгом \u003C\u002FTABLE\u003E. Если вы хотите, чтобы таблица имела видимую рамку (границы), используйте атрибут BORDER. Атрибут BORDER может принимать аргумент (число), определяющий ширину рамки, например: \u003CTABLE BORDER=10 \u003E\u003Cbr\u003EДля задания названия таблицы используется тэг \u003CCAPTION\u003E с атрибутом выравнивания ALIGN, который может принимать значение TOP или BOTTOM (расположение названия вверху или внизу таблицы соответственно), например:\u003Cbr\u003E\u003CCAPTION ALIGN=TOP\u003EМоя таблица\u003C\u002F CAPTION\u003E\u003Cbr\u003EКаждый ряд ячеек начинается с тэга \u003CTR\u003E и заканчивается тэгом \u003C\u002FTR\u003E.\u003Cbr\u003E","\u003Cp\u003EТаблицы\u003Cbr\u003E\u003Cp\u003EЕсли ряд должен содержать заголовки столбцов таблицы, то используются тэги \u003CTH\u003E и \u003C\u002FTH\u003E. Если в ячейках должны размещаться данные, то используются тэги \u003CTD\u003E и \u003C\u002FTD\u003E.\u003Cbr\u003EТэги заголовков и данные должны располагаться между тэгами рядов \u003CTR\u003E и \u003C\u002FTR\u003E.\u003Cbr\u003EДля объединения ячеек используются атрибуты COLSPAN и ROWSPAN (по столбцам и по рядам соответственно).\u003Cbr\u003EШирина таблицы задаётся атрибутом WIDTH в тэге \u003CTABLE\u003E, а ширина ячейки указывается тем же атрибутом в тэге \u003CTH\u003E или \u003CTD\u003E. \u003Cbr\u003E",a,a,"\u003Cp\u003EТаблицы\u003Cbr\u003E\u003Cp\u003EТекст и графику внутри ячеек таблицы можно выравнивать. Горизонтальное и вертикальное выравнивание содержимого строк задаётся с помощью атрибута ALIGN в тэге \u003CTR\u003E. Выравнивание в отдельных ячейках выполняет атрибут ALIGN в тэгах \u003CTH\u003E и \u003CTD\u003E. Атрибут ALIGN может принимать аргументы LEFT (по левому краю), RIGHT (по правому краю) и CENTER (по центру). Пример:\u003Cbr\u003E\u003CTR ALIGN=LEFT\u003E\u003Cbr\u003E\u003CTH WIDTH=25% ALIGN=CENTER\u003Eтекст\u003C\u002FTH\u003E\u003Cbr\u003E","\u003Cp\u003EТаблицы без рамок\u003Cbr\u003E","\u003Cp\u003EЦветовое оформление таблицы\u003Cbr\u003E\u003Cp\u003EПроизводится с помощью атрибута BGCOLOR.\u003Cbr\u003EЕсли нужно установить цвет для всей таблицы, то атрибут BGCOLOR вставляется в тэг. Для изменения цвета только одного ряда этот атрибут вставляется в тэг \u003CTR\u003E. Задание цвета отдельной ячейки обеспечивается атрибутом BGCOLOR внутри тэга \u003CTD\u003E. Если в таблице имеются рамки, то можно указать и их цвет с помощью атрибутов:\u003Cbr\u003EBORDERCOLOR – цвет всей рамки;\u003Cbr\u003EBORDERCOLORLIGHT – цвет светлой части рамки;\u003Cbr\u003EBORDERCOLORDARK – цвет тёмной части рамки.\u003Cbr\u003E","\u003Cp\u003EЦветовое оформление таблицы\u003Cbr\u003E\u003Cp\u003EЭти атрибуты вставляются в тэг\u003CTABLE\u003E. Чтобы они действительно работали, необходимо присутствие ещё и атрибута BORDER, задающего ширину рамки.\u003Cbr\u003EЕсли требуется задать шрифт для текстов внутри ячеек таблицы, то это можно сделать с помощью тэгов заголовков и физических стилей внутри тэгов \u003CTD\u003E. \u003Cbr\u003E",a,"\u003Cp\u003EФреймы\u003Cbr\u003E\u003Cp\u003EЧасто возникает необходимость разместить в окне броузера несколько разделов или окон, называемых фреймами. В каждом фрейме отображается свой документ HTML. Фреймы могут работать независимо, а также содержать ссылки друг на друга. При использовании фреймов потребуется несколько HTML-файлов. Один из них называется установочным. В нём описывается расположение фреймов в окне броузера и назначаются исходные HTML-файлы для каждого из фреймов, но нет собственного текста и графики. Исходные HTML-файлы выводятся во фреймы и могут содержать тексты, графику, ссылки и пр.\u003Cbr\u003E","\u003Cp\u003EФреймы\u003Cbr\u003E\u003Cp\u003EУстановочный HTML-файл, как и любой другой, начинается с тэга \u003CHTML\u003E и заканчивается тэгом \u003C\u002FHTML\u003E. Для разделения окна на несколько фреймов используются тэги \u003CFRAMESET\u003E и \u003C\u002FFRAMESET\u003E. Тэг \u003CFRAMESET\u003E должен быть размещён после тэга \u003C\u002FHEAD\u003E, но перед тэгом \u003CBODY\u003E. \u003Cbr\u003EДва фрейма можно расположить рядом друг с другом или друг над другом. Для задания способа расположения используется атрибут COLS (если рядом) или ROWS (если друг над другом).\u003Cbr\u003E","\u003Cp\u003EФреймы\u003Cbr\u003E\u003Cp\u003EТэг \u003CFRAMESET COLS=”50,*”\u003E задаёт деление окна на два вертикальных фрейма, первый из которых имеет ширину 50 пикселов, а второй занимает всё оставшееся место. Тэг \u003CFRAMESET ROWS=”20%,30%,*”\u003E задаёт разбиение на три горизонтальных фрейма высотой 20%, 30% и 50%.\u003Cbr\u003EМожно использовать одновременно и горизонтальное, и вертикальное разбиение окна на фреймы. Это делается вложением тэгов \u003CFRAMESET\u003E друг в друга, т.е. размещением фреймов внутри фреймов.\u003Cbr\u003E","\u003Cp\u003EФреймы\u003Cbr\u003E\u003Cp\u003EПосле задания расположения фреймов следует указать для каждого из них исходный HTML-файл. Для этой цели служит тэг \u003CFRAME\u003E, имеющий множество атрибутов, которые управляют свойствами фреймов.\u003Cbr\u003ESRC= «имя_файла»NAME= «имя_фрейма» - каждый фрем должен иметь имя, упомянутое в атрибуте NAME, и к нему должен быть привязан HTML-файл, указанный в атрибуте SRC.\u003Cbr\u003ESCROLLING – определяет, будут ли присутствовать в окне фрейма полосы прокрутки, если требуется прокрутка, то задаётся аргумент YES, иначе – NO.\u003Cbr\u003E","\u003Cp\u003EФреймы\u003Cbr\u003E\u003Cp\u003ENORESIZE – запрещает пользователю изменять размеры фреймов, если этот атрибут не применяется, то пользователь не может изменять размеры.\u003Cbr\u003EBORDER= «ширина_полосы» - определяет ширину разделительной полосы между фреймами в пикселах.\u003Cbr\u003EMARGINHEIGHT= «высота_верхнего_отступа» - добавляет пустое поле между верхней границей фрейма и началом текста или графики, измеряется в пикселах.\u003Cbr\u003EMARGWIDTH= «ширина_боковых_отступов» - добавляет пустое поле между боковыми границами фреймов и началом текста или графики, измеряется в пикселах.\u003Cbr\u003E",a,"\u003Cp\u003EЛевый фрейм\u003Cbr\u003E\u003Cp\u003EВерхний фрейм\u003Cbr\u003E","\u003Cp\u003EЦентральный фрейм\u003Cbr\u003E","\u003Cp\u003EЖелаю успехов в создании собственной Web-страницы\u003Cbr\u003E"],href:"\u002Finformatika\u002Fyazyk-razmetki-giperteksta-html-3",href_category:"\u002Finformatika",date:1677810903,related:[{id:395373,name:"Система команд микропроцессора Intel 80x86. (Тема 4)",href:"\u002Finformatika\u002Fsistema-komand-mikroprotsessora-intel-80x86-tema",jpg:"jpg\u002F395373"},{id:11556,name:I,href:"\u002Finformatika\u002Fbezopasnyy-internet-1",jpg:"jpg\u002F11556"},{id:431498,name:"Производственная практика. ADO.NET и COM при работе с MS ACCESS и MS EXCEL в десктопном приложении",href:"\u002Finformatika\u002Fproizvodstvennaya-praktika-adonet-i-com-pri",jpg:"jpg\u002F431498"},{id:309619,name:"Хэш-функции. Лекция 12",href:"\u002Finformatika\u002Fhesh-funktsii-lektsiya-12",jpg:"jpg\u002F309619"},{id:222012,name:"Характеристика программы GRAFIS, основные правила",href:"\u002Finformatika\u002Fharakteristika-programmy-grafis-osnovnye-pravila",jpg:"jpg\u002F222012"},{id:580142,name:"Моделирование. Системный подход в моделировании",href:"\u002Finformatika\u002Fmodelirovanie-sistemnyy-podhod-v-modelirovanii",jpg:"jpg\u002F580142"},{id:279851,name:"Создание сайта",href:"\u002Finformatika\u002Fsozdanie-sayta-2",jpg:"jpg\u002F279851"},{id:597390,name:"Защищенные мультисервисные телекоммуникационные системы",href:"\u002Finformatika\u002Fzashchishchennye-multiservisnye-telekommunikatsionnye-sistemy",jpg:"jpg\u002F597390"},{id:266817,name:I,href:"\u002Finformatika\u002Fbezopasnyy-internet-20",jpg:"jpg\u002F266817"},{id:9769,name:"Microsoft Word",href:"\u002Finformatika\u002Fmicrosoft-word-1",jpg:"jpg\u002F9769"},{id:295226,name:"Разработка кода программного продукта на уровне модуля. Тема 2",href:"\u002Finformatika\u002Frazrabotka-koda-programmnogo-produkta-na-urovne",jpg:"jpg\u002F295226"},{id:98485,name:"Ехсеl. Компьютерные технологи обработки табличных данных",href:"\u002Finformatika\u002Fehsel-kompyuternye-tehnologi-obrabotki-tablichnyh-dannyh",jpg:"jpg\u002F98485"},{id:211181,name:"Компьютерная графика и анимация. Многослойные изображения. Каналы. Иллюстрации для веб-сайтов",href:"\u002Finformatika\u002Fkompyuternaya-grafika-i-animatsiya-mnogosloynye-izobrazheniya",jpg:"jpg\u002F211181"},{id:594445,name:"Основные понятия ОС",href:"\u002Finformatika\u002Fosnovnye-ponyatiya-os-2",jpg:"jpg\u002F594445"},{id:409902,name:"Потоки и файлы",href:"\u002Finformatika\u002Fpotoki-i-fayly-1",jpg:"jpg\u002F409902"},{id:209987,name:"Создание Web-сайта. Коммуникационные технологии",href:"\u002Finformatika\u002Fsozdanie-web-sayta-kommunikatsionnye-tehnologii-6",jpg:"jpg\u002F209987"},{id:459589,name:"Электронный тест по теме Информация",href:"\u002Finformatika\u002Felektronnyy-test-po-teme-informatsiya",jpg:"jpg\u002F459589"},{id:383018,name:"Информационные системы",href:"\u002Finformatika\u002Finformatsionnye-sistemy-11",jpg:"jpg\u002F383018"},{id:92972,name:"Программирование на языке PL\u002FSQL. Часть 1. Введение в Oracle PL\u002FSQL",href:"\u002Finformatika\u002Fprogrammirovanie-na-yazyke-plsql-chast-1",jpg:"jpg\u002F92972"},{id:329241,name:"Табличные базы данных",href:"\u002Finformatika\u002Ftablichnye-bazy-dannyh-2",jpg:"jpg\u002F329241"},{id:362713,name:"Средства информационных и коммуникационных технологий как инструмент оценивания образовательных результатов",href:"\u002Finformatika\u002Fsredstva-informatsionnyh-i-kommunikatsionnyh-tehnologiy-kak",jpg:"jpg\u002F362713"},{id:397770,name:"Обеспечение информационной безопасности посредством управления usb портами",href:"\u002Finformatika\u002Fobespechenie-informatsionnoy-bezopasnosti-posredstvom-upravleniya-usb",jpg:"jpg\u002F397770"},{id:336359,name:"Построение треугольника по двум сторонам и углу между ними в системе компьютерного черчения КОМПАС",href:"\u002Finformatika\u002Fpostroenie-treugolnika-po-dvum-storonam-i-1",jpg:"jpg\u002F336359"},{id:382259,name:"Компьютерные сети. История развития, разновидности, модель OSI, стандартизация и основные протоколы",href:"\u002Finformatika\u002Fkompyuternye-seti-istoriya-razvitiya-raznovidnosti-model",jpg:"jpg\u002F382259"},{id:413543,name:"Неуправляемое движение объектов",href:"\u002Finformatika\u002Fneupravlyaemoe-dvizhenie-obektov",jpg:"jpg\u002F413543"},{id:242543,name:"Пошаговое создание мнемосхемы проекта",href:"\u002Finformatika\u002Fposhagovoe-sozdanie-mnemoshemy-proekta",jpg:"jpg\u002F242543"},{id:201749,name:"Chapter 3. Transport Layer",href:"\u002Finformatika\u002Fchapter-3-transport-layer",jpg:"jpg\u002F201749"},{id:93947,name:"Data snap RAD studio communication",href:"\u002Finformatika\u002Fdata-snap-rad-studio-communication",jpg:"jpg\u002F93947"}],navigation:{next:"\u002Funcategorized\u002Fproizvedeniya-iskusstva-na-syuzhety-biblii-proizvedeniya",next_name:"Произведения искусства на сюжеты Библии. Произведения искусства на сюжеты Нового Завета",prev:"\u002Fpsihologiya\u002Frabota-s-perezhivaniyami-i-emotsiyami-s-1",prev_name:"Работа с переживаниями и эмоциями с помощью когнитивно-поведенческой психотерапии"}}},categories:{result:[{id:J,ordering:b,name:"Без категории",pseudoname:"uncategorized"},{id:144,ordering:b,name:"Бизнес",pseudoname:"biznes"},{id:146,ordering:b,name:"Образование",pseudoname:"obrazovanie"},{id:149,ordering:b,name:"Финансы",pseudoname:"finansy"},{id:150,ordering:b,name:"Государство",pseudoname:"gosudarstvo"},{id:152,ordering:b,name:"Спорт",pseudoname:"sport"},{id:154,ordering:b,name:"Армия",pseudoname:"armiya"},{id:156,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:157,ordering:b,name:"Еда и кулинария",pseudoname:"eda-i-kulinariya"},{id:158,ordering:b,name:"Лингвистика",pseudoname:"lingvistika"},{id:163,ordering:b,name:"Черчение",pseudoname:"cherchenie"},{id:164,ordering:b,name:"Физкультура",pseudoname:"fizkultura"},{id:165,ordering:b,name:"ИЗО",pseudoname:"izo"},{id:166,ordering:b,name:"Психология",pseudoname:"psihologiya"},{id:116,ordering:J,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:j,name:"Литература",pseudoname:"literatura"},{id:119,ordering:k,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:13,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:H,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:d,config:{public:{SITE_NAME:K,SITE_HOST:"mypreza.com",SITE_LANG:L,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:K,short_name:a,description:a,lang:L,start_url:"\u002F?standalone=true",display:"standalone",background_color:l,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:c,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:c,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:c,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:c,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:c,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:c,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:c,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:c,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:c,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:c,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:c,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:c,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:c,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:c,sizes:S,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:d,childIframe:e,clickmap:e,defer:e,useRuntimeConfig:d,trackHash:e,trackLinks:d,type:b,webvisor:e,triggerEvent:e,consoleLog:d,partytown:e,isDev:e}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:n,main_text:a,main_title:o,main_description:p,main_keywords:q,main_image:a},app:{logo_image:r,logo_image_width:s,logo_image_height:t,logo_text:a,image_width_full:u,image_width_min:v,recaptcha_key:w,yandex_search:x,ya_context:e,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:y,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:z,item_images:A,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:F,token:a}}}}("",0,"image\u002Fpng",true,false,"any","maskable","h2","#d53032",10,11,"#ffffff","Язык разметки гипертекста HTML","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","[e-mail]","div","images_before","category","both",88,800,"\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E","Информатика",14,"Безопасный Интернет",1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512")) тэгом

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

Таблицы без рамок

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

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

Цветовое оформление таблицы
Эти атрибуты вставляются в тэг
. Чтобы они действительно работали,
необходимо присутствие ещё и атрибута BORDER, задающего ширину рамки.
Если требуется задать шрифт для текстов внутри ячеек таблицы, то это можно сделать с помощью тэгов заголовков и физических стилей внутри тэгов
.
Слайд 44
Слайд 45
Фреймы
Часто возникает необходимость разместить в окне броузера несколько разделов или окон,
называемых фреймами. В каждом фрейме отображается свой документ HTML. Фреймы могут работать независимо, а также содержать ссылки друг на друга. При использовании фреймов потребуется несколько HTML-файлов. Один из них называется установочным. В нём описывается расположение фреймов в окне броузера и назначаются исходные HTML-файлы для каждого из фреймов, но нет собственного текста и графики. Исходные HTML-файлы выводятся во фреймы и могут содержать тексты, графику, ссылки и пр.
Слайд 46
Фреймы
Установочный HTML-файл, как и любой другой, начинается с тэга и
заканчивается тэгом . Для разделения окна на несколько фреймов используются тэги и . Тэг должен быть размещён после тэга , но перед тэгом .
Два фрейма можно расположить рядом друг с другом или друг над другом. Для задания способа расположения используется атрибут COLS (если рядом) или ROWS (если друг над другом).
Слайд 47
Фреймы
Тэг задаёт деление окна на два вертикальных фрейма, первый
из которых имеет ширину 50 пикселов, а второй занимает всё оставшееся место. Тэг задаёт разбиение на три горизонтальных фрейма высотой 20%, 30% и 50%.
Можно использовать одновременно и горизонтальное, и вертикальное разбиение окна на фреймы. Это делается вложением тэгов друг в друга, т.е. размещением фреймов внутри фреймов.
Слайд 48
Фреймы
После задания расположения фреймов следует указать для каждого из них исходный
HTML-файл. Для этой цели служит тэг , имеющий множество атрибутов, которые управляют свойствами фреймов.
SRC= «имя_файла»NAME= «имя_фрейма» - каждый фрем должен иметь имя, упомянутое в атрибуте NAME, и к нему должен быть привязан HTML-файл, указанный в атрибуте SRC.
SCROLLING – определяет, будут ли присутствовать в окне фрейма полосы прокрутки, если требуется прокрутка, то задаётся аргумент YES, иначе – NO.
Слайд 49
Фреймы
NORESIZE – запрещает пользователю изменять размеры фреймов, если этот атрибут не
применяется, то пользователь не может изменять размеры.
BORDER= «ширина_полосы» - определяет ширину разделительной полосы между фреймами в пикселах.
MARGINHEIGHT= «высота_верхнего_отступа» - добавляет пустое поле между верхней границей фрейма и началом текста или графики, измеряется в пикселах.
MARGWIDTH= «ширина_боковых_отступов» - добавляет пустое поле между боковыми границами фреймов и началом текста или графики, измеряется в пикселах.
Слайд 50
Слайд 51
Левый фрейм
Верхний фрейм
Слайд 52
Центральный фрейм
Имя файла: Язык-разметки-гипертекста-HTML.pptx
Количество просмотров: 14
Количество скачиваний: 0
Скачать
- Предыдущая
Работа с переживаниями и эмоциями с помощью когнитивно-поведенческой психотерапии
Следующая -
Произведения искусства на сюжеты Библии. Произведения искусства на сюжеты Нового Завета
Похожие презентации
Система команд микропроцессора Intel 80x86. (Тема 4)
Безопасный Интернет
Производственная практика. ADO.NET и COM при работе с MS ACCESS и MS EXCEL в десктопном приложении
Хэш-функции. Лекция 12
Характеристика программы GRAFIS, основные правила
Моделирование. Системный подход в моделировании
Создание сайта
Защищенные мультисервисные телекоммуникационные системы
Безопасный Интернет
Microsoft Word
Разработка кода программного продукта на уровне модуля. Тема 2
Ехсеl. Компьютерные технологи обработки табличных данных
Компьютерная графика и анимация. Многослойные изображения. Каналы. Иллюстрации для веб-сайтов
Основные понятия ОС
Потоки и файлы
Создание Web-сайта. Коммуникационные технологии
Электронный тест по теме Информация
Информационные системы
Программирование на языке PL/SQL. Часть 1. Введение в Oracle PL/SQL
Табличные базы данных
Средства информационных и коммуникационных технологий как инструмент оценивания образовательных результатов
Обеспечение информационной безопасности посредством управления usb портами
Построение треугольника по двум сторонам и углу между ними в системе компьютерного черчения КОМПАС
Компьютерные сети. История развития, разновидности, модель OSI, стандартизация и основные протоколы
Неуправляемое движение объектов
Пошаговое создание мнемосхемы проекта
Chapter 3. Transport Layer
Data snap RAD studio communication
Обратная связь
Email:
Нажмите что бы посмотреть
window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S){return {data:{meta:{result:{meta:{h1:n,main_text:a,main_title:o,main_description:p,main_keywords:q,main_image:a},app:{logo_image:r,logo_image_width:s,logo_image_height:t,logo_text:a,image_width_full:u,image_width_min:v,recaptcha_key:w,yandex_search:x,ya_context:e,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:y,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:z,item_images:A,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:F}},item:{result:{id:591965,name:m,category:G,count:53,jpg:"jpg\u002F591965",hits:H,download:b,h1:"Язык разметки гипертекста HTML презентация",meta:{h1:m,title:m,description:"Язык разметки гипертекста HTML презентация на тему, доклад, Информатика",keywords:"Язык разметки гипертекста HTML, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Язык разметки гипертекста HTML из раздела Информатика. Презентация на заданную тему содержит 53 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:a,file:"Язык-разметки-гипертекста-HTML.pptx",texts:["\u003Cp\u003EТема урока:\u003Cbr\u003E\u003Cp\u003E«Язык разметки гипертекста HTML» \u003Cbr\u003E","\u003Cp\u003EHTML\u003Cbr\u003E\u003Cp\u003E Hyper Text Markup Language – язык гипертекстовой разметки.\u003Cbr\u003E Описательный язык разметки HTML имеет свои команды, которые называются тегами.\u003Cbr\u003E !Теги не чувствительны к регистру!\u003Cbr\u003E","\u003Cp\u003EТЕГ\u003Cbr\u003E\u003Cp\u003E Тег - элемент HTML, представляющий из себя текст, заключенный в угловые скобки \u003C\u003E. Тег является активным элементом, изменяющим представление следующей за ним информации. \u003Cbr\u003E Обычно используются два тега - открывающий и закрывающий.\u003Cbr\u003E Тег может иметь некоторое количество атрибутов. \r\n\u003Cbr\u003E","\u003Cp\u003EАТРИБУТ\u003Cbr\u003E\u003Cp\u003E Атрибут – это компонент тега, содержащий указания о том, как браузер должен воспринять и обработать тег. \u003Cbr\u003EСинтаксис тега с атрибутом:\u003Cbr\u003E \u003Cтег атрибут=\"значение\"\u003E \u003Cbr\u003E","\u003Cp\u003EГИПЕРТЕКСТ\u003Cbr\u003E\u003Cp\u003E Гипертекст (hypertext) – текст, содержащий ссылки на другие веб-страницы, серверы или ресурсы с возможностями выполнения переходов. \u003Cbr\u003E","\u003Cp\u003EОткрываем документ Задание.txt\u003Cbr\u003E\u003Cp\u003E\u003CHTML\u003E\u003Cbr\u003E\u003CHEAD\u003E\u003Cbr\u003E\u003CTITLE\u003E Название Web-страницы \u003C\u002FTITLE\u003E\u003Cbr\u003E\u003C\u002FHEAD\u003E\u003Cbr\u003E\u003CBODY \u003E\u003Cbr\u003EМеня зовут ____. Мне __ лет.\u003Cbr\u003EЭто моя первая Web-страница. \u003Cbr\u003EТут я могу писать любой текст. \u003Cbr\u003EЯ размещу эту страницу в Интернете.\u003Cbr\u003E\u003C\u002FBODY\u003E\u003Cbr\u003E\u003C\u002FHTML\u003E \u003Cbr\u003E","\u003Cp\u003EСоздание web-страницы\u003Cbr\u003E\u003Cp\u003E1\u003Cbr\u003E\u003Cp\u003E2\u003Cbr\u003E\u003Cp\u003E3\u003Cbr\u003E\u003Cp\u003EВыполнить действия 1,2,3,4\u003Cbr\u003E\u003Cp\u003E4\u003Cbr\u003E","\u003Cp\u003EWEB-страничка готова! \u003Cbr\u003E\u003Cp\u003EУдалить\u003Cbr\u003E","\u003Cp\u003EСтруктура и управление\u003Cbr\u003E\u003Cp\u003EОбновление web-страницы\u003Cbr\u003E\u003Cp\u003Eменю Вид ⇨ Просмотр HTML-кода\u003Cbr\u003E","\u003Cp\u003EОбязательные метки\u003Cbr\u003E\u003Cp\u003E\u003CHTML\u003E и \u003C\u002FHTML\u003E открывают и закрывают HTML-документ.\u003Cbr\u003E\u003CHEAD\u003E и \u003C\u002FHEAD\u003E - начало и конец заголовка документа.\u003Cbr\u003E\u003CTITLE\u003E и \u003C\u002FTITLE\u003E -текст браузер понимает как название документа.\u003Cbr\u003E\u003CBODY \u003Eи\u003C\u002FBODY\u003E-основное содержание документа.\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EФорматирование текста\u003Cbr\u003E\u003Cp\u003E\u003CCENTER\u003E и \u003C\u002F CENTER \u003E - располагает элементы по центру.\u003Cbr\u003E\u003CBR\u003E -предписывает переход на новую строку.\u003Cbr\u003E\u003CР\u003E - тег абзаца, переводит курсор на новую строку и одну строку пропускает.\u003Cbr\u003EДля выбора размера шрифта используют теги \u003CН1\u003E, \u003CН2\u003E… \u003CН6\u003E и соответствующие закрывающие тэги. \u003Cbr\u003E\u003Cbr\u003E",a,a,a,"\u003Cp\u003EУправление шрифтом\u003Cbr\u003E","\u003Cp\u003EС помощью специального тэга \u003CFONT\u003E можно настроить шрифт для изображения текста: задать гарнитуру, размер и цвет. \u003Cbr\u003EТэг \u003CFONT SIZE=размер_шрифта\u003E используется для установки размера текущего шрифта для отдельных фрагментов текста.\u003Cbr\u003EДля задания гарнитуры шрифта используется тэг \u003CFONT FACE= «имя_шрифта»\u003E. Например, \u003CFONT FACE= «Arial»\u003E.\u003Cbr\u003EС помощью атрибута COLOR в тэге \u003CFONT\u003E можно задать цвет шрифта: \u003CFONT COLOR=”цвет”\u003E\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EМожно использовать несколько или все его возможные атрибуты. Например, \u003CFONT FACE=\"Arial\" SIZE=5 COLOR=\"BLUE\"\u003E.\u003Cbr\u003E","\u003Cp\u003EЦвета и атрибуты\u003Cbr\u003E\u003Cp\u003E Цвет фона определяется атрибутом BGCOLOR тэга \u003CBODY\u003E. Например, тэг, задающий жёлтый цвет фона, имеет вид:\u003Cbr\u003E\u003CBODY BGCOLOR=”YELLOW”\u003E\u003Cbr\u003E\tМожно задать и цвет текста. Для этой цели служит атрибут TEXT тэга \u003CBODY\u003E. Тэг, приведённый ниже, задаёт зелёный цвет для фона и синий – для текста: \u003Cbr\u003E\u003CBODY BGCOLOR=”GREEN” TEXT=”BLUE”\u003E\u003Cbr\u003E",a,"\u003Cp\u003EТаблица цветов\u003Cbr\u003E","\u003Cp\u003EСоздание списков\u003Cbr\u003E\u003Cp\u003EНумерованные списки задаются тэгом \u003COL\u003E, а маркированные – тэгом \u003CUL\u003E. Оба эти тэга парные. Для нумерованных списков можно выбрать способ индексации. Это делается с помощью атрибута TYPE с аргументами: 1 (арабские цифры), А (прописные буквы), а (строчные буквы), i (римские цифры). Можно задать номер, с которого начинается список. Для этого служит атрибут START внутри тэга \u003COL\u003E. \u003Cbr\u003EПеред элементами списков следует поставить тэг \u003CLI\u003E, чтобы индексация происходила автоматически. В этом тэге можно использовать и вышеописанный атрибут TYPE. \u003Cbr\u003E",a,"\u003Cp\u003EРазделительные полосы\u003Cbr\u003E\u003Cp\u003EРазделительная полоса задаётся тэгом \u003CHR\u003E, внутри которого могут содержаться следующие атрибуты:\u003Cbr\u003ESIZE – толщина в пикселах;\u003Cbr\u003EWIDHT – ширина в пикселах;\u003Cbr\u003EALIGN – способ выравнивания принимает значения CENTER, LEFT или RIGHT; кроме того, можно использовать атрибут NOSHADE для создания сплошной чёрной полосы без тени).\u003Cbr\u003E",a,"\u003Cp\u003EБегущая строка\u003Cbr\u003E\u003Cp\u003EТэг \u003CMARRQUEE\u003E позволяет создать «бегущую» строку, т.е. эффект прокручивания текста в заданном поле. Характеристики бегущей строки задаются следующими атрибутами:\u003Cbr\u003EWIDTH – ширина поля бегущей строки в пикселах или процентах от ширины окна. HEIGHT – высота поля бегущей строки (в пикселах). HSPACE, VSPACE – интервал по горизонтали и вертикали между текстом строки и краями её поля (в пикселах). ALIGN – определяет положение текста бегущей строки в её поле. Возможные аргументы:\u003Cbr\u003ETOP – вверху; BOTTOM – внизу;\u003Cbr\u003EMIDDLE – посередине.\u003Cbr\u003EDIRECTION – определяет направление движения\u003Cbr\u003E","\u003Cp\u003EАтрибуты бегущей строки\u003Cbr\u003E\u003Cp\u003EВозможные аргументы:\u003Cbr\u003ESCROLL – текст появляется от одного края и скрывается за другим;\u003Cbr\u003ESLIDE – строка вытягивается из одного края поля и останавливается у другого края;\u003Cbr\u003EALTERNATE – задаёт переменное направление движения, от одного края к другому, а затем обратно.\u003Cbr\u003ELOOP – определяет количество повторений текста в бегущей строке, задаваемое числом, если необходимо «бесконечное» количество повторений, то следует задать аргумент в виде ключевого слова INFINITY.\u003Cbr\u003ESCROLLAMOUNT – устанавливает длину в пикселах «прыжка» текста за один такт, при большом значении этого параметра текст движется рывками, а при малом – замедленно.\u003Cbr\u003ESCROLLDELAY – определяет величину паузы между тактами перемещения текста (в миллисекундах).\u003Cbr\u003EBGCOLOR – устанавливает цвет поля бегущей строки.\u003Cbr\u003E",a,"\u003Cp\u003EВставка графических изображений\u003Cbr\u003E\u003Cp\u003EВставка на страницу графического изображения из файла графического формата (GIF, JPG, BMP и др.) производится с помощью тэга \u003CIMG\u003E с указанием адреса файла в качестве аргумента атрибута SRC:\u003Cbr\u003E\u003CIMG SRC=”адрес_графического_файла”\u003E\u003Cbr\u003EДля предварительного формирования структуры страницы следует указать размеры изображения с помощью атрибутов WIDTH (ширина) и HEIGHT (высота), измеряемых в пикселах.\u003Cbr\u003E\u003CIMG SRC=”logotip.gif” WIDTH=40 HEIGHT=20\u003E\u003Cbr\u003E","\u003Cp\u003EВыравнивание текста и графического изображения\u003Cbr\u003E\u003Cp\u003EТэг \u003CIMG\u003E задаёт обтекание графики из файла LOGOTIP.JPG справа (картинка будет находиться слева от текста):\u003Cbr\u003E\u003CIMG SRC=”logotip.gif” ALIGN=LEFT\u003E\u003Cbr\u003EЕсли требуется расположить картинку справа от текста, то нужно атрибуту ALIGN присвоить аргумент RIGHT:\u003Cbr\u003E\u003CIMG SRC=”logotip.gif” ALIGN=RIGHT \u003E\u003Cbr\u003EЧтобы задать поля вокруг картинки, надо написать тэг вида:\u003Cbr\u003E\u003CIMG SRC=”logotip.gif” ALIGN=LEFT HSPACE =20 VSPACE =10\u003E\u003Cbr\u003E",a,"\u003Cp\u003EФоновая графика\u003Cbr\u003E\u003Cp\u003EФоновое изображение – это графический файл, содержащий картинку (желательно небольшого размера), который многократно выводится на экран, заполняя всё окно. Изображение для фона должно напоминать фрагмент обоев, т.е. быть небольшим и незамысловатым, чтобы, во-первых, не замедлять загрузку, а во-вторых, текст на выбранном фоне должен легко читаться.\u003Cbr\u003EФоновая графика задаётся в тэге \u003CBODY\u003E в начале документа HTML, подобно тому, как задаётся цвет фона. При этом используется атрибут BACKGROUND, значением которого является имя графического файла. Например,\u003Cbr\u003E\u003CBODY BACKGROUND=”fon.gif” BGPROPERTIES=FIXED\u003E\u003Cbr\u003E",a,"\u003Cp\u003EСсылки\u003Cbr\u003E\u003Cp\u003EСсылки (или гиперссылки) позволяют щелчком кнопки мыши на выделенном тексте или изображении перейти к другому файлу или фрагменту страницы.\u003Cbr\u003EОни задаются тэгом \u003CA HREF\u003E, которому соответствует закрывающий тэг \u003C\u002FA\u003E. В ссылке сначала указывается имя файла, на который она ссылается, а затем текст или имя графического файла, содержащего изображение ссылки. Кроме простых графических ссылок, можно создать так называемую графическую карту ссылок – картинку с горячими областями, щелчок на которых приводит к срабатыванию соответствующих ссылок.\u003Cbr\u003EСтруктура текстовой ссылки имеет следующий вид:\u003Cbr\u003E\u003CA HREF=”адрес_ссылки”\u003E текст_ссылки \u003C\u002FA\u003E\u003Cbr\u003E",a,"\u003Cp\u003EГрафические ссылки\u003Cbr\u003E\u003Cp\u003EСтруктура графической ссылки имеет вид:\u003Cbr\u003E\u003CA HREF=”адрес_ссылки”\u003E \u003Cbr\u003E\u003CIMG SRC=”имя_графического_файла” \u003E\u003C\u002FA\u003E\u003Cbr\u003E","\u003Cp\u003EТаблицы\u003Cbr\u003E\u003Cp\u003EОписание таблицы в документе HTML начинается с тэга \u003CTABLE\u003E и заканчивается тэгом \u003C\u002FTABLE\u003E. Если вы хотите, чтобы таблица имела видимую рамку (границы), используйте атрибут BORDER. Атрибут BORDER может принимать аргумент (число), определяющий ширину рамки, например: \u003CTABLE BORDER=10 \u003E\u003Cbr\u003EДля задания названия таблицы используется тэг \u003CCAPTION\u003E с атрибутом выравнивания ALIGN, который может принимать значение TOP или BOTTOM (расположение названия вверху или внизу таблицы соответственно), например:\u003Cbr\u003E\u003CCAPTION ALIGN=TOP\u003EМоя таблица\u003C\u002F CAPTION\u003E\u003Cbr\u003EКаждый ряд ячеек начинается с тэга \u003CTR\u003E и заканчивается тэгом \u003C\u002FTR\u003E.\u003Cbr\u003E","\u003Cp\u003EТаблицы\u003Cbr\u003E\u003Cp\u003EЕсли ряд должен содержать заголовки столбцов таблицы, то используются тэги \u003CTH\u003E и \u003C\u002FTH\u003E. Если в ячейках должны размещаться данные, то используются тэги \u003CTD\u003E и \u003C\u002FTD\u003E.\u003Cbr\u003EТэги заголовков и данные должны располагаться между тэгами рядов \u003CTR\u003E и \u003C\u002FTR\u003E.\u003Cbr\u003EДля объединения ячеек используются атрибуты COLSPAN и ROWSPAN (по столбцам и по рядам соответственно).\u003Cbr\u003EШирина таблицы задаётся атрибутом WIDTH в тэге \u003CTABLE\u003E, а ширина ячейки указывается тем же атрибутом в тэге \u003CTH\u003E или \u003CTD\u003E. \u003Cbr\u003E",a,a,"\u003Cp\u003EТаблицы\u003Cbr\u003E\u003Cp\u003EТекст и графику внутри ячеек таблицы можно выравнивать. Горизонтальное и вертикальное выравнивание содержимого строк задаётся с помощью атрибута ALIGN в тэге \u003CTR\u003E. Выравнивание в отдельных ячейках выполняет атрибут ALIGN в тэгах \u003CTH\u003E и \u003CTD\u003E. Атрибут ALIGN может принимать аргументы LEFT (по левому краю), RIGHT (по правому краю) и CENTER (по центру). Пример:\u003Cbr\u003E\u003CTR ALIGN=LEFT\u003E\u003Cbr\u003E\u003CTH WIDTH=25% ALIGN=CENTER\u003Eтекст\u003C\u002FTH\u003E\u003Cbr\u003E","\u003Cp\u003EТаблицы без рамок\u003Cbr\u003E","\u003Cp\u003EЦветовое оформление таблицы\u003Cbr\u003E\u003Cp\u003EПроизводится с помощью атрибута BGCOLOR.\u003Cbr\u003EЕсли нужно установить цвет для всей таблицы, то атрибут BGCOLOR вставляется в тэг. Для изменения цвета только одного ряда этот атрибут вставляется в тэг \u003CTR\u003E. Задание цвета отдельной ячейки обеспечивается атрибутом BGCOLOR внутри тэга \u003CTD\u003E. Если в таблице имеются рамки, то можно указать и их цвет с помощью атрибутов:\u003Cbr\u003EBORDERCOLOR – цвет всей рамки;\u003Cbr\u003EBORDERCOLORLIGHT – цвет светлой части рамки;\u003Cbr\u003EBORDERCOLORDARK – цвет тёмной части рамки.\u003Cbr\u003E","\u003Cp\u003EЦветовое оформление таблицы\u003Cbr\u003E\u003Cp\u003EЭти атрибуты вставляются в тэг\u003CTABLE\u003E. Чтобы они действительно работали, необходимо присутствие ещё и атрибута BORDER, задающего ширину рамки.\u003Cbr\u003EЕсли требуется задать шрифт для текстов внутри ячеек таблицы, то это можно сделать с помощью тэгов заголовков и физических стилей внутри тэгов \u003CTD\u003E. \u003Cbr\u003E",a,"\u003Cp\u003EФреймы\u003Cbr\u003E\u003Cp\u003EЧасто возникает необходимость разместить в окне броузера несколько разделов или окон, называемых фреймами. В каждом фрейме отображается свой документ HTML. Фреймы могут работать независимо, а также содержать ссылки друг на друга. При использовании фреймов потребуется несколько HTML-файлов. Один из них называется установочным. В нём описывается расположение фреймов в окне броузера и назначаются исходные HTML-файлы для каждого из фреймов, но нет собственного текста и графики. Исходные HTML-файлы выводятся во фреймы и могут содержать тексты, графику, ссылки и пр.\u003Cbr\u003E","\u003Cp\u003EФреймы\u003Cbr\u003E\u003Cp\u003EУстановочный HTML-файл, как и любой другой, начинается с тэга \u003CHTML\u003E и заканчивается тэгом \u003C\u002FHTML\u003E. Для разделения окна на несколько фреймов используются тэги \u003CFRAMESET\u003E и \u003C\u002FFRAMESET\u003E. Тэг \u003CFRAMESET\u003E должен быть размещён после тэга \u003C\u002FHEAD\u003E, но перед тэгом \u003CBODY\u003E. \u003Cbr\u003EДва фрейма можно расположить рядом друг с другом или друг над другом. Для задания способа расположения используется атрибут COLS (если рядом) или ROWS (если друг над другом).\u003Cbr\u003E","\u003Cp\u003EФреймы\u003Cbr\u003E\u003Cp\u003EТэг \u003CFRAMESET COLS=”50,*”\u003E задаёт деление окна на два вертикальных фрейма, первый из которых имеет ширину 50 пикселов, а второй занимает всё оставшееся место. Тэг \u003CFRAMESET ROWS=”20%,30%,*”\u003E задаёт разбиение на три горизонтальных фрейма высотой 20%, 30% и 50%.\u003Cbr\u003EМожно использовать одновременно и горизонтальное, и вертикальное разбиение окна на фреймы. Это делается вложением тэгов \u003CFRAMESET\u003E друг в друга, т.е. размещением фреймов внутри фреймов.\u003Cbr\u003E","\u003Cp\u003EФреймы\u003Cbr\u003E\u003Cp\u003EПосле задания расположения фреймов следует указать для каждого из них исходный HTML-файл. Для этой цели служит тэг \u003CFRAME\u003E, имеющий множество атрибутов, которые управляют свойствами фреймов.\u003Cbr\u003ESRC= «имя_файла»NAME= «имя_фрейма» - каждый фрем должен иметь имя, упомянутое в атрибуте NAME, и к нему должен быть привязан HTML-файл, указанный в атрибуте SRC.\u003Cbr\u003ESCROLLING – определяет, будут ли присутствовать в окне фрейма полосы прокрутки, если требуется прокрутка, то задаётся аргумент YES, иначе – NO.\u003Cbr\u003E","\u003Cp\u003EФреймы\u003Cbr\u003E\u003Cp\u003ENORESIZE – запрещает пользователю изменять размеры фреймов, если этот атрибут не применяется, то пользователь не может изменять размеры.\u003Cbr\u003EBORDER= «ширина_полосы» - определяет ширину разделительной полосы между фреймами в пикселах.\u003Cbr\u003EMARGINHEIGHT= «высота_верхнего_отступа» - добавляет пустое поле между верхней границей фрейма и началом текста или графики, измеряется в пикселах.\u003Cbr\u003EMARGWIDTH= «ширина_боковых_отступов» - добавляет пустое поле между боковыми границами фреймов и началом текста или графики, измеряется в пикселах.\u003Cbr\u003E",a,"\u003Cp\u003EЛевый фрейм\u003Cbr\u003E\u003Cp\u003EВерхний фрейм\u003Cbr\u003E","\u003Cp\u003EЦентральный фрейм\u003Cbr\u003E","\u003Cp\u003EЖелаю успехов в создании собственной Web-страницы\u003Cbr\u003E"],href:"\u002Finformatika\u002Fyazyk-razmetki-giperteksta-html-3",href_category:"\u002Finformatika",date:1677810903,related:[{id:395373,name:"Система команд микропроцессора Intel 80x86. (Тема 4)",href:"\u002Finformatika\u002Fsistema-komand-mikroprotsessora-intel-80x86-tema",jpg:"jpg\u002F395373"},{id:11556,name:I,href:"\u002Finformatika\u002Fbezopasnyy-internet-1",jpg:"jpg\u002F11556"},{id:431498,name:"Производственная практика. ADO.NET и COM при работе с MS ACCESS и MS EXCEL в десктопном приложении",href:"\u002Finformatika\u002Fproizvodstvennaya-praktika-adonet-i-com-pri",jpg:"jpg\u002F431498"},{id:309619,name:"Хэш-функции. Лекция 12",href:"\u002Finformatika\u002Fhesh-funktsii-lektsiya-12",jpg:"jpg\u002F309619"},{id:222012,name:"Характеристика программы GRAFIS, основные правила",href:"\u002Finformatika\u002Fharakteristika-programmy-grafis-osnovnye-pravila",jpg:"jpg\u002F222012"},{id:580142,name:"Моделирование. Системный подход в моделировании",href:"\u002Finformatika\u002Fmodelirovanie-sistemnyy-podhod-v-modelirovanii",jpg:"jpg\u002F580142"},{id:279851,name:"Создание сайта",href:"\u002Finformatika\u002Fsozdanie-sayta-2",jpg:"jpg\u002F279851"},{id:597390,name:"Защищенные мультисервисные телекоммуникационные системы",href:"\u002Finformatika\u002Fzashchishchennye-multiservisnye-telekommunikatsionnye-sistemy",jpg:"jpg\u002F597390"},{id:266817,name:I,href:"\u002Finformatika\u002Fbezopasnyy-internet-20",jpg:"jpg\u002F266817"},{id:9769,name:"Microsoft Word",href:"\u002Finformatika\u002Fmicrosoft-word-1",jpg:"jpg\u002F9769"},{id:295226,name:"Разработка кода программного продукта на уровне модуля. Тема 2",href:"\u002Finformatika\u002Frazrabotka-koda-programmnogo-produkta-na-urovne",jpg:"jpg\u002F295226"},{id:98485,name:"Ехсеl. Компьютерные технологи обработки табличных данных",href:"\u002Finformatika\u002Fehsel-kompyuternye-tehnologi-obrabotki-tablichnyh-dannyh",jpg:"jpg\u002F98485"},{id:211181,name:"Компьютерная графика и анимация. Многослойные изображения. Каналы. Иллюстрации для веб-сайтов",href:"\u002Finformatika\u002Fkompyuternaya-grafika-i-animatsiya-mnogosloynye-izobrazheniya",jpg:"jpg\u002F211181"},{id:594445,name:"Основные понятия ОС",href:"\u002Finformatika\u002Fosnovnye-ponyatiya-os-2",jpg:"jpg\u002F594445"},{id:409902,name:"Потоки и файлы",href:"\u002Finformatika\u002Fpotoki-i-fayly-1",jpg:"jpg\u002F409902"},{id:209987,name:"Создание Web-сайта. Коммуникационные технологии",href:"\u002Finformatika\u002Fsozdanie-web-sayta-kommunikatsionnye-tehnologii-6",jpg:"jpg\u002F209987"},{id:459589,name:"Электронный тест по теме Информация",href:"\u002Finformatika\u002Felektronnyy-test-po-teme-informatsiya",jpg:"jpg\u002F459589"},{id:383018,name:"Информационные системы",href:"\u002Finformatika\u002Finformatsionnye-sistemy-11",jpg:"jpg\u002F383018"},{id:92972,name:"Программирование на языке PL\u002FSQL. Часть 1. Введение в Oracle PL\u002FSQL",href:"\u002Finformatika\u002Fprogrammirovanie-na-yazyke-plsql-chast-1",jpg:"jpg\u002F92972"},{id:329241,name:"Табличные базы данных",href:"\u002Finformatika\u002Ftablichnye-bazy-dannyh-2",jpg:"jpg\u002F329241"},{id:362713,name:"Средства информационных и коммуникационных технологий как инструмент оценивания образовательных результатов",href:"\u002Finformatika\u002Fsredstva-informatsionnyh-i-kommunikatsionnyh-tehnologiy-kak",jpg:"jpg\u002F362713"},{id:397770,name:"Обеспечение информационной безопасности посредством управления usb портами",href:"\u002Finformatika\u002Fobespechenie-informatsionnoy-bezopasnosti-posredstvom-upravleniya-usb",jpg:"jpg\u002F397770"},{id:336359,name:"Построение треугольника по двум сторонам и углу между ними в системе компьютерного черчения КОМПАС",href:"\u002Finformatika\u002Fpostroenie-treugolnika-po-dvum-storonam-i-1",jpg:"jpg\u002F336359"},{id:382259,name:"Компьютерные сети. История развития, разновидности, модель OSI, стандартизация и основные протоколы",href:"\u002Finformatika\u002Fkompyuternye-seti-istoriya-razvitiya-raznovidnosti-model",jpg:"jpg\u002F382259"},{id:413543,name:"Неуправляемое движение объектов",href:"\u002Finformatika\u002Fneupravlyaemoe-dvizhenie-obektov",jpg:"jpg\u002F413543"},{id:242543,name:"Пошаговое создание мнемосхемы проекта",href:"\u002Finformatika\u002Fposhagovoe-sozdanie-mnemoshemy-proekta",jpg:"jpg\u002F242543"},{id:201749,name:"Chapter 3. Transport Layer",href:"\u002Finformatika\u002Fchapter-3-transport-layer",jpg:"jpg\u002F201749"},{id:93947,name:"Data snap RAD studio communication",href:"\u002Finformatika\u002Fdata-snap-rad-studio-communication",jpg:"jpg\u002F93947"}],navigation:{next:"\u002Funcategorized\u002Fproizvedeniya-iskusstva-na-syuzhety-biblii-proizvedeniya",next_name:"Произведения искусства на сюжеты Библии. Произведения искусства на сюжеты Нового Завета",prev:"\u002Fpsihologiya\u002Frabota-s-perezhivaniyami-i-emotsiyami-s-1",prev_name:"Работа с переживаниями и эмоциями с помощью когнитивно-поведенческой психотерапии"}}},categories:{result:[{id:J,ordering:b,name:"Без категории",pseudoname:"uncategorized"},{id:144,ordering:b,name:"Бизнес",pseudoname:"biznes"},{id:146,ordering:b,name:"Образование",pseudoname:"obrazovanie"},{id:149,ordering:b,name:"Финансы",pseudoname:"finansy"},{id:150,ordering:b,name:"Государство",pseudoname:"gosudarstvo"},{id:152,ordering:b,name:"Спорт",pseudoname:"sport"},{id:154,ordering:b,name:"Армия",pseudoname:"armiya"},{id:156,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:157,ordering:b,name:"Еда и кулинария",pseudoname:"eda-i-kulinariya"},{id:158,ordering:b,name:"Лингвистика",pseudoname:"lingvistika"},{id:163,ordering:b,name:"Черчение",pseudoname:"cherchenie"},{id:164,ordering:b,name:"Физкультура",pseudoname:"fizkultura"},{id:165,ordering:b,name:"ИЗО",pseudoname:"izo"},{id:166,ordering:b,name:"Психология",pseudoname:"psihologiya"},{id:116,ordering:J,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:j,name:"Литература",pseudoname:"literatura"},{id:119,ordering:k,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:13,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:H,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:d,config:{public:{SITE_NAME:K,SITE_HOST:"mypreza.com",SITE_LANG:L,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:K,short_name:a,description:a,lang:L,start_url:"\u002F?standalone=true",display:"standalone",background_color:l,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:c,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:c,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:c,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:c,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:c,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:c,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:c,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:c,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:c,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:c,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:c,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:c,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:c,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:c,sizes:S,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:d,childIframe:e,clickmap:e,defer:e,useRuntimeConfig:d,trackHash:e,trackLinks:d,type:b,webvisor:e,triggerEvent:e,consoleLog:d,partytown:e,isDev:e}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:n,main_text:a,main_title:o,main_description:p,main_keywords:q,main_image:a},app:{logo_image:r,logo_image_width:s,logo_image_height:t,logo_text:a,image_width_full:u,image_width_min:v,recaptcha_key:w,yandex_search:x,ya_context:e,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:y,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:z,item_images:A,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:F,token:a}}}}("",0,"image\u002Fpng",true,false,"any","maskable","h2","#d53032",10,11,"#ffffff","Язык разметки гипертекста HTML","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","[e-mail]","div","images_before","category","both",88,800,"\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E","Информатика",14,"Безопасный Интернет",1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512")) необходимо присутствие ещё и атрибута BORDER, задающего ширину рамки.
Если требуется задать шрифт для текстов внутри ячеек таблицы, то это можно сделать с помощью тэгов заголовков и физических стилей внутри тэгов

Фреймы
Часто возникает необходимость разместить в окне броузера несколько разделов или окон, называемых фреймами. В каждом фрейме отображается свой документ HTML. Фреймы могут работать независимо, а также содержать ссылки друг на друга. При использовании фреймов потребуется несколько HTML-файлов. Один из них называется установочным. В нём описывается расположение фреймов в окне броузера и назначаются исходные HTML-файлы для каждого из фреймов, но нет собственного текста и графики. Исходные HTML-файлы выводятся во фреймы и могут содержать тексты, графику, ссылки и пр.

Фреймы
Установочный HTML-файл, как и любой другой, начинается с тэга и заканчивается тэгом . Для разделения окна на несколько фреймов используются тэги и . Тэг должен быть размещён после тэга , но перед тэгом .
Два фрейма можно расположить рядом друг с другом или друг над другом. Для задания способа расположения используется атрибут COLS (если рядом) или ROWS (если друг над другом).

Фреймы
Тэг задаёт деление окна на два вертикальных фрейма, первый из которых имеет ширину 50 пикселов, а второй занимает всё оставшееся место. Тэг задаёт разбиение на три горизонтальных фрейма высотой 20%, 30% и 50%.
Можно использовать одновременно и горизонтальное, и вертикальное разбиение окна на фреймы. Это делается вложением тэгов друг в друга, т.е. размещением фреймов внутри фреймов.

Фреймы
После задания расположения фреймов следует указать для каждого из них исходный HTML-файл. Для этой цели служит тэг , имеющий множество атрибутов, которые управляют свойствами фреймов.
SRC= «имя_файла»NAME= «имя_фрейма» - каждый фрем должен иметь имя, упомянутое в атрибуте NAME, и к нему должен быть привязан HTML-файл, указанный в атрибуте SRC.
SCROLLING – определяет, будут ли присутствовать в окне фрейма полосы прокрутки, если требуется прокрутка, то задаётся аргумент YES, иначе – NO.

Фреймы
NORESIZE – запрещает пользователю изменять размеры фреймов, если этот атрибут не применяется, то пользователь не может изменять размеры.
BORDER= «ширина_полосы» - определяет ширину разделительной полосы между фреймами в пикселах.
MARGINHEIGHT= «высота_верхнего_отступа» - добавляет пустое поле между верхней границей фрейма и началом текста или графики, измеряется в пикселах.
MARGWIDTH= «ширина_боковых_отступов» - добавляет пустое поле между боковыми границами фреймов и началом текста или графики, измеряется в пикселах.

Левый фрейм
Верхний фрейм

Центральный фрейм