9 класс. Язык разметки гипертекста. …, … Теги для изменения параметров шрифта. Атрибут FACE для изменения типа шрифта Атрибуты BGCOLOR – фон, ТЕХТ – цвет шрифта. Тэги для разметки списков. Тег для создания разделительные по презентация

Практическая работа № 1.
Создание веб-страницы oneN.htm
Цель: Показать применение тегов для разметки текста.
На первой веб-странице представить теги:
…
,
,
,
,
,
с разными атрибутами, изменить фон страницы с помощью атрибута BGCOLOR
Показать списки
,
,
Добавить разделительную полосу
Вставить бегущую строку
Вставить картинку
Примечание: графические файлы можно выбрать из папки Мой комп./ С:/ИНФОРМАТИКА/ НТМ_сети/Подборка рисунков
Слайд 3
Создание веб-страницы
Пуск/ Программы/ Стандартные/Блокнот/Файл/Сохранить как…/Мои док./ в своей папке/ Имя
файла oneN.htm, где N-порядковый номер ученика в школьном журнале.
Содержание страницы:
Моя личная страница
Приветствую всех у меня на странице!
Меня зовут ….
Я учусь в … классе
Я увлекаюсь …
Открыть веб-страницу c помощью браузера
Слайд 4
Тэги для разметки заголовка
…
Слайд 5
Теги для изменения параметров шрифта.
Слайд 6
Атрибут FACE для изменения типа шрифта
Слайд 7
Атрибуты BGCOLOR – фон, ТЕХТ – цвет шрифта.
Слайд 8
Тэги для разметки списков.
Слайд 9
Тег
для создания разделительные полосы.
Слайд 10
Тег
бегущая строка
Слайд 11
Тэг
- вставка графического файла
Слайд 12
Атрибут background –
для создания фоновой графика
Слайд 13
Практическая работа № 2.
Создание веб-страницы twoN.htm
Цель: Показать применение тегов для
создания гиперссылок и разметки таблиц.
Открыть Блокнот/Файл /Сохранить как…
На странице twoN.htm создать простую текстовую гиперссылку по адресу на страницу oneN.htm.
Создать графическую гиперссылку на странице oneN.htm по адресу twoN.htm
Вставить таблицу и заполнить ее.
Примечание: графические файлы можно выбрать из папки Мой комп./ С:/ИНФОРМАТИКА/НТМ_сети/Подборка рисунков
Слайд 14
ГИПЕРССЫЛКИ
Слайд 15
Графические ссылки
Структура графической ссылки имеет вид:
Примечание:
графический файл находится в одной папке с веб-страницей
Слайд 16
ТАБЛИЦЫ
Описание таблицы в документе HTML начинается с тэга
и заканчивается
тэгом
Атрибут BORDER определяет ширину рамки, например:
Для задания названия таблицы используется тэг и заканчивается тэгом .
Если ряд должен содержать заголовки столбцов таблицы, то используются тэги . Если в ячейках должны размещаться данные, то используются тэги .
Слайд 17
Слайд 18
Использование таблицы для разметки страницы
Текст и графику внутри ячеек таблицы можно
выравнивать. Горизонтальное и вертикальное выравнивание содержимого строк задаётся с помощью атрибута ALIGN в тэге
.
Выравнивание в отдельных ячейках выполняет атрибут ALIGN в тэгах
В следующем примере используем таблицу без рамок как способ размещения различных элементов на странице. Для задания нужного расстояния между элементами следует использовать атрибуты выравнивания
Слайд 19
Слайд 20
Практическая работа № 3. ФРЕЙМЫ
Часто возникает необходимость разместить в окне браузера
несколько разделов или окон, называемых фреймами.
При использовании фреймов потребуется несколько HTML-файлов. Один из них называется установочным. В нём описывается расположение (раскладка) фреймов в окне браузера и назначаются исходные HTML-файлы для каждого из фреймов, но нет собственного текста и графики.
Установочный HTML-файл, как и любой другой, начинается с тэга и заканчивается тэгом . Для разделения окна на несколько фреймов используются тэги и .
Слайд 21
ФРЕЙМЫ
Два фрейма можно расположить рядом друг с другом или друг над
другом.
Для задания способа расположения используется атрибут COLS (колонки) или ROWS (строки).
Чтобы разделить окно на два фрейма, указывают через запятые два числа. Эти числа определяют размеры фреймов.
Размеры фреймов измеряются в пикселах или процентах.
В последнем случае около числа пишется символ процента (%).
Если нужно указать, что фрейм занимает все оставшееся место, используется символ звёздочка (*).
Слайд 22
Установочный файл FRAME.HTM
Слайд 23
Левый фрейм MENU.HTM
Слайд 24
Верхний фрейм TOP.HTM
Слайд 25
Центральный фрейм MAIN.HTM
Слайд 26
Файл FRAME.HTM объединил три странички в один сайт, вот что получилось!
Надеюсь,
у вас получится тоже!
Имя файла: 9-класс.-Язык-разметки-гипертекста.-…,--…-Теги-для-изменения-параметров-шрифта.-Атрибут-FACE-для-изменения-типа-шрифта--Атрибуты-BGCOLOR-–-фон,--ТЕХТ-–-цвет-шрифта.-Тэги-для-разметки-списков.-Тег----для-создания-разделительные-по.pptx
Количество просмотров: 32
Количество скачиваний: 0
Скачать
- Предыдущая
Разработка урока на тему : Плотность вещества
Следующая -
Изготовление розы из ткани.
Похожие презентации
Мы в цифровом мире
Java OOP/OOD concepts
Основы программирования на Python. Лекция 1
Функции в языке программирования VB
Основы алгоритмизации и программирования. Структурированный тип данных массив
Website redesign
Вычисления на GPU с использованием NVIDIA CUDA
Технологии физического уровня. Технология широкополосного сигнала. Беспроводная связь. (Лекция 6.3.14)
Презентация к уроку информатики по теме Интернет: вред или польза?
Основи комп’ютерних систем і мереж. Лекція 1
High and low level programming languages. Basics of programming languages
Разработка информационной системы Магазин продуктов. Выпускная квалификационная работа
Комп’ютерний вірус
Аппаратное и программное обеспечение компьютерных сетей
Использование электронной доски для развития творческих способностей учащихся начальной школы. Часть 3.
Программирование линейных алгоритмов. Начала программирования. Информатика. 9 класс
Безопасность в сети Интернет
Интеграция информационных технологий на уроке вокала
Защита от вредоносных программ
История счета и систем счисления
Робик. Конструкция повторения
Системы счисления. Что такое система счисления?
Збереження зображень. Діалогові вікна, їх об’єкти. Інформаційні вікна (урок 17, 5 клас)
Создание Web-сайтов
M/EEG source analysis
Управление памятью
Особенности потокового ввода-вывода. Файлы
Проектирование. Мультипликация
Обратная связь
Email:
Нажмите что бы посмотреть
, например,
Моя таблица
Каждый ряд ячеек начинается с тэга
и
и
и
. Атрибут ALIGN может принимать аргументы LEFT (по левому краю), RIGHT (по правому краю) и CENTER (по центру).
Пример:
текст
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){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:480830,name:m,category:G,count:H,jpg:"jpg\u002F480830",hits:32,download:b,h1:"9 класс. Язык разметки гипертекста. …, … Теги для изменения параметров шрифта. Атрибут FACE для изменения типа шрифта Атрибуты BGCOLOR – фон, ТЕХТ – цвет шрифта. Тэги для разметки списков. Тег для создания разделительные по презентация",meta:{h1:m,title:m,description:"9 класс. Язык разметки гипертекста. …, … Теги для изменения параметров шрифта. Атрибут FACE для изменения типа шрифта Атрибуты BGCOLOR – фон, ТЕХТ – цвет шрифта. Тэги для разметки списков. Тег для создания разделительные по презентация на тему, доклад, Информатика",keywords:"9 класс. Язык разметки гипертекста. …, … Теги для изменения параметров шрифта. Атрибут FACE для изменения типа шрифта Атрибуты BGCOLOR – фон, ТЕХТ – цвет шрифта. Тэги для разметки списков. Тег для создания разделительные по, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему 9 класс. Язык разметки гипертекста. …, … Теги для изменения параметров шрифта. Атрибут FACE для изменения типа шрифта Атрибуты BGCOLOR – фон, ТЕХТ – цвет шрифта. Тэги для разметки списков. Тег для создания разделительные по из раздела Информатика. Презентация на заданную тему содержит 27 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EПрактическая работа № 1. \r\nСоздание веб-страницы oneN.htm\u003Cbr\u003E\u003Cp\u003EЦель: Показать применение тегов для разметки текста.\u003Cbr\u003EНа первой веб-странице представить теги: \u003CH1\u003E…\u003CH6\u003E, \u003CP\u003E, \u003CB\u003E,\u003CI\u003E,\u003CU\u003E,\u003CFONT\u003E с разными атрибутами, изменить фон страницы с помощью атрибута BGCOLOR\u003Cbr\u003EПоказать списки \u003COL\u003E,\u003CUL\u003E,\u003CIL\u003E\u003Cbr\u003EДобавить разделительную полосу \u003CHR\u003E\u003Cbr\u003EВставить бегущую строку \u003CMARQUEE\u003E\u003Cbr\u003EВставить картинку \u003CIMG SRC=…\u003E\u003Cbr\u003EПримечание: графические файлы можно выбрать из папки Мой комп.\u002F С:\u002FИНФОРМАТИКА\u002F НТМ_сети\u002FПодборка рисунков\u003Cbr\u003E \u003Cp\u003EСоздание веб-страницы\u003Cbr\u003E\u003Cp\u003E Пуск\u002F Программы\u002F Стандартные\u002FБлокнот\u002FФайл\u002FСохранить как…\u002FМои док.\u002F в своей папке\u002F Имя файла oneN.htm, где N-порядковый номер ученика в школьном журнале.\u003Cbr\u003E Содержание страницы:\u003Cbr\u003E\u003CHTML\u003E\u003Cbr\u003E\u003CHEAD\u003E \u003CTITLE\u003E Моя личная страница \u003C\u002FTITLE\u003E\u003C\u002FHEAD\u003E\u003Cbr\u003E\u003CBODY\u003E\u003Cbr\u003E\tПриветствую всех у меня на странице!\u003Cbr\u003E\u003CP\u003E\u003Cbr\u003E\u003CCENTER\u003E\u003Cbr\u003E Меня зовут ….\u003Cbr\u003EЯ учусь в … классе\u003Cbr\u003EЯ увлекаюсь …\u003Cbr\u003E\u003C\u002FCENTER\u003E\u003Cbr\u003E\u003C\u002FBODY\u003E\u003Cbr\u003E\u003C\u002FHTML\u003E\u003Cbr\u003E\u003Cbr\u003EОткрыть веб-страницу c помощью браузера\u003Cbr\u003E",file:"9-класс.-Язык-разметки-гипертекста.-…,--…-Теги-для-изменения-параметров-шрифта.-Атрибут-FACE-для-изменения-типа-шрифта--Атрибуты-BGCOLOR-–-фон,--ТЕХТ-–-цвет-шрифта.-Тэги-для-разметки-списков.-Тег----для-создания-разделительные-по.pptx",texts:["\u003Cp\u003E9 класс. Практическая работа по теме «Язык разметки гипертекста»\u003Cbr\u003E\u003Cp\u003E \u003Cbr\u003E","\u003Cp\u003EПрактическая работа № 1. \r\nСоздание веб-страницы oneN.htm\u003Cbr\u003E\u003Cp\u003EЦель: Показать применение тегов для разметки текста.\u003Cbr\u003EНа первой веб-странице представить теги: \u003CH1\u003E…\u003CH6\u003E, \u003CP\u003E, \u003CB\u003E,\u003CI\u003E,\u003CU\u003E,\u003CFONT\u003E с разными атрибутами, изменить фон страницы с помощью атрибута BGCOLOR\u003Cbr\u003EПоказать списки \u003COL\u003E,\u003CUL\u003E,\u003CIL\u003E\u003Cbr\u003EДобавить разделительную полосу \u003CHR\u003E\u003Cbr\u003EВставить бегущую строку \u003CMARQUEE\u003E\u003Cbr\u003EВставить картинку \u003CIMG SRC=…\u003E\u003Cbr\u003EПримечание: графические файлы можно выбрать из папки Мой комп.\u002F С:\u002FИНФОРМАТИКА\u002F НТМ_сети\u002FПодборка рисунков\u003Cbr\u003E","\u003Cp\u003EСоздание веб-страницы\u003Cbr\u003E\u003Cp\u003E Пуск\u002F Программы\u002F Стандартные\u002FБлокнот\u002FФайл\u002FСохранить как…\u002FМои док.\u002F в своей папке\u002F Имя файла oneN.htm, где N-порядковый номер ученика в школьном журнале.\u003Cbr\u003E Содержание страницы:\u003Cbr\u003E\u003CHTML\u003E\u003Cbr\u003E\u003CHEAD\u003E \u003CTITLE\u003E Моя личная страница \u003C\u002FTITLE\u003E\u003C\u002FHEAD\u003E\u003Cbr\u003E\u003CBODY\u003E\u003Cbr\u003E\tПриветствую всех у меня на странице!\u003Cbr\u003E\u003CP\u003E\u003Cbr\u003E\u003CCENTER\u003E\u003Cbr\u003E Меня зовут ….\u003Cbr\u003EЯ учусь в … классе\u003Cbr\u003EЯ увлекаюсь …\u003Cbr\u003E\u003C\u002FCENTER\u003E\u003Cbr\u003E\u003C\u002FBODY\u003E\u003Cbr\u003E\u003C\u002FHTML\u003E\u003Cbr\u003EОткрыть веб-страницу c помощью браузера\u003Cbr\u003E","\u003Cp\u003EТэги для разметки заголовка \u003CH1\u003E…\u003Cbr\u003E","\u003Cp\u003EТеги для изменения параметров шрифта.\u003Cbr\u003E","\u003Cp\u003EАтрибут FACE для изменения типа шрифта\u003Cbr\u003E","\u003Cp\u003E Атрибуты BGCOLOR – фон, ТЕХТ – цвет шрифта.\u003Cbr\u003E","\u003Cp\u003EТэги для разметки списков.\u003Cbr\u003E","\u003Cp\u003EТег \u003CHR\u003E для создания разделительные полосы.\u003Cbr\u003E","\u003Cp\u003EТег \u003CMARQUEE\u003E бегущая строка\u003Cbr\u003E","\u003Cp\u003EТэг \u003CIMG SRC=…\u003E - вставка графического файла \u003Cbr\u003E","\u003Cp\u003EАтрибут background – \r\nдля создания фоновой графика\u003Cbr\u003E","\u003Cp\u003EПрактическая работа № 2. \r\nСоздание веб-страницы twoN.htm\u003Cbr\u003E\u003Cp\u003EЦель: Показать применение тегов для создания гиперссылок и разметки таблиц. \u003Cbr\u003EОткрыть Блокнот\u002FФайл \u002FСохранить как…\u003Cbr\u003EНа странице twoN.htm создать простую текстовую гиперссылку по адресу на страницу oneN.htm. \u003Cbr\u003EСоздать графическую гиперссылку на странице oneN.htm по адресу twoN.htm\u003Cbr\u003EВставить таблицу и заполнить ее.\u003Cbr\u003EПримечание: графические файлы можно выбрать из папки Мой комп.\u002F С:\u002FИНФОРМАТИКА\u002FНТМ_сети\u002FПодборка рисунков\u003Cbr\u003E","\u003Cp\u003EГИПЕРССЫЛКИ\u003Cbr\u003E","\u003Cp\u003EГрафические ссылки\r\n\u003Cbr\u003E\u003Cp\u003EСтруктура графической ссылки имеет вид:\u003Cbr\u003E\u003CA HREF=”адрес_ссылки”\u003E \u003CIMG SRC = ”имя_графического_файла”\u003E\u003C\u002FA\u003E\u003Cbr\u003EПримечание: графический файл находится в одной папке с веб-страницей\u003Cbr\u003E","\u003Cp\u003EТАБЛИЦЫ\u003Cbr\u003E\u003Cp\u003EОписание таблицы в документе HTML начинается с тэга \u003CTABLE\u003E и заканчивается тэгом \u003C\u002FTABLE\u003E\u003Cbr\u003EАтрибут BORDER определяет ширину рамки, например: \u003CTABLE BORDER=10 \u003E\u003Cbr\u003EДля задания названия таблицы используется тэг \u003CCAPTION\u003E, например, \u003Cbr\u003E\u003CCAPTION ALIGN=TOP\u003EМоя таблица\u003C\u002F CAPTION\u003E\u003Cbr\u003E\tКаждый ряд ячеек начинается с тэга \u003CTR\u003E и заканчивается тэгом \u003C\u002FTR\u003E.\u003Cbr\u003EЕсли ряд должен содержать заголовки столбцов таблицы, то используются тэги \u003CTH\u003E и \u003C\u002FTH\u003E. Если в ячейках должны размещаться данные, то используются тэги \u003CTD\u003E и \u003C\u002FTD\u003E.\u003Cbr\u003E",a,"\u003Cp\u003EИспользование таблицы для разметки страницы\u003Cbr\u003E\u003Cp\u003EТекст и графику внутри ячеек таблицы можно выравнивать. Горизонтальное и вертикальное выравнивание содержимого строк задаётся с помощью атрибута ALIGN в тэге \u003CTR\u003E. \u003Cbr\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\tВ следующем примере используем таблицу без рамок как способ размещения различных элементов на странице. Для задания нужного расстояния между элементами следует использовать атрибуты выравнивания \u003Cbr\u003E",a,"\u003Cp\u003EПрактическая работа № 3. ФРЕЙМЫ\u003Cbr\u003E\u003Cp\u003EЧасто возникает необходимость разместить в окне браузера несколько разделов или окон, называемых фреймами. \u003Cbr\u003EПри использовании фреймов потребуется несколько HTML-файлов. Один из них называется установочным. В нём описывается расположение (раскладка) фреймов в окне браузера и назначаются исходные HTML-файлы для каждого из фреймов, но нет собственного текста и графики. \u003Cbr\u003EУстановочный HTML-файл, как и любой другой, начинается с тэга \u003CHTML\u003E и заканчивается тэгом \u003C\u002FHTML\u003E. Для разделения окна на несколько фреймов используются тэги \u003CFRAMESET\u003E и \u003C\u002FFRAMESET\u003E. \u003Cbr\u003E","\u003Cp\u003EФРЕЙМЫ\u003Cbr\u003E\u003Cp\u003EДва фрейма можно расположить рядом друг с другом или друг над другом. \u003Cbr\u003EДля задания способа расположения используется атрибут COLS (колонки) или ROWS (строки). \u003Cbr\u003EЧтобы разделить окно на два фрейма, указывают через запятые два числа. Эти числа определяют размеры фреймов. \u003Cbr\u003EРазмеры фреймов измеряются в пикселах или процентах. \r\nВ последнем случае около числа пишется символ процента (%). \u003Cbr\u003EЕсли нужно указать, что фрейм занимает все оставшееся место, используется символ звёздочка (*). \u003Cbr\u003E","\u003Cp\u003EУстановочный файл FRAME.HTM\u003Cbr\u003E","\u003Cp\u003EЛевый фрейм MENU.HTM\u003Cbr\u003E","\u003Cp\u003EВерхний фрейм TOP.HTM\u003Cbr\u003E","\u003Cp\u003EЦентральный фрейм MAIN.HTM \u003Cbr\u003E","\u003Cp\u003EФайл FRAME.HTM объединил три странички в один сайт, вот что получилось!\u003Cbr\u003E\u003Cp\u003EНадеюсь, у вас получится тоже!\u003Cbr\u003E","\u003Cp\u003EИСТОЧНИКИ\u003Cbr\u003E\u003Cp\u003EДунаев В.В. Сам себе Web-мастер. – СПб.: БХВ-Петербург; Арлит. 2000. – 288 с.\u003Cbr\u003EЭлектронный конспект лекций по HTML\u002F Пашнин С.В., ЛысоваА.А., Ивановичев И.А., – Челябинск: ЧДПОПР, 2001 \u003Cbr\u003E"],href:"\u002Finformatika\u002F9-klass-yazyk-razmetki-giperteksta-tegi",href_category:"\u002Finformatika",date:1663625972,related:[{id:385374,name:"Мы в цифровом мире",href:"\u002Finformatika\u002Fmy-v-tsifrovom-mire",jpg:"jpg\u002F385374"},{id:9549,name:"Java OOP\u002FOOD concepts",href:"\u002Finformatika\u002Fjava-oopood-concepts",jpg:"jpg\u002F9549"},{id:140080,name:"Основы программирования на Python. Лекция 1",href:"\u002Finformatika\u002Fosnovy-programmirovaniya-na-python-lektsiya-1",jpg:"jpg\u002F140080"},{id:299180,name:"Функции в языке программирования VB",href:"\u002Finformatika\u002Ffunktsii-v-yazyke-programmirovaniya-vb",jpg:"jpg\u002F299180"},{id:280803,name:"Основы алгоритмизации и программирования. Структурированный тип данных массив",href:"\u002Finformatika\u002Fosnovy-algoritmizatsii-i-programmirovaniya-strukturirovannyy-tip",jpg:"jpg\u002F280803"},{id:139118,name:"Website redesign",href:"\u002Finformatika\u002Fwebsite-redesign",jpg:"jpg\u002F139118"},{id:403092,name:"Вычисления на GPU с использованием NVIDIA CUDA",href:"\u002Finformatika\u002Fvychisleniya-na-gpu-s-ispolzovaniem-nvidia",jpg:"jpg\u002F403092"},{id:349077,name:"Технологии физического уровня. Технология широкополосного сигнала. Беспроводная связь. (Лекция 6.3.14)",href:"\u002Finformatika\u002Ftehnologii-fizicheskogo-urovnya-tehnologiya-shirokopolosnogo-signala",jpg:"jpg\u002F349077"},{id:542804,name:"Презентация к уроку информатики по теме Интернет: вред или польза?",href:"\u002Finformatika\u002Fprezentatsiya-k-uroku-informatiki-po-teme-2",jpg:"jpg\u002F542804"},{id:321351,name:"Основи комп’ютерних систем і мереж. Лекція 1",href:"\u002Finformatika\u002Fosnovi-kompyuternih-sistem--merezh-lektsya",jpg:"jpg\u002F321351"},{id:203250,name:"High and low level programming languages. Basics of programming languages",href:"\u002Finformatika\u002Fhigh-and-low-level-programming-languages-1",jpg:"jpg\u002F203250"},{id:104697,name:"Разработка информационной системы Магазин продуктов. Выпускная квалификационная работа",href:"\u002Finformatika\u002Frazrabotka-informatsionnoy-sistemy-magazin-produktov-vypusknaya",jpg:"jpg\u002F104697"},{id:102789,name:"Комп’ютерний вірус",href:"\u002Finformatika\u002Fkompyuterniy-vrus-1",jpg:"jpg\u002F102789"},{id:324212,name:"Аппаратное и программное обеспечение компьютерных сетей",href:"\u002Finformatika\u002Fapparatnoe-i-programmnoe-obespechenie-kompyuternyh-setey",jpg:"jpg\u002F324212"},{id:518341,name:"Использование электронной доски для развития творческих способностей учащихся начальной школы. Часть 3.",href:"\u002Finformatika\u002Fispolzovanie-elektronnoy-doski-dlya-razvitiya-tvorcheskih",jpg:"jpg\u002F518341"},{id:611255,name:"Программирование линейных алгоритмов. Начала программирования. Информатика. 9 класс",href:"\u002Finformatika\u002Fprogrammirovanie-lineynyh-algoritmov-nachala-programmirovaniya-informatika-3",jpg:"jpg\u002F611255"},{id:224183,name:"Безопасность в сети Интернет",href:"\u002Finformatika\u002Fbezopasnost-v-seti-internet-13",jpg:"jpg\u002F224183"},{id:128495,name:"Интеграция информационных технологий на уроке вокала",href:"\u002Finformatika\u002Fintegratsiya-informatsionnyh-tehnologiy-na-uroke-vokala",jpg:"jpg\u002F128495"},{id:149752,name:"Защита от вредоносных программ",href:"\u002Finformatika\u002Fzashchita-ot-vredonosnyh-programm",jpg:"jpg\u002F149752"},{id:309951,name:"История счета и систем счисления",href:"\u002Finformatika\u002Fistoriya-scheta-i-sistem-schisleniya-1",jpg:"jpg\u002F309951"},{id:578079,name:"Робик. Конструкция повторения",href:"\u002Finformatika\u002Frobik-konstruktsiya-povtoreniya",jpg:"jpg\u002F578079"},{id:576867,name:"Системы счисления. Что такое система счисления?",href:"\u002Finformatika\u002Fsistemy-schisleniya-chto-takoe-sistema-schisleniya",jpg:"jpg\u002F576867"},{id:255928,name:"Збереження зображень. Діалогові вікна, їх об’єкти. Інформаційні вікна (урок 17, 5 клас)",href:"\u002Finformatika\u002Fzberezhennya-zobrazhen-dalogov-vkna-h-obkti",jpg:"jpg\u002F255928"},{id:241588,name:"Создание Web-сайтов",href:"\u002Finformatika\u002Fsozdanie-web-saytov-1",jpg:"jpg\u002F241588"},{id:100014,name:"M\u002FEEG source analysis",href:"\u002Finformatika\u002Fmeeg-source-analysis",jpg:"jpg\u002F100014"},{id:123956,name:"Управление памятью",href:"\u002Finformatika\u002Fupravlenie-pamyatyu-1",jpg:"jpg\u002F123956"},{id:167661,name:"Особенности потокового ввода-вывода. Файлы",href:"\u002Finformatika\u002Fosobennosti-potokovogo-vvoda-vyvoda-fayly",jpg:"jpg\u002F167661"},{id:318808,name:"Проектирование. Мультипликация",href:"\u002Finformatika\u002Fproektirovanie-multiplikatsiya",jpg:"jpg\u002F318808"}],navigation:{next:"\u002Funcategorized\u002Fizgotovlenie-rozy-iz-tkani",next_name:"Изготовление розы из ткани.",prev:"\u002Ffizika\u002Frazrabotka-uroka-na-temu-plotnost-veshchestva",prev_name:"Разработка урока на тему : Плотность вещества"}}},categories:{result:[{id:I,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:I,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:14,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:H,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:J,SITE_HOST:"mypreza.com",SITE_LANG:K,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:J,short_name:a,description:a,lang:K,start_url:"\u002F?standalone=true",display:"standalone",background_color:l,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:c,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:c,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:c,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:c,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:c,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:c,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:c,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:c,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:c,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:c,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:c,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:c,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:c,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:c,sizes:R,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","9 класс. Язык разметки гипертекста. …, … Теги для изменения параметров шрифта. Атрибут FACE для изменения типа шрифта Атрибуты BGCOLOR – фон, ТЕХТ – цвет шрифта. Тэги для разметки списков. Тег для создания разделительные по","Учебные презентации","Презентации в 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","Информатика",27,1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))

Создание веб-страницы
Пуск/ Программы/ Стандартные/Блокнот/Файл/Сохранить как…/Мои док./ в своей папке/ Имя файла oneN.htm, где N-порядковый номер ученика в школьном журнале.
Содержание страницы:
Моя личная страница
Приветствую всех у меня на странице!
Меня зовут ….
Я учусь в … классе
Я увлекаюсь …
Открыть веб-страницу c помощью браузера

Тэги для разметки заголовка
…

Теги для изменения параметров шрифта.

Атрибут FACE для изменения типа шрифта

Атрибуты BGCOLOR – фон, ТЕХТ – цвет шрифта.

Тэги для разметки списков.

Тег
для создания разделительные полосы.

Тег
бегущая строка
Слайд 11
Тэг
- вставка графического файла
Слайд 12
Атрибут background –
для создания фоновой графика
Слайд 13
Практическая работа № 2.
Создание веб-страницы twoN.htm
Цель: Показать применение тегов для
создания гиперссылок и разметки таблиц.
Открыть Блокнот/Файл /Сохранить как…
На странице twoN.htm создать простую текстовую гиперссылку по адресу на страницу oneN.htm.
Создать графическую гиперссылку на странице oneN.htm по адресу twoN.htm
Вставить таблицу и заполнить ее.
Примечание: графические файлы можно выбрать из папки Мой комп./ С:/ИНФОРМАТИКА/НТМ_сети/Подборка рисунков
Слайд 14
ГИПЕРССЫЛКИ
Слайд 15
Графические ссылки
Структура графической ссылки имеет вид:
Примечание:
графический файл находится в одной папке с веб-страницей
Слайд 16
ТАБЛИЦЫ
Описание таблицы в документе HTML начинается с тэга
и заканчивается
тэгом
Атрибут BORDER определяет ширину рамки, например:
Для задания названия таблицы используется тэг и заканчивается тэгом .
Если ряд должен содержать заголовки столбцов таблицы, то используются тэги . Если в ячейках должны размещаться данные, то используются тэги .
Слайд 17
Слайд 18
Использование таблицы для разметки страницы
Текст и графику внутри ячеек таблицы можно
выравнивать. Горизонтальное и вертикальное выравнивание содержимого строк задаётся с помощью атрибута ALIGN в тэге
.
Выравнивание в отдельных ячейках выполняет атрибут ALIGN в тэгах
В следующем примере используем таблицу без рамок как способ размещения различных элементов на странице. Для задания нужного расстояния между элементами следует использовать атрибуты выравнивания
Слайд 19
Слайд 20
Практическая работа № 3. ФРЕЙМЫ
Часто возникает необходимость разместить в окне браузера
несколько разделов или окон, называемых фреймами.
При использовании фреймов потребуется несколько HTML-файлов. Один из них называется установочным. В нём описывается расположение (раскладка) фреймов в окне браузера и назначаются исходные HTML-файлы для каждого из фреймов, но нет собственного текста и графики.
Установочный HTML-файл, как и любой другой, начинается с тэга и заканчивается тэгом . Для разделения окна на несколько фреймов используются тэги и .
Слайд 21
ФРЕЙМЫ
Два фрейма можно расположить рядом друг с другом или друг над
другом.
Для задания способа расположения используется атрибут COLS (колонки) или ROWS (строки).
Чтобы разделить окно на два фрейма, указывают через запятые два числа. Эти числа определяют размеры фреймов.
Размеры фреймов измеряются в пикселах или процентах.
В последнем случае около числа пишется символ процента (%).
Если нужно указать, что фрейм занимает все оставшееся место, используется символ звёздочка (*).
Слайд 22
Установочный файл FRAME.HTM
Слайд 23
Левый фрейм MENU.HTM
Слайд 24
Верхний фрейм TOP.HTM
Слайд 25
Центральный фрейм MAIN.HTM
Слайд 26
Файл FRAME.HTM объединил три странички в один сайт, вот что получилось!
Надеюсь,
у вас получится тоже!
Имя файла: 9-класс.-Язык-разметки-гипертекста.-…,--…-Теги-для-изменения-параметров-шрифта.-Атрибут-FACE-для-изменения-типа-шрифта--Атрибуты-BGCOLOR-–-фон,--ТЕХТ-–-цвет-шрифта.-Тэги-для-разметки-списков.-Тег----для-создания-разделительные-по.pptx
Количество просмотров: 32
Количество скачиваний: 0
Скачать
- Предыдущая
Разработка урока на тему : Плотность вещества
Следующая -
Изготовление розы из ткани.
Похожие презентации
Мы в цифровом мире
Java OOP/OOD concepts
Основы программирования на Python. Лекция 1
Функции в языке программирования VB
Основы алгоритмизации и программирования. Структурированный тип данных массив
Website redesign
Вычисления на GPU с использованием NVIDIA CUDA
Технологии физического уровня. Технология широкополосного сигнала. Беспроводная связь. (Лекция 6.3.14)
Презентация к уроку информатики по теме Интернет: вред или польза?
Основи комп’ютерних систем і мереж. Лекція 1
High and low level programming languages. Basics of programming languages
Разработка информационной системы Магазин продуктов. Выпускная квалификационная работа
Комп’ютерний вірус
Аппаратное и программное обеспечение компьютерных сетей
Использование электронной доски для развития творческих способностей учащихся начальной школы. Часть 3.
Программирование линейных алгоритмов. Начала программирования. Информатика. 9 класс
Безопасность в сети Интернет
Интеграция информационных технологий на уроке вокала
Защита от вредоносных программ
История счета и систем счисления
Робик. Конструкция повторения
Системы счисления. Что такое система счисления?
Збереження зображень. Діалогові вікна, їх об’єкти. Інформаційні вікна (урок 17, 5 клас)
Создание Web-сайтов
M/EEG source analysis
Управление памятью
Особенности потокового ввода-вывода. Файлы
Проектирование. Мультипликация
Обратная связь
Email:
Нажмите что бы посмотреть
, например,
Моя таблица
Каждый ряд ячеек начинается с тэга
и
и
и
. Атрибут ALIGN может принимать аргументы LEFT (по левому краю), RIGHT (по правому краю) и CENTER (по центру).
Пример:
текст
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){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:480830,name:m,category:G,count:H,jpg:"jpg\u002F480830",hits:32,download:b,h1:"9 класс. Язык разметки гипертекста. …, … Теги для изменения параметров шрифта. Атрибут FACE для изменения типа шрифта Атрибуты BGCOLOR – фон, ТЕХТ – цвет шрифта. Тэги для разметки списков. Тег для создания разделительные по презентация",meta:{h1:m,title:m,description:"9 класс. Язык разметки гипертекста. …, … Теги для изменения параметров шрифта. Атрибут FACE для изменения типа шрифта Атрибуты BGCOLOR – фон, ТЕХТ – цвет шрифта. Тэги для разметки списков. Тег для создания разделительные по презентация на тему, доклад, Информатика",keywords:"9 класс. Язык разметки гипертекста. …, … Теги для изменения параметров шрифта. Атрибут FACE для изменения типа шрифта Атрибуты BGCOLOR – фон, ТЕХТ – цвет шрифта. Тэги для разметки списков. Тег для создания разделительные по, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему 9 класс. Язык разметки гипертекста. …, … Теги для изменения параметров шрифта. Атрибут FACE для изменения типа шрифта Атрибуты BGCOLOR – фон, ТЕХТ – цвет шрифта. Тэги для разметки списков. Тег для создания разделительные по из раздела Информатика. Презентация на заданную тему содержит 27 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EПрактическая работа № 1. \r\nСоздание веб-страницы oneN.htm\u003Cbr\u003E\u003Cp\u003EЦель: Показать применение тегов для разметки текста.\u003Cbr\u003EНа первой веб-странице представить теги: \u003CH1\u003E…\u003CH6\u003E, \u003CP\u003E, \u003CB\u003E,\u003CI\u003E,\u003CU\u003E,\u003CFONT\u003E с разными атрибутами, изменить фон страницы с помощью атрибута BGCOLOR\u003Cbr\u003EПоказать списки \u003COL\u003E,\u003CUL\u003E,\u003CIL\u003E\u003Cbr\u003EДобавить разделительную полосу \u003CHR\u003E\u003Cbr\u003EВставить бегущую строку \u003CMARQUEE\u003E\u003Cbr\u003EВставить картинку \u003CIMG SRC=…\u003E\u003Cbr\u003EПримечание: графические файлы можно выбрать из папки Мой комп.\u002F С:\u002FИНФОРМАТИКА\u002F НТМ_сети\u002FПодборка рисунков\u003Cbr\u003E \u003Cp\u003EСоздание веб-страницы\u003Cbr\u003E\u003Cp\u003E Пуск\u002F Программы\u002F Стандартные\u002FБлокнот\u002FФайл\u002FСохранить как…\u002FМои док.\u002F в своей папке\u002F Имя файла oneN.htm, где N-порядковый номер ученика в школьном журнале.\u003Cbr\u003E Содержание страницы:\u003Cbr\u003E\u003CHTML\u003E\u003Cbr\u003E\u003CHEAD\u003E \u003CTITLE\u003E Моя личная страница \u003C\u002FTITLE\u003E\u003C\u002FHEAD\u003E\u003Cbr\u003E\u003CBODY\u003E\u003Cbr\u003E\tПриветствую всех у меня на странице!\u003Cbr\u003E\u003CP\u003E\u003Cbr\u003E\u003CCENTER\u003E\u003Cbr\u003E Меня зовут ….\u003Cbr\u003EЯ учусь в … классе\u003Cbr\u003EЯ увлекаюсь …\u003Cbr\u003E\u003C\u002FCENTER\u003E\u003Cbr\u003E\u003C\u002FBODY\u003E\u003Cbr\u003E\u003C\u002FHTML\u003E\u003Cbr\u003E\u003Cbr\u003EОткрыть веб-страницу c помощью браузера\u003Cbr\u003E",file:"9-класс.-Язык-разметки-гипертекста.-…,--…-Теги-для-изменения-параметров-шрифта.-Атрибут-FACE-для-изменения-типа-шрифта--Атрибуты-BGCOLOR-–-фон,--ТЕХТ-–-цвет-шрифта.-Тэги-для-разметки-списков.-Тег----для-создания-разделительные-по.pptx",texts:["\u003Cp\u003E9 класс. Практическая работа по теме «Язык разметки гипертекста»\u003Cbr\u003E\u003Cp\u003E \u003Cbr\u003E","\u003Cp\u003EПрактическая работа № 1. \r\nСоздание веб-страницы oneN.htm\u003Cbr\u003E\u003Cp\u003EЦель: Показать применение тегов для разметки текста.\u003Cbr\u003EНа первой веб-странице представить теги: \u003CH1\u003E…\u003CH6\u003E, \u003CP\u003E, \u003CB\u003E,\u003CI\u003E,\u003CU\u003E,\u003CFONT\u003E с разными атрибутами, изменить фон страницы с помощью атрибута BGCOLOR\u003Cbr\u003EПоказать списки \u003COL\u003E,\u003CUL\u003E,\u003CIL\u003E\u003Cbr\u003EДобавить разделительную полосу \u003CHR\u003E\u003Cbr\u003EВставить бегущую строку \u003CMARQUEE\u003E\u003Cbr\u003EВставить картинку \u003CIMG SRC=…\u003E\u003Cbr\u003EПримечание: графические файлы можно выбрать из папки Мой комп.\u002F С:\u002FИНФОРМАТИКА\u002F НТМ_сети\u002FПодборка рисунков\u003Cbr\u003E","\u003Cp\u003EСоздание веб-страницы\u003Cbr\u003E\u003Cp\u003E Пуск\u002F Программы\u002F Стандартные\u002FБлокнот\u002FФайл\u002FСохранить как…\u002FМои док.\u002F в своей папке\u002F Имя файла oneN.htm, где N-порядковый номер ученика в школьном журнале.\u003Cbr\u003E Содержание страницы:\u003Cbr\u003E\u003CHTML\u003E\u003Cbr\u003E\u003CHEAD\u003E \u003CTITLE\u003E Моя личная страница \u003C\u002FTITLE\u003E\u003C\u002FHEAD\u003E\u003Cbr\u003E\u003CBODY\u003E\u003Cbr\u003E\tПриветствую всех у меня на странице!\u003Cbr\u003E\u003CP\u003E\u003Cbr\u003E\u003CCENTER\u003E\u003Cbr\u003E Меня зовут ….\u003Cbr\u003EЯ учусь в … классе\u003Cbr\u003EЯ увлекаюсь …\u003Cbr\u003E\u003C\u002FCENTER\u003E\u003Cbr\u003E\u003C\u002FBODY\u003E\u003Cbr\u003E\u003C\u002FHTML\u003E\u003Cbr\u003EОткрыть веб-страницу c помощью браузера\u003Cbr\u003E","\u003Cp\u003EТэги для разметки заголовка \u003CH1\u003E…\u003Cbr\u003E","\u003Cp\u003EТеги для изменения параметров шрифта.\u003Cbr\u003E","\u003Cp\u003EАтрибут FACE для изменения типа шрифта\u003Cbr\u003E","\u003Cp\u003E Атрибуты BGCOLOR – фон, ТЕХТ – цвет шрифта.\u003Cbr\u003E","\u003Cp\u003EТэги для разметки списков.\u003Cbr\u003E","\u003Cp\u003EТег \u003CHR\u003E для создания разделительные полосы.\u003Cbr\u003E","\u003Cp\u003EТег \u003CMARQUEE\u003E бегущая строка\u003Cbr\u003E","\u003Cp\u003EТэг \u003CIMG SRC=…\u003E - вставка графического файла \u003Cbr\u003E","\u003Cp\u003EАтрибут background – \r\nдля создания фоновой графика\u003Cbr\u003E","\u003Cp\u003EПрактическая работа № 2. \r\nСоздание веб-страницы twoN.htm\u003Cbr\u003E\u003Cp\u003EЦель: Показать применение тегов для создания гиперссылок и разметки таблиц. \u003Cbr\u003EОткрыть Блокнот\u002FФайл \u002FСохранить как…\u003Cbr\u003EНа странице twoN.htm создать простую текстовую гиперссылку по адресу на страницу oneN.htm. \u003Cbr\u003EСоздать графическую гиперссылку на странице oneN.htm по адресу twoN.htm\u003Cbr\u003EВставить таблицу и заполнить ее.\u003Cbr\u003EПримечание: графические файлы можно выбрать из папки Мой комп.\u002F С:\u002FИНФОРМАТИКА\u002FНТМ_сети\u002FПодборка рисунков\u003Cbr\u003E","\u003Cp\u003EГИПЕРССЫЛКИ\u003Cbr\u003E","\u003Cp\u003EГрафические ссылки\r\n\u003Cbr\u003E\u003Cp\u003EСтруктура графической ссылки имеет вид:\u003Cbr\u003E\u003CA HREF=”адрес_ссылки”\u003E \u003CIMG SRC = ”имя_графического_файла”\u003E\u003C\u002FA\u003E\u003Cbr\u003EПримечание: графический файл находится в одной папке с веб-страницей\u003Cbr\u003E","\u003Cp\u003EТАБЛИЦЫ\u003Cbr\u003E\u003Cp\u003EОписание таблицы в документе HTML начинается с тэга \u003CTABLE\u003E и заканчивается тэгом \u003C\u002FTABLE\u003E\u003Cbr\u003EАтрибут BORDER определяет ширину рамки, например: \u003CTABLE BORDER=10 \u003E\u003Cbr\u003EДля задания названия таблицы используется тэг \u003CCAPTION\u003E, например, \u003Cbr\u003E\u003CCAPTION ALIGN=TOP\u003EМоя таблица\u003C\u002F CAPTION\u003E\u003Cbr\u003E\tКаждый ряд ячеек начинается с тэга \u003CTR\u003E и заканчивается тэгом \u003C\u002FTR\u003E.\u003Cbr\u003EЕсли ряд должен содержать заголовки столбцов таблицы, то используются тэги \u003CTH\u003E и \u003C\u002FTH\u003E. Если в ячейках должны размещаться данные, то используются тэги \u003CTD\u003E и \u003C\u002FTD\u003E.\u003Cbr\u003E",a,"\u003Cp\u003EИспользование таблицы для разметки страницы\u003Cbr\u003E\u003Cp\u003EТекст и графику внутри ячеек таблицы можно выравнивать. Горизонтальное и вертикальное выравнивание содержимого строк задаётся с помощью атрибута ALIGN в тэге \u003CTR\u003E. \u003Cbr\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\tВ следующем примере используем таблицу без рамок как способ размещения различных элементов на странице. Для задания нужного расстояния между элементами следует использовать атрибуты выравнивания \u003Cbr\u003E",a,"\u003Cp\u003EПрактическая работа № 3. ФРЕЙМЫ\u003Cbr\u003E\u003Cp\u003EЧасто возникает необходимость разместить в окне браузера несколько разделов или окон, называемых фреймами. \u003Cbr\u003EПри использовании фреймов потребуется несколько HTML-файлов. Один из них называется установочным. В нём описывается расположение (раскладка) фреймов в окне браузера и назначаются исходные HTML-файлы для каждого из фреймов, но нет собственного текста и графики. \u003Cbr\u003EУстановочный HTML-файл, как и любой другой, начинается с тэга \u003CHTML\u003E и заканчивается тэгом \u003C\u002FHTML\u003E. Для разделения окна на несколько фреймов используются тэги \u003CFRAMESET\u003E и \u003C\u002FFRAMESET\u003E. \u003Cbr\u003E","\u003Cp\u003EФРЕЙМЫ\u003Cbr\u003E\u003Cp\u003EДва фрейма можно расположить рядом друг с другом или друг над другом. \u003Cbr\u003EДля задания способа расположения используется атрибут COLS (колонки) или ROWS (строки). \u003Cbr\u003EЧтобы разделить окно на два фрейма, указывают через запятые два числа. Эти числа определяют размеры фреймов. \u003Cbr\u003EРазмеры фреймов измеряются в пикселах или процентах. \r\nВ последнем случае около числа пишется символ процента (%). \u003Cbr\u003EЕсли нужно указать, что фрейм занимает все оставшееся место, используется символ звёздочка (*). \u003Cbr\u003E","\u003Cp\u003EУстановочный файл FRAME.HTM\u003Cbr\u003E","\u003Cp\u003EЛевый фрейм MENU.HTM\u003Cbr\u003E","\u003Cp\u003EВерхний фрейм TOP.HTM\u003Cbr\u003E","\u003Cp\u003EЦентральный фрейм MAIN.HTM \u003Cbr\u003E","\u003Cp\u003EФайл FRAME.HTM объединил три странички в один сайт, вот что получилось!\u003Cbr\u003E\u003Cp\u003EНадеюсь, у вас получится тоже!\u003Cbr\u003E","\u003Cp\u003EИСТОЧНИКИ\u003Cbr\u003E\u003Cp\u003EДунаев В.В. Сам себе Web-мастер. – СПб.: БХВ-Петербург; Арлит. 2000. – 288 с.\u003Cbr\u003EЭлектронный конспект лекций по HTML\u002F Пашнин С.В., ЛысоваА.А., Ивановичев И.А., – Челябинск: ЧДПОПР, 2001 \u003Cbr\u003E"],href:"\u002Finformatika\u002F9-klass-yazyk-razmetki-giperteksta-tegi",href_category:"\u002Finformatika",date:1663625972,related:[{id:385374,name:"Мы в цифровом мире",href:"\u002Finformatika\u002Fmy-v-tsifrovom-mire",jpg:"jpg\u002F385374"},{id:9549,name:"Java OOP\u002FOOD concepts",href:"\u002Finformatika\u002Fjava-oopood-concepts",jpg:"jpg\u002F9549"},{id:140080,name:"Основы программирования на Python. Лекция 1",href:"\u002Finformatika\u002Fosnovy-programmirovaniya-na-python-lektsiya-1",jpg:"jpg\u002F140080"},{id:299180,name:"Функции в языке программирования VB",href:"\u002Finformatika\u002Ffunktsii-v-yazyke-programmirovaniya-vb",jpg:"jpg\u002F299180"},{id:280803,name:"Основы алгоритмизации и программирования. Структурированный тип данных массив",href:"\u002Finformatika\u002Fosnovy-algoritmizatsii-i-programmirovaniya-strukturirovannyy-tip",jpg:"jpg\u002F280803"},{id:139118,name:"Website redesign",href:"\u002Finformatika\u002Fwebsite-redesign",jpg:"jpg\u002F139118"},{id:403092,name:"Вычисления на GPU с использованием NVIDIA CUDA",href:"\u002Finformatika\u002Fvychisleniya-na-gpu-s-ispolzovaniem-nvidia",jpg:"jpg\u002F403092"},{id:349077,name:"Технологии физического уровня. Технология широкополосного сигнала. Беспроводная связь. (Лекция 6.3.14)",href:"\u002Finformatika\u002Ftehnologii-fizicheskogo-urovnya-tehnologiya-shirokopolosnogo-signala",jpg:"jpg\u002F349077"},{id:542804,name:"Презентация к уроку информатики по теме Интернет: вред или польза?",href:"\u002Finformatika\u002Fprezentatsiya-k-uroku-informatiki-po-teme-2",jpg:"jpg\u002F542804"},{id:321351,name:"Основи комп’ютерних систем і мереж. Лекція 1",href:"\u002Finformatika\u002Fosnovi-kompyuternih-sistem--merezh-lektsya",jpg:"jpg\u002F321351"},{id:203250,name:"High and low level programming languages. Basics of programming languages",href:"\u002Finformatika\u002Fhigh-and-low-level-programming-languages-1",jpg:"jpg\u002F203250"},{id:104697,name:"Разработка информационной системы Магазин продуктов. Выпускная квалификационная работа",href:"\u002Finformatika\u002Frazrabotka-informatsionnoy-sistemy-magazin-produktov-vypusknaya",jpg:"jpg\u002F104697"},{id:102789,name:"Комп’ютерний вірус",href:"\u002Finformatika\u002Fkompyuterniy-vrus-1",jpg:"jpg\u002F102789"},{id:324212,name:"Аппаратное и программное обеспечение компьютерных сетей",href:"\u002Finformatika\u002Fapparatnoe-i-programmnoe-obespechenie-kompyuternyh-setey",jpg:"jpg\u002F324212"},{id:518341,name:"Использование электронной доски для развития творческих способностей учащихся начальной школы. Часть 3.",href:"\u002Finformatika\u002Fispolzovanie-elektronnoy-doski-dlya-razvitiya-tvorcheskih",jpg:"jpg\u002F518341"},{id:611255,name:"Программирование линейных алгоритмов. Начала программирования. Информатика. 9 класс",href:"\u002Finformatika\u002Fprogrammirovanie-lineynyh-algoritmov-nachala-programmirovaniya-informatika-3",jpg:"jpg\u002F611255"},{id:224183,name:"Безопасность в сети Интернет",href:"\u002Finformatika\u002Fbezopasnost-v-seti-internet-13",jpg:"jpg\u002F224183"},{id:128495,name:"Интеграция информационных технологий на уроке вокала",href:"\u002Finformatika\u002Fintegratsiya-informatsionnyh-tehnologiy-na-uroke-vokala",jpg:"jpg\u002F128495"},{id:149752,name:"Защита от вредоносных программ",href:"\u002Finformatika\u002Fzashchita-ot-vredonosnyh-programm",jpg:"jpg\u002F149752"},{id:309951,name:"История счета и систем счисления",href:"\u002Finformatika\u002Fistoriya-scheta-i-sistem-schisleniya-1",jpg:"jpg\u002F309951"},{id:578079,name:"Робик. Конструкция повторения",href:"\u002Finformatika\u002Frobik-konstruktsiya-povtoreniya",jpg:"jpg\u002F578079"},{id:576867,name:"Системы счисления. Что такое система счисления?",href:"\u002Finformatika\u002Fsistemy-schisleniya-chto-takoe-sistema-schisleniya",jpg:"jpg\u002F576867"},{id:255928,name:"Збереження зображень. Діалогові вікна, їх об’єкти. Інформаційні вікна (урок 17, 5 клас)",href:"\u002Finformatika\u002Fzberezhennya-zobrazhen-dalogov-vkna-h-obkti",jpg:"jpg\u002F255928"},{id:241588,name:"Создание Web-сайтов",href:"\u002Finformatika\u002Fsozdanie-web-saytov-1",jpg:"jpg\u002F241588"},{id:100014,name:"M\u002FEEG source analysis",href:"\u002Finformatika\u002Fmeeg-source-analysis",jpg:"jpg\u002F100014"},{id:123956,name:"Управление памятью",href:"\u002Finformatika\u002Fupravlenie-pamyatyu-1",jpg:"jpg\u002F123956"},{id:167661,name:"Особенности потокового ввода-вывода. Файлы",href:"\u002Finformatika\u002Fosobennosti-potokovogo-vvoda-vyvoda-fayly",jpg:"jpg\u002F167661"},{id:318808,name:"Проектирование. Мультипликация",href:"\u002Finformatika\u002Fproektirovanie-multiplikatsiya",jpg:"jpg\u002F318808"}],navigation:{next:"\u002Funcategorized\u002Fizgotovlenie-rozy-iz-tkani",next_name:"Изготовление розы из ткани.",prev:"\u002Ffizika\u002Frazrabotka-uroka-na-temu-plotnost-veshchestva",prev_name:"Разработка урока на тему : Плотность вещества"}}},categories:{result:[{id:I,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:I,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:14,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:H,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:J,SITE_HOST:"mypreza.com",SITE_LANG:K,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:J,short_name:a,description:a,lang:K,start_url:"\u002F?standalone=true",display:"standalone",background_color:l,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:c,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:c,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:c,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:c,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:c,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:c,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:c,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:c,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:c,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:c,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:c,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:c,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:c,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:c,sizes:R,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","9 класс. Язык разметки гипертекста. …, … Теги для изменения параметров шрифта. Атрибут FACE для изменения типа шрифта Атрибуты BGCOLOR – фон, ТЕХТ – цвет шрифта. Тэги для разметки списков. Тег для создания разделительные по","Учебные презентации","Презентации в 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","Информатика",27,1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512")) создания гиперссылок и разметки таблиц.
Открыть Блокнот/Файл /Сохранить как…
На странице twoN.htm создать простую текстовую гиперссылку по адресу на страницу oneN.htm.
Создать графическую гиперссылку на странице oneN.htm по адресу twoN.htm
Вставить таблицу и заполнить ее.
Примечание: графические файлы можно выбрать из папки Мой комп./ С:/ИНФОРМАТИКА/НТМ_сети/Подборка рисунков

Тэг
- вставка графического файла

Атрибут background –
для создания фоновой графика

Практическая работа № 2.
Создание веб-страницы twoN.htm
Цель: Показать применение тегов для создания гиперссылок и разметки таблиц.
Открыть Блокнот/Файл /Сохранить как…
На странице twoN.htm создать простую текстовую гиперссылку по адресу на страницу oneN.htm.
Создать графическую гиперссылку на странице oneN.htm по адресу twoN.htm
Вставить таблицу и заполнить ее.
Примечание: графические файлы можно выбрать из папки Мой комп./ С:/ИНФОРМАТИКА/НТМ_сети/Подборка рисунков

ГИПЕРССЫЛКИ

Графические ссылки
Структура графической ссылки имеет вид:
Примечание: графический файл находится в одной папке с веб-страницей

ТАБЛИЦЫ
Описание таблицы в документе HTML начинается с тэга
и заканчивается
тэгом
Атрибут BORDER определяет ширину рамки, например:
Для задания названия таблицы используется тэг и заканчивается тэгом .
Если ряд должен содержать заголовки столбцов таблицы, то используются тэги . Если в ячейках должны размещаться данные, то используются тэги .
Слайд 17
Слайд 18
Использование таблицы для разметки страницы
Текст и графику внутри ячеек таблицы можно
выравнивать. Горизонтальное и вертикальное выравнивание содержимого строк задаётся с помощью атрибута ALIGN в тэге
.
Выравнивание в отдельных ячейках выполняет атрибут ALIGN в тэгах
В следующем примере используем таблицу без рамок как способ размещения различных элементов на странице. Для задания нужного расстояния между элементами следует использовать атрибуты выравнивания
Слайд 19
Слайд 20
Практическая работа № 3. ФРЕЙМЫ
Часто возникает необходимость разместить в окне браузера
несколько разделов или окон, называемых фреймами.
При использовании фреймов потребуется несколько HTML-файлов. Один из них называется установочным. В нём описывается расположение (раскладка) фреймов в окне браузера и назначаются исходные HTML-файлы для каждого из фреймов, но нет собственного текста и графики.
Установочный HTML-файл, как и любой другой, начинается с тэга и заканчивается тэгом . Для разделения окна на несколько фреймов используются тэги и .
Слайд 21
ФРЕЙМЫ
Два фрейма можно расположить рядом друг с другом или друг над
другом.
Для задания способа расположения используется атрибут COLS (колонки) или ROWS (строки).
Чтобы разделить окно на два фрейма, указывают через запятые два числа. Эти числа определяют размеры фреймов.
Размеры фреймов измеряются в пикселах или процентах.
В последнем случае около числа пишется символ процента (%).
Если нужно указать, что фрейм занимает все оставшееся место, используется символ звёздочка (*).
Слайд 22
Установочный файл FRAME.HTM
Слайд 23
Левый фрейм MENU.HTM
Слайд 24
Верхний фрейм TOP.HTM
Слайд 25
Центральный фрейм MAIN.HTM
Слайд 26
Файл FRAME.HTM объединил три странички в один сайт, вот что получилось!
Надеюсь,
у вас получится тоже!
Имя файла: 9-класс.-Язык-разметки-гипертекста.-…,--…-Теги-для-изменения-параметров-шрифта.-Атрибут-FACE-для-изменения-типа-шрифта--Атрибуты-BGCOLOR-–-фон,--ТЕХТ-–-цвет-шрифта.-Тэги-для-разметки-списков.-Тег----для-создания-разделительные-по.pptx
Количество просмотров: 32
Количество скачиваний: 0
Скачать
- Предыдущая
Разработка урока на тему : Плотность вещества
Следующая -
Изготовление розы из ткани.
Похожие презентации
Мы в цифровом мире
Java OOP/OOD concepts
Основы программирования на Python. Лекция 1
Функции в языке программирования VB
Основы алгоритмизации и программирования. Структурированный тип данных массив
Website redesign
Вычисления на GPU с использованием NVIDIA CUDA
Технологии физического уровня. Технология широкополосного сигнала. Беспроводная связь. (Лекция 6.3.14)
Презентация к уроку информатики по теме Интернет: вред или польза?
Основи комп’ютерних систем і мереж. Лекція 1
High and low level programming languages. Basics of programming languages
Разработка информационной системы Магазин продуктов. Выпускная квалификационная работа
Комп’ютерний вірус
Аппаратное и программное обеспечение компьютерных сетей
Использование электронной доски для развития творческих способностей учащихся начальной школы. Часть 3.
Программирование линейных алгоритмов. Начала программирования. Информатика. 9 класс
Безопасность в сети Интернет
Интеграция информационных технологий на уроке вокала
Защита от вредоносных программ
История счета и систем счисления
Робик. Конструкция повторения
Системы счисления. Что такое система счисления?
Збереження зображень. Діалогові вікна, їх об’єкти. Інформаційні вікна (урок 17, 5 клас)
Создание Web-сайтов
M/EEG source analysis
Управление памятью
Особенности потокового ввода-вывода. Файлы
Проектирование. Мультипликация
Обратная связь
Email:
Нажмите что бы посмотреть
, например,
Моя таблица
Каждый ряд ячеек начинается с тэга
и
и
и
. Атрибут ALIGN может принимать аргументы LEFT (по левому краю), RIGHT (по правому краю) и CENTER (по центру).
Пример:
текст
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){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:480830,name:m,category:G,count:H,jpg:"jpg\u002F480830",hits:32,download:b,h1:"9 класс. Язык разметки гипертекста. …, … Теги для изменения параметров шрифта. Атрибут FACE для изменения типа шрифта Атрибуты BGCOLOR – фон, ТЕХТ – цвет шрифта. Тэги для разметки списков. Тег для создания разделительные по презентация",meta:{h1:m,title:m,description:"9 класс. Язык разметки гипертекста. …, … Теги для изменения параметров шрифта. Атрибут FACE для изменения типа шрифта Атрибуты BGCOLOR – фон, ТЕХТ – цвет шрифта. Тэги для разметки списков. Тег для создания разделительные по презентация на тему, доклад, Информатика",keywords:"9 класс. Язык разметки гипертекста. …, … Теги для изменения параметров шрифта. Атрибут FACE для изменения типа шрифта Атрибуты BGCOLOR – фон, ТЕХТ – цвет шрифта. Тэги для разметки списков. Тег для создания разделительные по, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему 9 класс. Язык разметки гипертекста. …, … Теги для изменения параметров шрифта. Атрибут FACE для изменения типа шрифта Атрибуты BGCOLOR – фон, ТЕХТ – цвет шрифта. Тэги для разметки списков. Тег для создания разделительные по из раздела Информатика. Презентация на заданную тему содержит 27 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EПрактическая работа № 1. \r\nСоздание веб-страницы oneN.htm\u003Cbr\u003E\u003Cp\u003EЦель: Показать применение тегов для разметки текста.\u003Cbr\u003EНа первой веб-странице представить теги: \u003CH1\u003E…\u003CH6\u003E, \u003CP\u003E, \u003CB\u003E,\u003CI\u003E,\u003CU\u003E,\u003CFONT\u003E с разными атрибутами, изменить фон страницы с помощью атрибута BGCOLOR\u003Cbr\u003EПоказать списки \u003COL\u003E,\u003CUL\u003E,\u003CIL\u003E\u003Cbr\u003EДобавить разделительную полосу \u003CHR\u003E\u003Cbr\u003EВставить бегущую строку \u003CMARQUEE\u003E\u003Cbr\u003EВставить картинку \u003CIMG SRC=…\u003E\u003Cbr\u003EПримечание: графические файлы можно выбрать из папки Мой комп.\u002F С:\u002FИНФОРМАТИКА\u002F НТМ_сети\u002FПодборка рисунков\u003Cbr\u003E \u003Cp\u003EСоздание веб-страницы\u003Cbr\u003E\u003Cp\u003E Пуск\u002F Программы\u002F Стандартные\u002FБлокнот\u002FФайл\u002FСохранить как…\u002FМои док.\u002F в своей папке\u002F Имя файла oneN.htm, где N-порядковый номер ученика в школьном журнале.\u003Cbr\u003E Содержание страницы:\u003Cbr\u003E\u003CHTML\u003E\u003Cbr\u003E\u003CHEAD\u003E \u003CTITLE\u003E Моя личная страница \u003C\u002FTITLE\u003E\u003C\u002FHEAD\u003E\u003Cbr\u003E\u003CBODY\u003E\u003Cbr\u003E\tПриветствую всех у меня на странице!\u003Cbr\u003E\u003CP\u003E\u003Cbr\u003E\u003CCENTER\u003E\u003Cbr\u003E Меня зовут ….\u003Cbr\u003EЯ учусь в … классе\u003Cbr\u003EЯ увлекаюсь …\u003Cbr\u003E\u003C\u002FCENTER\u003E\u003Cbr\u003E\u003C\u002FBODY\u003E\u003Cbr\u003E\u003C\u002FHTML\u003E\u003Cbr\u003E\u003Cbr\u003EОткрыть веб-страницу c помощью браузера\u003Cbr\u003E",file:"9-класс.-Язык-разметки-гипертекста.-…,--…-Теги-для-изменения-параметров-шрифта.-Атрибут-FACE-для-изменения-типа-шрифта--Атрибуты-BGCOLOR-–-фон,--ТЕХТ-–-цвет-шрифта.-Тэги-для-разметки-списков.-Тег----для-создания-разделительные-по.pptx",texts:["\u003Cp\u003E9 класс. Практическая работа по теме «Язык разметки гипертекста»\u003Cbr\u003E\u003Cp\u003E \u003Cbr\u003E","\u003Cp\u003EПрактическая работа № 1. \r\nСоздание веб-страницы oneN.htm\u003Cbr\u003E\u003Cp\u003EЦель: Показать применение тегов для разметки текста.\u003Cbr\u003EНа первой веб-странице представить теги: \u003CH1\u003E…\u003CH6\u003E, \u003CP\u003E, \u003CB\u003E,\u003CI\u003E,\u003CU\u003E,\u003CFONT\u003E с разными атрибутами, изменить фон страницы с помощью атрибута BGCOLOR\u003Cbr\u003EПоказать списки \u003COL\u003E,\u003CUL\u003E,\u003CIL\u003E\u003Cbr\u003EДобавить разделительную полосу \u003CHR\u003E\u003Cbr\u003EВставить бегущую строку \u003CMARQUEE\u003E\u003Cbr\u003EВставить картинку \u003CIMG SRC=…\u003E\u003Cbr\u003EПримечание: графические файлы можно выбрать из папки Мой комп.\u002F С:\u002FИНФОРМАТИКА\u002F НТМ_сети\u002FПодборка рисунков\u003Cbr\u003E","\u003Cp\u003EСоздание веб-страницы\u003Cbr\u003E\u003Cp\u003E Пуск\u002F Программы\u002F Стандартные\u002FБлокнот\u002FФайл\u002FСохранить как…\u002FМои док.\u002F в своей папке\u002F Имя файла oneN.htm, где N-порядковый номер ученика в школьном журнале.\u003Cbr\u003E Содержание страницы:\u003Cbr\u003E\u003CHTML\u003E\u003Cbr\u003E\u003CHEAD\u003E \u003CTITLE\u003E Моя личная страница \u003C\u002FTITLE\u003E\u003C\u002FHEAD\u003E\u003Cbr\u003E\u003CBODY\u003E\u003Cbr\u003E\tПриветствую всех у меня на странице!\u003Cbr\u003E\u003CP\u003E\u003Cbr\u003E\u003CCENTER\u003E\u003Cbr\u003E Меня зовут ….\u003Cbr\u003EЯ учусь в … классе\u003Cbr\u003EЯ увлекаюсь …\u003Cbr\u003E\u003C\u002FCENTER\u003E\u003Cbr\u003E\u003C\u002FBODY\u003E\u003Cbr\u003E\u003C\u002FHTML\u003E\u003Cbr\u003EОткрыть веб-страницу c помощью браузера\u003Cbr\u003E","\u003Cp\u003EТэги для разметки заголовка \u003CH1\u003E…\u003Cbr\u003E","\u003Cp\u003EТеги для изменения параметров шрифта.\u003Cbr\u003E","\u003Cp\u003EАтрибут FACE для изменения типа шрифта\u003Cbr\u003E","\u003Cp\u003E Атрибуты BGCOLOR – фон, ТЕХТ – цвет шрифта.\u003Cbr\u003E","\u003Cp\u003EТэги для разметки списков.\u003Cbr\u003E","\u003Cp\u003EТег \u003CHR\u003E для создания разделительные полосы.\u003Cbr\u003E","\u003Cp\u003EТег \u003CMARQUEE\u003E бегущая строка\u003Cbr\u003E","\u003Cp\u003EТэг \u003CIMG SRC=…\u003E - вставка графического файла \u003Cbr\u003E","\u003Cp\u003EАтрибут background – \r\nдля создания фоновой графика\u003Cbr\u003E","\u003Cp\u003EПрактическая работа № 2. \r\nСоздание веб-страницы twoN.htm\u003Cbr\u003E\u003Cp\u003EЦель: Показать применение тегов для создания гиперссылок и разметки таблиц. \u003Cbr\u003EОткрыть Блокнот\u002FФайл \u002FСохранить как…\u003Cbr\u003EНа странице twoN.htm создать простую текстовую гиперссылку по адресу на страницу oneN.htm. \u003Cbr\u003EСоздать графическую гиперссылку на странице oneN.htm по адресу twoN.htm\u003Cbr\u003EВставить таблицу и заполнить ее.\u003Cbr\u003EПримечание: графические файлы можно выбрать из папки Мой комп.\u002F С:\u002FИНФОРМАТИКА\u002FНТМ_сети\u002FПодборка рисунков\u003Cbr\u003E","\u003Cp\u003EГИПЕРССЫЛКИ\u003Cbr\u003E","\u003Cp\u003EГрафические ссылки\r\n\u003Cbr\u003E\u003Cp\u003EСтруктура графической ссылки имеет вид:\u003Cbr\u003E\u003CA HREF=”адрес_ссылки”\u003E \u003CIMG SRC = ”имя_графического_файла”\u003E\u003C\u002FA\u003E\u003Cbr\u003EПримечание: графический файл находится в одной папке с веб-страницей\u003Cbr\u003E","\u003Cp\u003EТАБЛИЦЫ\u003Cbr\u003E\u003Cp\u003EОписание таблицы в документе HTML начинается с тэга \u003CTABLE\u003E и заканчивается тэгом \u003C\u002FTABLE\u003E\u003Cbr\u003EАтрибут BORDER определяет ширину рамки, например: \u003CTABLE BORDER=10 \u003E\u003Cbr\u003EДля задания названия таблицы используется тэг \u003CCAPTION\u003E, например, \u003Cbr\u003E\u003CCAPTION ALIGN=TOP\u003EМоя таблица\u003C\u002F CAPTION\u003E\u003Cbr\u003E\tКаждый ряд ячеек начинается с тэга \u003CTR\u003E и заканчивается тэгом \u003C\u002FTR\u003E.\u003Cbr\u003EЕсли ряд должен содержать заголовки столбцов таблицы, то используются тэги \u003CTH\u003E и \u003C\u002FTH\u003E. Если в ячейках должны размещаться данные, то используются тэги \u003CTD\u003E и \u003C\u002FTD\u003E.\u003Cbr\u003E",a,"\u003Cp\u003EИспользование таблицы для разметки страницы\u003Cbr\u003E\u003Cp\u003EТекст и графику внутри ячеек таблицы можно выравнивать. Горизонтальное и вертикальное выравнивание содержимого строк задаётся с помощью атрибута ALIGN в тэге \u003CTR\u003E. \u003Cbr\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\tВ следующем примере используем таблицу без рамок как способ размещения различных элементов на странице. Для задания нужного расстояния между элементами следует использовать атрибуты выравнивания \u003Cbr\u003E",a,"\u003Cp\u003EПрактическая работа № 3. ФРЕЙМЫ\u003Cbr\u003E\u003Cp\u003EЧасто возникает необходимость разместить в окне браузера несколько разделов или окон, называемых фреймами. \u003Cbr\u003EПри использовании фреймов потребуется несколько HTML-файлов. Один из них называется установочным. В нём описывается расположение (раскладка) фреймов в окне браузера и назначаются исходные HTML-файлы для каждого из фреймов, но нет собственного текста и графики. \u003Cbr\u003EУстановочный HTML-файл, как и любой другой, начинается с тэга \u003CHTML\u003E и заканчивается тэгом \u003C\u002FHTML\u003E. Для разделения окна на несколько фреймов используются тэги \u003CFRAMESET\u003E и \u003C\u002FFRAMESET\u003E. \u003Cbr\u003E","\u003Cp\u003EФРЕЙМЫ\u003Cbr\u003E\u003Cp\u003EДва фрейма можно расположить рядом друг с другом или друг над другом. \u003Cbr\u003EДля задания способа расположения используется атрибут COLS (колонки) или ROWS (строки). \u003Cbr\u003EЧтобы разделить окно на два фрейма, указывают через запятые два числа. Эти числа определяют размеры фреймов. \u003Cbr\u003EРазмеры фреймов измеряются в пикселах или процентах. \r\nВ последнем случае около числа пишется символ процента (%). \u003Cbr\u003EЕсли нужно указать, что фрейм занимает все оставшееся место, используется символ звёздочка (*). \u003Cbr\u003E","\u003Cp\u003EУстановочный файл FRAME.HTM\u003Cbr\u003E","\u003Cp\u003EЛевый фрейм MENU.HTM\u003Cbr\u003E","\u003Cp\u003EВерхний фрейм TOP.HTM\u003Cbr\u003E","\u003Cp\u003EЦентральный фрейм MAIN.HTM \u003Cbr\u003E","\u003Cp\u003EФайл FRAME.HTM объединил три странички в один сайт, вот что получилось!\u003Cbr\u003E\u003Cp\u003EНадеюсь, у вас получится тоже!\u003Cbr\u003E","\u003Cp\u003EИСТОЧНИКИ\u003Cbr\u003E\u003Cp\u003EДунаев В.В. Сам себе Web-мастер. – СПб.: БХВ-Петербург; Арлит. 2000. – 288 с.\u003Cbr\u003EЭлектронный конспект лекций по HTML\u002F Пашнин С.В., ЛысоваА.А., Ивановичев И.А., – Челябинск: ЧДПОПР, 2001 \u003Cbr\u003E"],href:"\u002Finformatika\u002F9-klass-yazyk-razmetki-giperteksta-tegi",href_category:"\u002Finformatika",date:1663625972,related:[{id:385374,name:"Мы в цифровом мире",href:"\u002Finformatika\u002Fmy-v-tsifrovom-mire",jpg:"jpg\u002F385374"},{id:9549,name:"Java OOP\u002FOOD concepts",href:"\u002Finformatika\u002Fjava-oopood-concepts",jpg:"jpg\u002F9549"},{id:140080,name:"Основы программирования на Python. Лекция 1",href:"\u002Finformatika\u002Fosnovy-programmirovaniya-na-python-lektsiya-1",jpg:"jpg\u002F140080"},{id:299180,name:"Функции в языке программирования VB",href:"\u002Finformatika\u002Ffunktsii-v-yazyke-programmirovaniya-vb",jpg:"jpg\u002F299180"},{id:280803,name:"Основы алгоритмизации и программирования. Структурированный тип данных массив",href:"\u002Finformatika\u002Fosnovy-algoritmizatsii-i-programmirovaniya-strukturirovannyy-tip",jpg:"jpg\u002F280803"},{id:139118,name:"Website redesign",href:"\u002Finformatika\u002Fwebsite-redesign",jpg:"jpg\u002F139118"},{id:403092,name:"Вычисления на GPU с использованием NVIDIA CUDA",href:"\u002Finformatika\u002Fvychisleniya-na-gpu-s-ispolzovaniem-nvidia",jpg:"jpg\u002F403092"},{id:349077,name:"Технологии физического уровня. Технология широкополосного сигнала. Беспроводная связь. (Лекция 6.3.14)",href:"\u002Finformatika\u002Ftehnologii-fizicheskogo-urovnya-tehnologiya-shirokopolosnogo-signala",jpg:"jpg\u002F349077"},{id:542804,name:"Презентация к уроку информатики по теме Интернет: вред или польза?",href:"\u002Finformatika\u002Fprezentatsiya-k-uroku-informatiki-po-teme-2",jpg:"jpg\u002F542804"},{id:321351,name:"Основи комп’ютерних систем і мереж. Лекція 1",href:"\u002Finformatika\u002Fosnovi-kompyuternih-sistem--merezh-lektsya",jpg:"jpg\u002F321351"},{id:203250,name:"High and low level programming languages. Basics of programming languages",href:"\u002Finformatika\u002Fhigh-and-low-level-programming-languages-1",jpg:"jpg\u002F203250"},{id:104697,name:"Разработка информационной системы Магазин продуктов. Выпускная квалификационная работа",href:"\u002Finformatika\u002Frazrabotka-informatsionnoy-sistemy-magazin-produktov-vypusknaya",jpg:"jpg\u002F104697"},{id:102789,name:"Комп’ютерний вірус",href:"\u002Finformatika\u002Fkompyuterniy-vrus-1",jpg:"jpg\u002F102789"},{id:324212,name:"Аппаратное и программное обеспечение компьютерных сетей",href:"\u002Finformatika\u002Fapparatnoe-i-programmnoe-obespechenie-kompyuternyh-setey",jpg:"jpg\u002F324212"},{id:518341,name:"Использование электронной доски для развития творческих способностей учащихся начальной школы. Часть 3.",href:"\u002Finformatika\u002Fispolzovanie-elektronnoy-doski-dlya-razvitiya-tvorcheskih",jpg:"jpg\u002F518341"},{id:611255,name:"Программирование линейных алгоритмов. Начала программирования. Информатика. 9 класс",href:"\u002Finformatika\u002Fprogrammirovanie-lineynyh-algoritmov-nachala-programmirovaniya-informatika-3",jpg:"jpg\u002F611255"},{id:224183,name:"Безопасность в сети Интернет",href:"\u002Finformatika\u002Fbezopasnost-v-seti-internet-13",jpg:"jpg\u002F224183"},{id:128495,name:"Интеграция информационных технологий на уроке вокала",href:"\u002Finformatika\u002Fintegratsiya-informatsionnyh-tehnologiy-na-uroke-vokala",jpg:"jpg\u002F128495"},{id:149752,name:"Защита от вредоносных программ",href:"\u002Finformatika\u002Fzashchita-ot-vredonosnyh-programm",jpg:"jpg\u002F149752"},{id:309951,name:"История счета и систем счисления",href:"\u002Finformatika\u002Fistoriya-scheta-i-sistem-schisleniya-1",jpg:"jpg\u002F309951"},{id:578079,name:"Робик. Конструкция повторения",href:"\u002Finformatika\u002Frobik-konstruktsiya-povtoreniya",jpg:"jpg\u002F578079"},{id:576867,name:"Системы счисления. Что такое система счисления?",href:"\u002Finformatika\u002Fsistemy-schisleniya-chto-takoe-sistema-schisleniya",jpg:"jpg\u002F576867"},{id:255928,name:"Збереження зображень. Діалогові вікна, їх об’єкти. Інформаційні вікна (урок 17, 5 клас)",href:"\u002Finformatika\u002Fzberezhennya-zobrazhen-dalogov-vkna-h-obkti",jpg:"jpg\u002F255928"},{id:241588,name:"Создание Web-сайтов",href:"\u002Finformatika\u002Fsozdanie-web-saytov-1",jpg:"jpg\u002F241588"},{id:100014,name:"M\u002FEEG source analysis",href:"\u002Finformatika\u002Fmeeg-source-analysis",jpg:"jpg\u002F100014"},{id:123956,name:"Управление памятью",href:"\u002Finformatika\u002Fupravlenie-pamyatyu-1",jpg:"jpg\u002F123956"},{id:167661,name:"Особенности потокового ввода-вывода. Файлы",href:"\u002Finformatika\u002Fosobennosti-potokovogo-vvoda-vyvoda-fayly",jpg:"jpg\u002F167661"},{id:318808,name:"Проектирование. Мультипликация",href:"\u002Finformatika\u002Fproektirovanie-multiplikatsiya",jpg:"jpg\u002F318808"}],navigation:{next:"\u002Funcategorized\u002Fizgotovlenie-rozy-iz-tkani",next_name:"Изготовление розы из ткани.",prev:"\u002Ffizika\u002Frazrabotka-uroka-na-temu-plotnost-veshchestva",prev_name:"Разработка урока на тему : Плотность вещества"}}},categories:{result:[{id:I,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:I,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:14,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:H,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:J,SITE_HOST:"mypreza.com",SITE_LANG:K,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:J,short_name:a,description:a,lang:K,start_url:"\u002F?standalone=true",display:"standalone",background_color:l,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:c,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:c,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:c,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:c,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:c,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:c,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:c,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:c,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:c,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:c,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:c,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:c,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:c,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:c,sizes:R,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","9 класс. Язык разметки гипертекста. …, … Теги для изменения параметров шрифта. Атрибут FACE для изменения типа шрифта Атрибуты BGCOLOR – фон, ТЕХТ – цвет шрифта. Тэги для разметки списков. Тег для создания разделительные по","Учебные презентации","Презентации в 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","Информатика",27,1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512")) тэгом

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

Практическая работа № 3. ФРЕЙМЫ
Часто возникает необходимость разместить в окне браузера несколько разделов или окон, называемых фреймами.
При использовании фреймов потребуется несколько HTML-файлов. Один из них называется установочным. В нём описывается расположение (раскладка) фреймов в окне браузера и назначаются исходные HTML-файлы для каждого из фреймов, но нет собственного текста и графики.
Установочный HTML-файл, как и любой другой, начинается с тэга и заканчивается тэгом . Для разделения окна на несколько фреймов используются тэги и .

ФРЕЙМЫ
Два фрейма можно расположить рядом друг с другом или друг над другом.
Для задания способа расположения используется атрибут COLS (колонки) или ROWS (строки).
Чтобы разделить окно на два фрейма, указывают через запятые два числа. Эти числа определяют размеры фреймов.
Размеры фреймов измеряются в пикселах или процентах.
В последнем случае около числа пишется символ процента (%).
Если нужно указать, что фрейм занимает все оставшееся место, используется символ звёздочка (*).

Установочный файл FRAME.HTM

Левый фрейм MENU.HTM

Верхний фрейм TOP.HTM

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

Файл FRAME.HTM объединил три странички в один сайт, вот что получилось!
Надеюсь, у вас получится тоже!