Основы языка HTML: тэги, атрибуты тэгов, комментарии презентация

HTML-документ –
это обычный текстовый
документ, содержащий
специальные разметочные указатели (тэги).
HTML-файл имеет расширение .htm или .html
HyperText Markup Language

ТЭГИ
Тэг – инструкция браузеру, указывающая способ отображения текста.

Тэг всегда начинается со знака «меньше» (<) и оканчивается знаком «больше» (>)
Например:
ПРАВИЛА ЗАПИСИ ТЭГОВ

ТЭГИ
ТЕГ
одиночный
парный
(контейнер)
открывающий < >
закрывающий

СТРУКТУРНЫЕ ТЭГИ
Всё содержимое файла Интернет-страницы заключается в контейнер …, указывающий браузеру, что данный текст представляет собой HTML-документ и, возможно содержит в себе тэги, которые браузер должен выявить, распознать, интерпретировать.
Типичная Интернет-страница состоит из двух частей: заголовка (HEAD) и тела (BODY).

СТРУКТУРНЫЕ ТЭГИ
Эту базовую структуру в простейшем виде можно наглядно показать следующим образом:

Указанная вами строка-название будет выводиться в заголовке окна браузера, когда данная страничка будет в нём просматриваться, а также (уже после размещения страницы в Интернете) в списках, выдаваемых поисковыми серверами.
СТРУКТУРНЫЕ ТЭГИ

КОММЕНТАРИИ
- такой полутэг используется для добавления комментариев на страничке,
т. е. для полезных пояснений, которые не показываются в браузере.
Пример:
Заголовок
Подзаголовок

ПРИМЕР HTML-ДОКУМЕНТА
<ТIТLЕ>Моя первая Интернет-страничка!
Это моя первая проба сил в Web-дизайне.
Может быть, страничка пока еще получилась
не очень красивой, но ведь она работает!!!

Оформление текста
Это моя первая проба сил в Web-дизайне.
Может быть,
страничка пока еще получилась
не очень красивой, но ведь она работает!!!
Символы, заключенные между следующими тегами отображают:
Одиночный тег
разрывает текстовый поток и вставляет пустую строку

Оформление текста
Это моя первая проба сил в Web-дизайне.
Может быть, страничка пока еще получилась
не очень красивой, но ведь она работает!!!
Текст, заключенный между тегами
…….. имеет заданный размер, цвет и гарнитуру. Для этого используются атрибуты: SIZE = значение от 1 до 7 и COLOR = цвет (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, yellow, white), каждому цвету соответствует свой шестнадцатеричный код от 000000 до FFFFFF.

Оформление страницы
Это моя первая проба сил в
Web-дизайне.
Может быть, страничка пока еще получилась
не очень красивой, но ведь она работает!!!
Материал файла
Тег
…
- начинает абзац с новой строки. Новый абзац отделяется от предыдущего двойным межстрочным интервалом.
Выравнивание текста по абзацам:
Задание цвета всего текста и фона документа
Описываются в начальном теге тела документа
.

Оформление заголовков
Заголовки разных уровней
Тегами
….
оформляют заключенный в них текст. Значения n меняются от 1 до 6, при этом текст выводится от более крупного к более мелкому. Теги
….
могут иметь атрибуты ALIGN=CENTER, LEFT, RIGHT.
…
Драматический театр им.Комиссаржевской
Малый драматический театр «Европа»
Драматический театр на Литейном
Большой драматический им.Товстоногова
…

Оформление списка
Простые списки
…
,
Драматический театр им.Комиссаржевской
Малый драматический театр «Европа»
Драматический театр на Литейном
Большой драматический им.Товстоногова
…

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

Оформление гиперссылок
Гиперссылки
Связь с другими документами организуется тегами
…
.
перейти” > текст гиперссылки
.
Рисунок так же можно сделать, как гиперссылку, написав:
< IMG SRC =’имя графического файла’>

Оформление таблиц
Таблицы используют не только для того, чтобы располагать данные в ячейках, сколько с целью позицирования фрагментов текста и изображений друг относительно друга.
С помощью таблиц удобно создавать навигацию по сайту.
P.S.: Ячейки таблицы могут содержать текст или изображения, а также текст с HTML-тегами и гиперссылки. Не следует оставлять ячейки таблицы незаполненными, надо поместить хотя бы неразрывный пробел

Оформление таблиц
Основные атрибуты тегов
и
задают параметры таблицы, строки или ячейки:
ALIGN=left,
right, center – выравнивание (, ,
)
BGCOLOR=’цвет’ – фоновый цвет (, ,
)
HSPACE=значение – свободное пространство слева и справа от таблицы в пикселах()
VSPACE=значение - свободное пространство сверху и снизу от таблицы в пикселах(
)
WIDTH=значение – ширина таблицы (ячейки) – в пикселах, или в процентах (
,
)
HEIGHT= значение – высоты таблицы (ячейки, строки) – в пикселах, или в процентах(, )
BORDER= значение – толщина рамки вокруг таблицы и ее ячеек, по умолчанию значение=1, если значение=0, то рамки нет (
,
, ,
)
BORDECOLOR=’цвет’ – цет рамки (
>)
VALIGH=bottom, middle, top – выравнивание содержимого по вертикали (
)
Имя файла: Основы-языка-HTML:-тэги,-атрибуты-тэгов,-комментарии.pptx
Количество просмотров: 161
Количество скачиваний: 0
Скачать
- Предыдущая
Если бы я была директором гостиницы
Следующая -
Шесть способов провалить новую компанию
Похожие презентации
Интернет: общая характеристика
DS. Графический дизайн. Дизайн в Python
Системный блок
Операторы цикла
Введение в Web API. Введение в MVC
08. Miscellaneous (java)
Нормальная форма
Информация вокруг нас
Керування кольорами. Розміщення малюнків на веб-сторінці
Системы ввода/вывода. Лекция 11
Использование компьютера в различных отраслях
Социальная сеть Instagram
Знакомство с XML
Знакомство с новым учебником по информатике. (8 класс)
Какой браузер лучше выбрать для работы в сети Интернет?
WikiWiki Быстро Быстро. Летописи
Идентификатор ЛК. Сравнить тарифные планы
Параллельное программирование. OpenMP
Язык программирования Python. Основы языка Python. Линейные программы
VR/Ar-технологии. Сейчас и перспективы
BIOS (Basic Input\Output System) - базовая система ввода-вывода
Возможные цели и задачи присутствия ТИК в социальных сетях
Oracle 12с. Курсоры (PL/SQL, лекция 10)
информационные процессы
Формирование и анализ требований к ИС
Базы данных. Архитектура JDBC (Java Database Connectivity)
Информационная система ОКН-Подмосковье
Обзор рынка информационно-аналитических систем
Обратная связь
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){return {data:{meta:{result:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,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:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F}},item:{result:{id:122817,name:k,category:G,count:H,jpg:"jpg\u002F122817",hits:161,download:b,h1:"Основы языка HTML: тэги, атрибуты тэгов, комментарии презентация",meta:{h1:k,title:k,description:"Основы языка HTML: тэги, атрибуты тэгов, комментарии презентация на тему, доклад, Информатика",keywords:"Основы языка HTML: тэги, атрибуты тэгов, комментарии, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Основы языка HTML: тэги, атрибуты тэгов, комментарии из раздела Информатика. Презентация на заданную тему содержит 20 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EHTML-документ – \r\nэто обычный текстовый \r\nдокумент, содержащий \r\nспециальные разметочные указатели (тэги).\u003Cbr\u003E\u003Cp\u003EHTML-файл имеет расширение \r\n.htm или .html\u003Cbr\u003E\u003Cp\u003EHyperText Markup Language\u003Cbr\u003E \u003Cp\u003EТЭГИ\u003Cbr\u003E\u003Cp\u003EТэг –\tинструкция браузеру, указывающая способ",file:"Основы-языка-HTML:-тэги,-атрибуты-тэгов,-комментарии.pptx",texts:["\u003Cp\u003EОсновы языка HTML: тэги, атрибуты тэгов, комментарии \u003Cbr\u003E","\u003Cp\u003EHTML-документ – \r\nэто обычный текстовый \r\nдокумент, содержащий \r\nспециальные разметочные указатели (тэги).\u003Cbr\u003E\u003Cp\u003EHTML-файл имеет расширение \r\n.htm или .html\u003Cbr\u003E\u003Cp\u003EHyperText Markup Language\u003Cbr\u003E","\u003Cp\u003EТЭГИ\u003Cbr\u003E\u003Cp\u003EТэг –\tинструкция браузеру, указывающая способ отображения текста.\u003Cbr\u003E","\u003Cp\u003EТэг всегда начинается со знака «меньше» (\u003C) и оканчивается знаком «больше» (\u003E)\r\n\r\nНапример: \u003CBR\u003E\u003Cbr\u003E\u003Cp\u003EПРАВИЛА ЗАПИСИ ТЭГОВ\u003Cbr\u003E","\u003Cp\u003EТЭГИ\u003Cbr\u003E\u003Cp\u003EТЕГ\u003Cbr\u003E\u003Cp\u003Eодиночный\u003Cbr\u003E\u003Cp\u003Eпарный\u003Cbr\u003E(контейнер)\u003Cbr\u003E\u003Cp\u003Eоткрывающий \u003C \u003E\u003Cbr\u003E\u003Cp\u003Eзакрывающий \u003C\u002F \u003E\u003Cbr\u003E","\u003Cp\u003EСТРУКТУРНЫЕ ТЭГИ\u003Cbr\u003E\u003Cp\u003EВсё содержимое файла Интернет-страницы заключается в контейнер \u003Chtml\u003E…\u003C\u002Fhtml\u003E, указывающий браузеру, что данный текст представляет собой HTML-документ и, возможно содержит в себе тэги, которые браузер должен выявить, распознать, интерпретировать.\u003Cbr\u003EТипичная Интернет-страница состоит из двух частей: заголовка (HEAD) и тела (BODY). \u003Cbr\u003E","\u003Cp\u003EСТРУКТУРНЫЕ ТЭГИ\u003Cbr\u003E\u003Cp\u003EЭту базовую структуру в простейшем виде можно наглядно показать следующим образом:\u003Cbr\u003E","\u003Cp\u003EУказанная вами строка-название будет выводиться в заголовке окна браузера, когда данная страничка будет в нём просматриваться, а также (уже после размещения страницы в Интернете) в списках, выдаваемых поисковыми серверами. \r\n\u003Cbr\u003E\u003Cp\u003EСТРУКТУРНЫЕ ТЭГИ\u003Cbr\u003E","\u003Cp\u003EКОММЕНТАРИИ\u003Cbr\u003E\u003Cp\u003E\u003C! -- и -- \u003E - такой полутэг используется для добавления комментариев на страничке, \u003Cbr\u003Eт. е. для полезных пояснений, которые не показываются в браузере.\u003Cbr\u003E\u003Cp\u003EПример:\u003Cbr\u003E\u003CH1\u003E Заголовок \u003C\u002FH1\u003E\u003Cbr\u003E\u003C! --название главы-- \u003E\u003Cbr\u003E\u003CH2\u003E Подзаголовок \u003C\u002FH2\u003E\u003Cbr\u003E","\u003Cp\u003EПРИМЕР HTML-ДОКУМЕНТА\u003Cbr\u003E\u003Cp\u003E\u003CHTML\u003E\u003Cbr\u003E\t\u003CHEAD\u003E\u003Cbr\u003E\t\t\u003CТIТLЕ\u003EМоя первая Интернет-страничка!\u003C\u002FTITLE\u003E \u003Cbr\u003E\t\u003C\u002FHEAD\u003E \u003Cbr\u003E\t\u003CBODY\u003E\u003Cbr\u003E\tЭто моя первая проба сил в Web-дизайне. \u003Cbr\u003E\tМожет быть, страничка пока еще получилась \u003Cbr\u003E\tне очень красивой, но ведь она работает!!! \u003Cbr\u003E\t\u003C\u002FBODY\u003E \u003Cbr\u003E\u003C\u002FHTML\u003E\u003Cbr\u003E","\u003Cp\u003EОформление текста\u003Cbr\u003E\u003Cp\u003E\u003CBODY\u003E\u003Cbr\u003E\u003CB\u003E Это моя первая проба сил в Web-дизайне. \u003Cbr\u003E\u003C\u002FB\u003E \u003CBR\u003E\u003Cbr\u003E\u003CI\u003E Может быть, страничка пока еще получилась \u003Cbr\u003E\tне очень красивой, но ведь она работает!!! \u003C\u002FI\u003E \u003Cbr\u003E\u003C\u002FBODY\u003E\u003Cbr\u003E\u003Cp\u003EСимволы, заключенные между следующими тегами отображают:\u003Cbr\u003E\u003Cp\u003EОдиночный тег \u003CBR\u003E разрывает текстовый поток и вставляет пустую строку\u003Cbr\u003E","\u003Cp\u003EОформление текста\u003Cbr\u003E\u003Cp\u003E\u003CBODY\u003E\u003Cbr\u003E\u003CFONT SIZE=5 COLOR=red\u003E\u003Cbr\u003E\u003CB\u003E Это моя первая проба сил в Web-дизайне. \u003C\u002FB\u003E \u003CBR\u003E\u003Cbr\u003E\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CI\u003E Может быть, страничка пока еще получилась \u003Cbr\u003E\tне очень красивой, но ведь она работает!!! \u003C\u002FI\u003E \u003Cbr\u003E\u003C\u002FBODY\u003E\u003Cbr\u003E\u003Cp\u003EТекст, заключенный между тегами \u003CFONT….\u003E ……..\u003C\u002FFONT\u003E имеет заданный размер, цвет и гарнитуру. Для этого используются атрибуты: SIZE = значение от 1 до 7 и COLOR = цвет (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, yellow, white), каждому цвету соответствует свой шестнадцатеричный код от 000000 до FFFFFF.\u003Cbr\u003E","\u003Cp\u003EОформление страницы\u003Cbr\u003E\u003Cp\u003E\u003CBODY BGCOLOR=BLUE TEXT=YELLOW\u003E\u003Cbr\u003E\u003CP ALIGN=CENTER\u003E\u003Cbr\u003E\u003CFONT SIZE=5 COLOR=RED\u003E\u003Cbr\u003E\u003CB\u003E Это моя первая проба сил в Web-дизайне. \u003C\u002FB\u003E \u003CBR\u003E\u003Cbr\u003E\u003CI\u003E Может быть, страничка пока еще получилась \u003Cbr\u003E\tне очень красивой, но ведь она работает!!! \u003C\u002FI\u003E \u003Cbr\u003E\u003C\u002FFONT\u003E\u003Cbr\u003E\u003C\u002FP\u003E\u003Cbr\u003E\u003C\u002FBODY\u003E\u003Cbr\u003E\u003Cp\u003EМатериал файла\u003Cbr\u003E\u003Cp\u003EТег \u003CP\u003E …\u003C\u002FP\u003E - начинает абзац с новой строки. Новый абзац отделяется от предыдущего двойным межстрочным интервалом.\u003Cbr\u003EВыравнивание текста по абзацам:\u003Cbr\u003E\u003Cp\u003EЗадание цвета всего текста и фона документа\u003Cbr\u003EОписываются в начальном теге тела документа \u003CBODY\u003E\u003Cbr\u003E\u003CBODY BGCOLOR=цвет фона документа TEXT=цвет текста \u003E.\u003Cbr\u003E","\u003Cp\u003EОформление заголовков\u003Cbr\u003E\u003Cp\u003EЗаголовки разных уровней\u003Cbr\u003EТегами \u003CHn\u003E….\u003C\u002FHn\u003E оформляют заключенный в них текст. Значения n меняются от 1 до 6, при этом текст выводится от более крупного к более мелкому. Теги \u003CHn\u003E….\u003C\u002FHn\u003Eмогут иметь атрибуты ALIGN=CENTER, LEFT, RIGHT.\u003Cbr\u003E\u003Cp\u003E…\u003Cbr\u003E\u003CP ALIGN=LEFT\u003E\u003Cbr\u003E\u003CH1\u003EДраматический театр им.Комиссаржевской\u003C\u002FH1\u003E\u003Cbr\u003E\u003CH2\u003EМалый драматический театр «Европа»\u003C\u002FH2\u003E\u003Cbr\u003E\u003CH3\u003EДраматический театр на Литейном\u003C\u002FH3\u003E\u003Cbr\u003E\u003CH4\u003EБольшой драматический им.Товстоногова\u003C\u002FH4\u003E\u003Cbr\u003E\u003C\u002FP\u003E\u003Cbr\u003E…\u003Cbr\u003E","\u003Cp\u003EОформление списка\u003Cbr\u003E\u003Cp\u003EПростые списки\u003Cbr\u003E\u003Cp\u003E…\u003Cbr\u003E\u003CP ALIGN=LEFT\u003E\u003Cbr\u003E\u003COL type=\"square\"\u003E,\u003Cbr\u003E\u003CLI\u003E Драматический театр им.Комиссаржевской\u003Cbr\u003E\u003CLI\u003E Малый драматический театр «Европа»\u003C\u002F\u003E\u003Cbr\u003E\u003CLI\u003E Драматический театр на Литейном\u003Cbr\u003E\u003CLI\u003E Большой драматический им.Товстоногова\u003Cbr\u003E\u003C\u002FOL\u003E\u003Cbr\u003E\u003C\u002FP\u003E\u003Cbr\u003E…\u003Cbr\u003E","\u003Cp\u003EВставка рисунков\u003Cbr\u003E\u003Cp\u003EЧтобы рисунок был по центру, его надо заключить в тег \u003CCENTER\u003E \u003Cimg src = .....\u003C\u002FCENTER\u003E\u003Cbr\u003E\u003Cp\u003E\u003CCENTER\u003E\u003Cbr\u003E\u003CIMG SRC=’имя графического файла’ alt= ‘это мой рисунок’ width=50% height=50% vspace=20 hspace=20 border=5\u003E\u003Cbr\u003E\u003C\u002FCENTER\u003E\u003Cbr\u003E\u003Cp\u003EОдиночный тег \u003CIMG\u003E вставляет графические изображения в текстовый поток в любом месте: \u003CIMG SRC=’имя графического файла’\u003E\u003Cbr\u003E","\u003Cp\u003EОформление гиперссылок\u003Cbr\u003E\u003Cp\u003EГиперссылки\u003Cbr\u003EСвязь с другими документами организуется тегами \u003CA\u003E…\u003C\u002FA\u003E.\u003Cbr\u003E\u003CA HREF=”имя файла на который надо перейти” \u003E текст гиперссылки \u003C\u002FA\u003E.\u003Cbr\u003EРисунок так же можно сделать, как гиперссылку, написав:\u003Cbr\u003E\u003CA HREF ='имя файла на который переходим'\u003E\u003C IMG SRC =’имя графического файла’\u003E\u003C\u002Fa\u003E\u003Cbr\u003E","\u003Cp\u003EОформление таблиц\u003Cbr\u003E\u003Cp\u003EТаблицы используют не только для того, чтобы располагать данные в ячейках, сколько с целью позицирования фрагментов текста и изображений друг относительно друга.\u003Cbr\u003EС помощью таблиц удобно создавать навигацию по сайту.\u003Cbr\u003E\u003Cp\u003EP.S.: Ячейки таблицы могут содержать текст или изображения, а также текст с HTML-тегами и гиперссылки. Не следует оставлять ячейки таблицы незаполненными, надо поместить хотя бы неразрывный пробел &nbsp\u003Cbr\u003E","\u003Cp\u003EОформление таблиц\u003Cbr\u003E\u003Cp\u003EОсновные атрибуты тегов \u003CTABLE\u003E \u003CTR\u003E и \u003CTD\u003E задают параметры таблицы, строки или ячейки:\u003Cbr\u003EALIGN=left, right, center – выравнивание (\u003Ctable\u003E, \u003Ctr\u003E, \u003Ctd\u003E)\u003Cbr\u003EBGCOLOR=’цвет’ – фоновый цвет (\u003Ctable\u003E, \u003Ctr\u003E, \u003Ctd\u003E)\u003Cbr\u003EHSPACE=значение – свободное пространство слева и справа от таблицы в пикселах(\u003Ctable\u003E)\u003Cbr\u003EVSPACE=значение - свободное пространство сверху и снизу от таблицы в пикселах(\u003Ctable\u003E)\u003Cbr\u003EWIDTH=значение – ширина таблицы (ячейки) – в пикселах, или в процентах (\u003Ctable\u003E, \u003Ctd\u003E)\u003Cbr\u003EHEIGHT= значение – высоты таблицы (ячейки, строки) – в пикселах, или в процентах(\u003Ctable\u003E, \u003Ctd\u003E, \u003Ctr\u003E)\u003Cbr\u003EBORDER= значение – толщина рамки вокруг таблицы и ее ячеек, по умолчанию значение=1, если значение=0, то рамки нет (\u003Ctable\u003E, \u003Ctd\u003E)\u003Cbr\u003EBORDECOLOR=’цвет’ – цет рамки (\u003Ctable,\u003Ctd\u003E\u003E)\u003Cbr\u003EVALIGH=bottom, middle, top – выравнивание содержимого по вертикали (\u003Ctr\u003E, \u003Ctd\u003E)\u003Cbr\u003E","\u003Cp\u003Ehttp:\u002F\u002Fscriptic.narod.ru\u002Fhtml\u002Fcolor1.htm\u003Cbr\u003E\u003Cp\u003Ehttp:\u002F\u002Fthelast.ru\u002Findex.php?uid=601\u003Cbr\u003E"],href:"\u002Finformatika\u002Fosnovy-yazyka-html-tegi-atributy-tegov",href_category:"\u002Finformatika",date:1627735046,related:[{id:22568,name:"Интернет: общая характеристика",href:"\u002Finformatika\u002Finternet-obshchaya-harakteristika",jpg:"jpg\u002F22568"},{id:579307,name:"DS. Графический дизайн. Дизайн в Python",href:"\u002Finformatika\u002Fds-graficheskiy-dizayn-dizayn-v-python",jpg:"jpg\u002F579307"},{id:324692,name:"Системный блок",href:"\u002Finformatika\u002Fsistemnyy-blok-3",jpg:"jpg\u002F324692"},{id:242508,name:"Операторы цикла",href:"\u002Finformatika\u002Foperatory-tsikla-1",jpg:"jpg\u002F242508"},{id:577970,name:"Введение в Web API. Введение в MVC",href:"\u002Finformatika\u002Fvvedenie-v-web-api-vvedenie-v",jpg:"jpg\u002F577970"},{id:203275,name:"08. Miscellaneous (java)",href:"\u002Finformatika\u002F08-miscellaneous-java",jpg:"jpg\u002F203275"},{id:207666,name:"Нормальная форма",href:"\u002Finformatika\u002Fnormalnaya-forma-2",jpg:"jpg\u002F207666"},{id:242896,name:"Информация вокруг нас",href:"\u002Finformatika\u002Finformatsiya-vokrug-nas-2",jpg:"jpg\u002F242896"},{id:146167,name:"Керування кольорами. Розміщення малюнків на веб-сторінці",href:"\u002Finformatika\u002Fkeruvannya-kolorami-rozmshchennya-malyunkv-na-veb",jpg:"jpg\u002F146167"},{id:333658,name:"Системы ввода\u002Fвывода. Лекция 11",href:"\u002Finformatika\u002Fsistemy-vvodavyvoda-lektsiya-11",jpg:"jpg\u002F333658"},{id:159208,name:"Использование компьютера в различных отраслях",href:"\u002Finformatika\u002Fispolzovanie-kompyutera-v-razlichnyh-otraslyah",jpg:"jpg\u002F159208"},{id:3073,name:"Социальная сеть Instagram",href:"\u002Finformatika\u002Fsotsialnaya-set-instagram",jpg:"jpg\u002F3073"},{id:152220,name:"Знакомство с XML",href:"\u002Finformatika\u002Fznakomstvo-s-xml",jpg:"jpg\u002F152220"},{id:185688,name:"Знакомство с новым учебником по информатике. (8 класс)",href:"\u002Finformatika\u002Fznakomstvo-s-novym-uchebnikom-po-informatike",jpg:"jpg\u002F185688"},{id:161162,name:"Какой браузер лучше выбрать для работы в сети Интернет?",href:"\u002Finformatika\u002Fkakoy-brauzer-luchshe-vybrat-dlya-raboty",jpg:"jpg\u002F161162"},{id:232619,name:"WikiWiki Быстро Быстро. Летописи",href:"\u002Finformatika\u002Fwikiwiki-bystro-bystro-letopisi",jpg:"jpg\u002F232619"},{id:278707,name:"Идентификатор ЛК. Сравнить тарифные планы",href:"\u002Finformatika\u002Fidentifikator-lk-sravnit-tarifnye-plany",jpg:"jpg\u002F278707"},{id:224311,name:"Параллельное программирование. OpenMP",href:"\u002Finformatika\u002Fparallelnoe-programmirovanie-openmp",jpg:"jpg\u002F224311"},{id:576047,name:"Язык программирования Python. Основы языка Python. Линейные программы",href:"\u002Finformatika\u002Fyazyk-programmirovaniya-python-osnovy-yazyka-python",jpg:"jpg\u002F576047"},{id:20242,name:"VR\u002FAr-технологии. Сейчас и перспективы",href:"\u002Finformatika\u002Fvrar-tehnologii-seychas-i-perspektivy",jpg:"jpg\u002F20242"},{id:254630,name:"BIOS (Basic Input\\Output System) - базовая система ввода-вывода",href:"\u002Finformatika\u002Fbios-basic-inputoutput-system-bazovaya-sistema-1",jpg:"jpg\u002F254630"},{id:331710,name:"Возможные цели и задачи присутствия ТИК в социальных сетях",href:"\u002Finformatika\u002Fvozmozhnye-tseli-i-zadachi-prisutstviya-tik",jpg:"jpg\u002F331710"},{id:3299,name:"Oracle 12с. Курсоры (PL\u002FSQL, лекция 10)",href:"\u002Finformatika\u002Foracle-12s-kursory-plsql-lektsiya-10",jpg:"jpg\u002F3299"},{id:483124,name:"информационные процессы",href:"\u002Finformatika\u002Finformatsionnye-protsessy-13",jpg:"jpg\u002F483124"},{id:415860,name:"Формирование и анализ требований к ИС",href:"\u002Finformatika\u002Fformirovanie-i-analiz-trebovaniy-k-is",jpg:"jpg\u002F415860"},{id:2003,name:"Базы данных. Архитектура JDBC (Java Database Connectivity)",href:"\u002Finformatika\u002Fbazy-dannyh-arhitektura-jdbc-java-database",jpg:"jpg\u002F2003"},{id:412456,name:"Информационная система ОКН-Подмосковье",href:"\u002Finformatika\u002Finformatsionnaya-sistema-okn-podmoskove",jpg:"jpg\u002F412456"},{id:434436,name:"Обзор рынка информационно-аналитических систем",href:"\u002Finformatika\u002Fobzor-rynka-informatsionno-analiticheskih-sistem",jpg:"jpg\u002F434436"}],navigation:{next:"\u002Fmarketing\u002Fshest-sposobov-provalit-novuyu-kompaniyu",next_name:"Шесть способов провалить новую компанию",prev:"\u002Fbiznes\u002Fesli-by-ya-byla-direktorom-gostinitsy",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:10,name:"Литература",pseudoname:"literatura"},{id:119,ordering:11,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:h,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:H,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:e,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:j,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:d,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:d,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:d,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:d,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:d,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:d,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:d,sizes:R,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:b,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,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:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F,token:a}}}}("",0,false,"image\u002Fpng",true,"any","maskable",13,"#d53032","#ffffff","Основы языка HTML: тэги, атрибуты тэгов, комментарии","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","[e-mail]","h3a","text","none","h3","category","both",80,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","Информатика",20,1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512")) right, center – выравнивание (, ,
)
BGCOLOR=’цвет’ – фоновый цвет (, ,
)
HSPACE=значение – свободное пространство слева и справа от таблицы в пикселах()
VSPACE=значение - свободное пространство сверху и снизу от таблицы в пикселах(
)
WIDTH=значение – ширина таблицы (ячейки) – в пикселах, или в процентах (
,
)
HEIGHT= значение – высоты таблицы (ячейки, строки) – в пикселах, или в процентах(, )
BORDER= значение – толщина рамки вокруг таблицы и ее ячеек, по умолчанию значение=1, если значение=0, то рамки нет (
,
, ,
)
BORDECOLOR=’цвет’ – цет рамки (
>)
VALIGH=bottom, middle, top – выравнивание содержимого по вертикали (
)
Имя файла: Основы-языка-HTML:-тэги,-атрибуты-тэгов,-комментарии.pptx
Количество просмотров: 161
Количество скачиваний: 0
Скачать
- Предыдущая
Если бы я была директором гостиницы
Следующая -
Шесть способов провалить новую компанию
Похожие презентации
Интернет: общая характеристика
DS. Графический дизайн. Дизайн в Python
Системный блок
Операторы цикла
Введение в Web API. Введение в MVC
08. Miscellaneous (java)
Нормальная форма
Информация вокруг нас
Керування кольорами. Розміщення малюнків на веб-сторінці
Системы ввода/вывода. Лекция 11
Использование компьютера в различных отраслях
Социальная сеть Instagram
Знакомство с XML
Знакомство с новым учебником по информатике. (8 класс)
Какой браузер лучше выбрать для работы в сети Интернет?
WikiWiki Быстро Быстро. Летописи
Идентификатор ЛК. Сравнить тарифные планы
Параллельное программирование. OpenMP
Язык программирования Python. Основы языка Python. Линейные программы
VR/Ar-технологии. Сейчас и перспективы
BIOS (Basic Input\Output System) - базовая система ввода-вывода
Возможные цели и задачи присутствия ТИК в социальных сетях
Oracle 12с. Курсоры (PL/SQL, лекция 10)
информационные процессы
Формирование и анализ требований к ИС
Базы данных. Архитектура JDBC (Java Database Connectivity)
Информационная система ОКН-Подмосковье
Обзор рынка информационно-аналитических систем
Обратная связь
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){return {data:{meta:{result:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,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:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F}},item:{result:{id:122817,name:k,category:G,count:H,jpg:"jpg\u002F122817",hits:161,download:b,h1:"Основы языка HTML: тэги, атрибуты тэгов, комментарии презентация",meta:{h1:k,title:k,description:"Основы языка HTML: тэги, атрибуты тэгов, комментарии презентация на тему, доклад, Информатика",keywords:"Основы языка HTML: тэги, атрибуты тэгов, комментарии, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Основы языка HTML: тэги, атрибуты тэгов, комментарии из раздела Информатика. Презентация на заданную тему содержит 20 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EHTML-документ – \r\nэто обычный текстовый \r\nдокумент, содержащий \r\nспециальные разметочные указатели (тэги).\u003Cbr\u003E\u003Cp\u003EHTML-файл имеет расширение \r\n.htm или .html\u003Cbr\u003E\u003Cp\u003EHyperText Markup Language\u003Cbr\u003E \u003Cp\u003EТЭГИ\u003Cbr\u003E\u003Cp\u003EТэг –\tинструкция браузеру, указывающая способ",file:"Основы-языка-HTML:-тэги,-атрибуты-тэгов,-комментарии.pptx",texts:["\u003Cp\u003EОсновы языка HTML: тэги, атрибуты тэгов, комментарии \u003Cbr\u003E","\u003Cp\u003EHTML-документ – \r\nэто обычный текстовый \r\nдокумент, содержащий \r\nспециальные разметочные указатели (тэги).\u003Cbr\u003E\u003Cp\u003EHTML-файл имеет расширение \r\n.htm или .html\u003Cbr\u003E\u003Cp\u003EHyperText Markup Language\u003Cbr\u003E","\u003Cp\u003EТЭГИ\u003Cbr\u003E\u003Cp\u003EТэг –\tинструкция браузеру, указывающая способ отображения текста.\u003Cbr\u003E","\u003Cp\u003EТэг всегда начинается со знака «меньше» (\u003C) и оканчивается знаком «больше» (\u003E)\r\n\r\nНапример: \u003CBR\u003E\u003Cbr\u003E\u003Cp\u003EПРАВИЛА ЗАПИСИ ТЭГОВ\u003Cbr\u003E","\u003Cp\u003EТЭГИ\u003Cbr\u003E\u003Cp\u003EТЕГ\u003Cbr\u003E\u003Cp\u003Eодиночный\u003Cbr\u003E\u003Cp\u003Eпарный\u003Cbr\u003E(контейнер)\u003Cbr\u003E\u003Cp\u003Eоткрывающий \u003C \u003E\u003Cbr\u003E\u003Cp\u003Eзакрывающий \u003C\u002F \u003E\u003Cbr\u003E","\u003Cp\u003EСТРУКТУРНЫЕ ТЭГИ\u003Cbr\u003E\u003Cp\u003EВсё содержимое файла Интернет-страницы заключается в контейнер \u003Chtml\u003E…\u003C\u002Fhtml\u003E, указывающий браузеру, что данный текст представляет собой HTML-документ и, возможно содержит в себе тэги, которые браузер должен выявить, распознать, интерпретировать.\u003Cbr\u003EТипичная Интернет-страница состоит из двух частей: заголовка (HEAD) и тела (BODY). \u003Cbr\u003E","\u003Cp\u003EСТРУКТУРНЫЕ ТЭГИ\u003Cbr\u003E\u003Cp\u003EЭту базовую структуру в простейшем виде можно наглядно показать следующим образом:\u003Cbr\u003E","\u003Cp\u003EУказанная вами строка-название будет выводиться в заголовке окна браузера, когда данная страничка будет в нём просматриваться, а также (уже после размещения страницы в Интернете) в списках, выдаваемых поисковыми серверами. \r\n\u003Cbr\u003E\u003Cp\u003EСТРУКТУРНЫЕ ТЭГИ\u003Cbr\u003E","\u003Cp\u003EКОММЕНТАРИИ\u003Cbr\u003E\u003Cp\u003E\u003C! -- и -- \u003E - такой полутэг используется для добавления комментариев на страничке, \u003Cbr\u003Eт. е. для полезных пояснений, которые не показываются в браузере.\u003Cbr\u003E\u003Cp\u003EПример:\u003Cbr\u003E\u003CH1\u003E Заголовок \u003C\u002FH1\u003E\u003Cbr\u003E\u003C! --название главы-- \u003E\u003Cbr\u003E\u003CH2\u003E Подзаголовок \u003C\u002FH2\u003E\u003Cbr\u003E","\u003Cp\u003EПРИМЕР HTML-ДОКУМЕНТА\u003Cbr\u003E\u003Cp\u003E\u003CHTML\u003E\u003Cbr\u003E\t\u003CHEAD\u003E\u003Cbr\u003E\t\t\u003CТIТLЕ\u003EМоя первая Интернет-страничка!\u003C\u002FTITLE\u003E \u003Cbr\u003E\t\u003C\u002FHEAD\u003E \u003Cbr\u003E\t\u003CBODY\u003E\u003Cbr\u003E\tЭто моя первая проба сил в Web-дизайне. \u003Cbr\u003E\tМожет быть, страничка пока еще получилась \u003Cbr\u003E\tне очень красивой, но ведь она работает!!! \u003Cbr\u003E\t\u003C\u002FBODY\u003E \u003Cbr\u003E\u003C\u002FHTML\u003E\u003Cbr\u003E","\u003Cp\u003EОформление текста\u003Cbr\u003E\u003Cp\u003E\u003CBODY\u003E\u003Cbr\u003E\u003CB\u003E Это моя первая проба сил в Web-дизайне. \u003Cbr\u003E\u003C\u002FB\u003E \u003CBR\u003E\u003Cbr\u003E\u003CI\u003E Может быть, страничка пока еще получилась \u003Cbr\u003E\tне очень красивой, но ведь она работает!!! \u003C\u002FI\u003E \u003Cbr\u003E\u003C\u002FBODY\u003E\u003Cbr\u003E\u003Cp\u003EСимволы, заключенные между следующими тегами отображают:\u003Cbr\u003E\u003Cp\u003EОдиночный тег \u003CBR\u003E разрывает текстовый поток и вставляет пустую строку\u003Cbr\u003E","\u003Cp\u003EОформление текста\u003Cbr\u003E\u003Cp\u003E\u003CBODY\u003E\u003Cbr\u003E\u003CFONT SIZE=5 COLOR=red\u003E\u003Cbr\u003E\u003CB\u003E Это моя первая проба сил в Web-дизайне. \u003C\u002FB\u003E \u003CBR\u003E\u003Cbr\u003E\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CI\u003E Может быть, страничка пока еще получилась \u003Cbr\u003E\tне очень красивой, но ведь она работает!!! \u003C\u002FI\u003E \u003Cbr\u003E\u003C\u002FBODY\u003E\u003Cbr\u003E\u003Cp\u003EТекст, заключенный между тегами \u003CFONT….\u003E ……..\u003C\u002FFONT\u003E имеет заданный размер, цвет и гарнитуру. Для этого используются атрибуты: SIZE = значение от 1 до 7 и COLOR = цвет (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, yellow, white), каждому цвету соответствует свой шестнадцатеричный код от 000000 до FFFFFF.\u003Cbr\u003E","\u003Cp\u003EОформление страницы\u003Cbr\u003E\u003Cp\u003E\u003CBODY BGCOLOR=BLUE TEXT=YELLOW\u003E\u003Cbr\u003E\u003CP ALIGN=CENTER\u003E\u003Cbr\u003E\u003CFONT SIZE=5 COLOR=RED\u003E\u003Cbr\u003E\u003CB\u003E Это моя первая проба сил в Web-дизайне. \u003C\u002FB\u003E \u003CBR\u003E\u003Cbr\u003E\u003CI\u003E Может быть, страничка пока еще получилась \u003Cbr\u003E\tне очень красивой, но ведь она работает!!! \u003C\u002FI\u003E \u003Cbr\u003E\u003C\u002FFONT\u003E\u003Cbr\u003E\u003C\u002FP\u003E\u003Cbr\u003E\u003C\u002FBODY\u003E\u003Cbr\u003E\u003Cp\u003EМатериал файла\u003Cbr\u003E\u003Cp\u003EТег \u003CP\u003E …\u003C\u002FP\u003E - начинает абзац с новой строки. Новый абзац отделяется от предыдущего двойным межстрочным интервалом.\u003Cbr\u003EВыравнивание текста по абзацам:\u003Cbr\u003E\u003Cp\u003EЗадание цвета всего текста и фона документа\u003Cbr\u003EОписываются в начальном теге тела документа \u003CBODY\u003E\u003Cbr\u003E\u003CBODY BGCOLOR=цвет фона документа TEXT=цвет текста \u003E.\u003Cbr\u003E","\u003Cp\u003EОформление заголовков\u003Cbr\u003E\u003Cp\u003EЗаголовки разных уровней\u003Cbr\u003EТегами \u003CHn\u003E….\u003C\u002FHn\u003E оформляют заключенный в них текст. Значения n меняются от 1 до 6, при этом текст выводится от более крупного к более мелкому. Теги \u003CHn\u003E….\u003C\u002FHn\u003Eмогут иметь атрибуты ALIGN=CENTER, LEFT, RIGHT.\u003Cbr\u003E\u003Cp\u003E…\u003Cbr\u003E\u003CP ALIGN=LEFT\u003E\u003Cbr\u003E\u003CH1\u003EДраматический театр им.Комиссаржевской\u003C\u002FH1\u003E\u003Cbr\u003E\u003CH2\u003EМалый драматический театр «Европа»\u003C\u002FH2\u003E\u003Cbr\u003E\u003CH3\u003EДраматический театр на Литейном\u003C\u002FH3\u003E\u003Cbr\u003E\u003CH4\u003EБольшой драматический им.Товстоногова\u003C\u002FH4\u003E\u003Cbr\u003E\u003C\u002FP\u003E\u003Cbr\u003E…\u003Cbr\u003E","\u003Cp\u003EОформление списка\u003Cbr\u003E\u003Cp\u003EПростые списки\u003Cbr\u003E\u003Cp\u003E…\u003Cbr\u003E\u003CP ALIGN=LEFT\u003E\u003Cbr\u003E\u003COL type=\"square\"\u003E,\u003Cbr\u003E\u003CLI\u003E Драматический театр им.Комиссаржевской\u003Cbr\u003E\u003CLI\u003E Малый драматический театр «Европа»\u003C\u002F\u003E\u003Cbr\u003E\u003CLI\u003E Драматический театр на Литейном\u003Cbr\u003E\u003CLI\u003E Большой драматический им.Товстоногова\u003Cbr\u003E\u003C\u002FOL\u003E\u003Cbr\u003E\u003C\u002FP\u003E\u003Cbr\u003E…\u003Cbr\u003E","\u003Cp\u003EВставка рисунков\u003Cbr\u003E\u003Cp\u003EЧтобы рисунок был по центру, его надо заключить в тег \u003CCENTER\u003E \u003Cimg src = .....\u003C\u002FCENTER\u003E\u003Cbr\u003E\u003Cp\u003E\u003CCENTER\u003E\u003Cbr\u003E\u003CIMG SRC=’имя графического файла’ alt= ‘это мой рисунок’ width=50% height=50% vspace=20 hspace=20 border=5\u003E\u003Cbr\u003E\u003C\u002FCENTER\u003E\u003Cbr\u003E\u003Cp\u003EОдиночный тег \u003CIMG\u003E вставляет графические изображения в текстовый поток в любом месте: \u003CIMG SRC=’имя графического файла’\u003E\u003Cbr\u003E","\u003Cp\u003EОформление гиперссылок\u003Cbr\u003E\u003Cp\u003EГиперссылки\u003Cbr\u003EСвязь с другими документами организуется тегами \u003CA\u003E…\u003C\u002FA\u003E.\u003Cbr\u003E\u003CA HREF=”имя файла на который надо перейти” \u003E текст гиперссылки \u003C\u002FA\u003E.\u003Cbr\u003EРисунок так же можно сделать, как гиперссылку, написав:\u003Cbr\u003E\u003CA HREF ='имя файла на который переходим'\u003E\u003C IMG SRC =’имя графического файла’\u003E\u003C\u002Fa\u003E\u003Cbr\u003E","\u003Cp\u003EОформление таблиц\u003Cbr\u003E\u003Cp\u003EТаблицы используют не только для того, чтобы располагать данные в ячейках, сколько с целью позицирования фрагментов текста и изображений друг относительно друга.\u003Cbr\u003EС помощью таблиц удобно создавать навигацию по сайту.\u003Cbr\u003E\u003Cp\u003EP.S.: Ячейки таблицы могут содержать текст или изображения, а также текст с HTML-тегами и гиперссылки. Не следует оставлять ячейки таблицы незаполненными, надо поместить хотя бы неразрывный пробел &nbsp\u003Cbr\u003E","\u003Cp\u003EОформление таблиц\u003Cbr\u003E\u003Cp\u003EОсновные атрибуты тегов \u003CTABLE\u003E \u003CTR\u003E и \u003CTD\u003E задают параметры таблицы, строки или ячейки:\u003Cbr\u003EALIGN=left, right, center – выравнивание (\u003Ctable\u003E, \u003Ctr\u003E, \u003Ctd\u003E)\u003Cbr\u003EBGCOLOR=’цвет’ – фоновый цвет (\u003Ctable\u003E, \u003Ctr\u003E, \u003Ctd\u003E)\u003Cbr\u003EHSPACE=значение – свободное пространство слева и справа от таблицы в пикселах(\u003Ctable\u003E)\u003Cbr\u003EVSPACE=значение - свободное пространство сверху и снизу от таблицы в пикселах(\u003Ctable\u003E)\u003Cbr\u003EWIDTH=значение – ширина таблицы (ячейки) – в пикселах, или в процентах (\u003Ctable\u003E, \u003Ctd\u003E)\u003Cbr\u003EHEIGHT= значение – высоты таблицы (ячейки, строки) – в пикселах, или в процентах(\u003Ctable\u003E, \u003Ctd\u003E, \u003Ctr\u003E)\u003Cbr\u003EBORDER= значение – толщина рамки вокруг таблицы и ее ячеек, по умолчанию значение=1, если значение=0, то рамки нет (\u003Ctable\u003E, \u003Ctd\u003E)\u003Cbr\u003EBORDECOLOR=’цвет’ – цет рамки (\u003Ctable,\u003Ctd\u003E\u003E)\u003Cbr\u003EVALIGH=bottom, middle, top – выравнивание содержимого по вертикали (\u003Ctr\u003E, \u003Ctd\u003E)\u003Cbr\u003E","\u003Cp\u003Ehttp:\u002F\u002Fscriptic.narod.ru\u002Fhtml\u002Fcolor1.htm\u003Cbr\u003E\u003Cp\u003Ehttp:\u002F\u002Fthelast.ru\u002Findex.php?uid=601\u003Cbr\u003E"],href:"\u002Finformatika\u002Fosnovy-yazyka-html-tegi-atributy-tegov",href_category:"\u002Finformatika",date:1627735046,related:[{id:22568,name:"Интернет: общая характеристика",href:"\u002Finformatika\u002Finternet-obshchaya-harakteristika",jpg:"jpg\u002F22568"},{id:579307,name:"DS. Графический дизайн. Дизайн в Python",href:"\u002Finformatika\u002Fds-graficheskiy-dizayn-dizayn-v-python",jpg:"jpg\u002F579307"},{id:324692,name:"Системный блок",href:"\u002Finformatika\u002Fsistemnyy-blok-3",jpg:"jpg\u002F324692"},{id:242508,name:"Операторы цикла",href:"\u002Finformatika\u002Foperatory-tsikla-1",jpg:"jpg\u002F242508"},{id:577970,name:"Введение в Web API. Введение в MVC",href:"\u002Finformatika\u002Fvvedenie-v-web-api-vvedenie-v",jpg:"jpg\u002F577970"},{id:203275,name:"08. Miscellaneous (java)",href:"\u002Finformatika\u002F08-miscellaneous-java",jpg:"jpg\u002F203275"},{id:207666,name:"Нормальная форма",href:"\u002Finformatika\u002Fnormalnaya-forma-2",jpg:"jpg\u002F207666"},{id:242896,name:"Информация вокруг нас",href:"\u002Finformatika\u002Finformatsiya-vokrug-nas-2",jpg:"jpg\u002F242896"},{id:146167,name:"Керування кольорами. Розміщення малюнків на веб-сторінці",href:"\u002Finformatika\u002Fkeruvannya-kolorami-rozmshchennya-malyunkv-na-veb",jpg:"jpg\u002F146167"},{id:333658,name:"Системы ввода\u002Fвывода. Лекция 11",href:"\u002Finformatika\u002Fsistemy-vvodavyvoda-lektsiya-11",jpg:"jpg\u002F333658"},{id:159208,name:"Использование компьютера в различных отраслях",href:"\u002Finformatika\u002Fispolzovanie-kompyutera-v-razlichnyh-otraslyah",jpg:"jpg\u002F159208"},{id:3073,name:"Социальная сеть Instagram",href:"\u002Finformatika\u002Fsotsialnaya-set-instagram",jpg:"jpg\u002F3073"},{id:152220,name:"Знакомство с XML",href:"\u002Finformatika\u002Fznakomstvo-s-xml",jpg:"jpg\u002F152220"},{id:185688,name:"Знакомство с новым учебником по информатике. (8 класс)",href:"\u002Finformatika\u002Fznakomstvo-s-novym-uchebnikom-po-informatike",jpg:"jpg\u002F185688"},{id:161162,name:"Какой браузер лучше выбрать для работы в сети Интернет?",href:"\u002Finformatika\u002Fkakoy-brauzer-luchshe-vybrat-dlya-raboty",jpg:"jpg\u002F161162"},{id:232619,name:"WikiWiki Быстро Быстро. Летописи",href:"\u002Finformatika\u002Fwikiwiki-bystro-bystro-letopisi",jpg:"jpg\u002F232619"},{id:278707,name:"Идентификатор ЛК. Сравнить тарифные планы",href:"\u002Finformatika\u002Fidentifikator-lk-sravnit-tarifnye-plany",jpg:"jpg\u002F278707"},{id:224311,name:"Параллельное программирование. OpenMP",href:"\u002Finformatika\u002Fparallelnoe-programmirovanie-openmp",jpg:"jpg\u002F224311"},{id:576047,name:"Язык программирования Python. Основы языка Python. Линейные программы",href:"\u002Finformatika\u002Fyazyk-programmirovaniya-python-osnovy-yazyka-python",jpg:"jpg\u002F576047"},{id:20242,name:"VR\u002FAr-технологии. Сейчас и перспективы",href:"\u002Finformatika\u002Fvrar-tehnologii-seychas-i-perspektivy",jpg:"jpg\u002F20242"},{id:254630,name:"BIOS (Basic Input\\Output System) - базовая система ввода-вывода",href:"\u002Finformatika\u002Fbios-basic-inputoutput-system-bazovaya-sistema-1",jpg:"jpg\u002F254630"},{id:331710,name:"Возможные цели и задачи присутствия ТИК в социальных сетях",href:"\u002Finformatika\u002Fvozmozhnye-tseli-i-zadachi-prisutstviya-tik",jpg:"jpg\u002F331710"},{id:3299,name:"Oracle 12с. Курсоры (PL\u002FSQL, лекция 10)",href:"\u002Finformatika\u002Foracle-12s-kursory-plsql-lektsiya-10",jpg:"jpg\u002F3299"},{id:483124,name:"информационные процессы",href:"\u002Finformatika\u002Finformatsionnye-protsessy-13",jpg:"jpg\u002F483124"},{id:415860,name:"Формирование и анализ требований к ИС",href:"\u002Finformatika\u002Fformirovanie-i-analiz-trebovaniy-k-is",jpg:"jpg\u002F415860"},{id:2003,name:"Базы данных. Архитектура JDBC (Java Database Connectivity)",href:"\u002Finformatika\u002Fbazy-dannyh-arhitektura-jdbc-java-database",jpg:"jpg\u002F2003"},{id:412456,name:"Информационная система ОКН-Подмосковье",href:"\u002Finformatika\u002Finformatsionnaya-sistema-okn-podmoskove",jpg:"jpg\u002F412456"},{id:434436,name:"Обзор рынка информационно-аналитических систем",href:"\u002Finformatika\u002Fobzor-rynka-informatsionno-analiticheskih-sistem",jpg:"jpg\u002F434436"}],navigation:{next:"\u002Fmarketing\u002Fshest-sposobov-provalit-novuyu-kompaniyu",next_name:"Шесть способов провалить новую компанию",prev:"\u002Fbiznes\u002Fesli-by-ya-byla-direktorom-gostinitsy",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:10,name:"Литература",pseudoname:"literatura"},{id:119,ordering:11,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:h,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:H,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:e,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:j,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:d,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:d,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:d,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:d,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:d,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:d,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:d,sizes:R,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:b,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,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:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F,token:a}}}}("",0,false,"image\u002Fpng",true,"any","maskable",13,"#d53032","#ffffff","Основы языка HTML: тэги, атрибуты тэгов, комментарии","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","[e-mail]","h3a","text","none","h3","category","both",80,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","Информатика",20,1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))