Слайд 3Что такое тег?
Тег – основной элемент языка html.
Теги позволяют добавлять
на html-страницу различные объекты (текст, картинки, таблицы, ссылки и т.д.)
Правила
написания тегов:
Теги заключаются в угловые скобки <тег>;
Теги всегда парные – открывающий и закрывающий <тег>….
Теги закрываются зеркально <тег1><тег2>….
Слайд 5Html-теги
2.
Тег предназначен для служебной информации для браузеров и поисковых
систем. Содержимое этого тега не отображается на странице, за исключением
тега <br><head><br>…<br></head><br> </div>
<div class="image">
<a href="/img/thumbs/8ee5684b35d525dd48ed67afaba4be92-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Html-теги2. Тег предназначен для служебной информации для браузеров и поисковых систем. Содержимое этого тега не отображается на странице, за исключением тега …"><img src="/img/thumbs/8ee5684b35d525dd48ed67afaba4be92-800x.jpg" title="Html Html-теги2. Тег предназначен для служебной информации для браузеров и поисковых систем." alt="Html-теги2. Тег предназначен для служебной информации для браузеров и поисковых систем. Содержимое этого тега не отображается на"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide6">
<h2><a href="/img/thumbs/a29abebcccf235f0482c3f452c82dc79-800x.jpg" target="_blank">Слайд 6</a>Html-теги<br>2. <br>Тег задаёт заголовок окна веб-страницы<br>Он находится внутри тега <br><br>…<br><br></h2>
<div class="image">
<a href="/img/thumbs/a29abebcccf235f0482c3f452c82dc79-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Html-теги2. Тег задаёт заголовок окна веб-страницыОн находится внутри тега …"><img src="/img/thumbs/a29abebcccf235f0482c3f452c82dc79-800x.jpg" title="Html Html-теги2. Тег задаёт заголовок окна веб-страницыОн находится внутри тега …" alt="Html-теги2. Тег задаёт заголовок окна веб-страницыОн находится внутри тега …"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide7">
<h2><a href="/img/thumbs/32208affb247cd6ac0ba4641d2f4808e-800x.jpg" target="_blank">Слайд 7</a>Html-теги<br>2. <br>Тег предназначен для хранения содержания веб-страницы, отображаемого в окне</h2>
<div class="text">
<h3>браузера<br><br>…<br><br></h3>
</div>
<div class="image">
<a href="/img/thumbs/32208affb247cd6ac0ba4641d2f4808e-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Html-теги2. Тег предназначен для хранения содержания веб-страницы, отображаемого в окне браузера…"><img src="/img/thumbs/32208affb247cd6ac0ba4641d2f4808e-800x.jpg" title="Html Html-теги2. Тег предназначен для хранения содержания веб-страницы, отображаемого в окне браузера…" alt="Html-теги2. Тег предназначен для хранения содержания веб-страницы, отображаемого в окне браузера…"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide8">
<h2><a href="/img/thumbs/134ec459c829f568a9b667595f27db55-800x.jpg" target="_blank">Слайд 8</a>Структура простейшей веб-страницы<br><br><br>Мой первый сайт<br><br><br>Привет! Это моя первая веб-страница!<br><br><br></h2>
<div class="image">
<a href="/img/thumbs/134ec459c829f568a9b667595f27db55-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Структура простейшей веб-страницыМой первый сайтПривет! Это моя первая веб-страница!"><img src="/img/thumbs/134ec459c829f568a9b667595f27db55-800x.jpg" title="Html Структура простейшей веб-страницыМой первый сайтПривет! Это моя первая веб-страница!" alt="Структура простейшей веб-страницыМой первый сайтПривет! Это моя первая веб-страница!"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide9">
<h2><a href="/img/tmb/5/479605/f7a3ba7ac3c65484318ff8a1d7573f43-800x.jpg" target="_blank">Слайд 9</a>Практическое задание<br>Создать папку в папке 9 А и назвать её</h2>
<div class="text">
<h3>«Сайт Ивановой, Петрова»;<br>В папке «Сайт…» создать текстовый документ (Блокнот) и</h3>
назвать его «new1»; <br>Записать в документ new1 структуру своей первой html-страницы и сохранить;<br>Изменить расширение файла new1.txt на new1.html;<br>Открыть файл new1.html через браузер Mozilla Firefox.<br> </div>
<div class="image">
<a href="/img/tmb/5/479605/f7a3ba7ac3c65484318ff8a1d7573f43-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Практическое заданиеСоздать папку в папке 9 А и назвать её «Сайт Ивановой, Петрова»;В папке «Сайт…» создать текстовый документ (Блокнот) и назвать его «new1»; Записать в документ new1 структуру своей первой html-страницы и сохранить;Изменить расширение файла new1.txt на new1.html;Открыть файл new1.html через браузер Mozilla Firefox."><img src="/img/tmb/5/479605/f7a3ba7ac3c65484318ff8a1d7573f43-800x.jpg" title="Html Практическое заданиеСоздать папку в папке 9 А и назвать её «Сайт" alt="Практическое заданиеСоздать папку в папке 9 А и назвать её «Сайт Ивановой, Петрова»;В папке «Сайт…» создать текстовый"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide10">
<h2><a href="/img/thumbs/13c1424ae6f484269a0e51034a697c7f-800x.jpg" target="_blank">Слайд 10</a>Теги для оформления текста страницы<br></h2>
<div class="image">
<a href="/img/thumbs/13c1424ae6f484269a0e51034a697c7f-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Теги для оформления текста страницы"><img src="/img/thumbs/13c1424ae6f484269a0e51034a697c7f-800x.jpg" title="Html Теги для оформления текста страницы" alt="Теги для оформления текста страницы"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide11">
<h2><a href="/img/thumbs/f0f8a13122c2e19d808f8f2c326c5949-800x.jpg" target="_blank">Слайд 11</a>Начертание<br>Полужирный текст<br>Выделение текста курсивом<br>Подчёркнутый текст<br>Зачёркнутый текст<br></h2>
<div class="image">
<a href="/img/thumbs/f0f8a13122c2e19d808f8f2c326c5949-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="НачертаниеПолужирный текстВыделение текста курсивомПодчёркнутый текстЗачёркнутый текст"><img src="/img/thumbs/f0f8a13122c2e19d808f8f2c326c5949-800x.jpg" title="Html НачертаниеПолужирный текстВыделение текста курсивомПодчёркнутый текстЗачёркнутый текст" alt="НачертаниеПолужирный текстВыделение текста курсивомПодчёркнутый текстЗачёркнутый текст"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide12">
<h2><a href="/img/thumbs/d1236a0faaa8a048573a4b7a1a543440-800x.jpg" target="_blank">Слайд 12</a>Шрифт<br>…<br>тег для изменения характеристик шрифта, таких как размер, цвет и</h2>
<div class="text">
<h3>гарнитура<br><br> - задает размер шрифта;<br> - задает цвет</h3>
шрифта;<br><font face=‘Arial’> - задает гарнитуру шрифта.<br> </div>
<div class="image">
<a href="/img/thumbs/d1236a0faaa8a048573a4b7a1a543440-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Шрифт…тег для изменения характеристик шрифта, таких как размер, цвет и гарнитура - задает размер шрифта; - задает цвет шрифта; - задает гарнитуру шрифта."><img src="/img/thumbs/d1236a0faaa8a048573a4b7a1a543440-800x.jpg" title="Html Шрифт…тег для изменения характеристик шрифта, таких как размер, цвет и гарнитура" alt="Шрифт…тег для изменения характеристик шрифта, таких как размер, цвет и гарнитура - задает размер шрифта; - задает"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide13">
<h2><a href="/img/tmb/5/479605/fd94b1193c380dbcac8af17bb29ca524-800x.jpg" target="_blank">Слайд 13</a>Заголовки<br>…<br>…<br>… - Заголовки разных уровней<br></h2>
<div class="image">
<a href="/img/tmb/5/479605/fd94b1193c380dbcac8af17bb29ca524-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Заголовки……… - Заголовки разных уровней"><img src="/img/tmb/5/479605/fd94b1193c380dbcac8af17bb29ca524-800x.jpg" title="Html Заголовки……… - Заголовки разных уровней" alt="Заголовки……… - Заголовки разных уровней"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide14">
<h2><a href="/img/tmb/5/479605/cb37eccd9e40396c0c1e61b51d76bb0a-800x.jpg" target="_blank">Слайд 14</a>Выравнивание<br>… - определяет текстовый абзац<br><br> - по левому краю;<br></h2>
<div class="text">
<h3>align=‘right’> - по правому краю;<br> - по центру;<br></h3>
- по ширине;<br> </div>
<div class="image">
<a href="/img/tmb/5/479605/cb37eccd9e40396c0c1e61b51d76bb0a-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Выравнивание… - определяет текстовый абзац - по левому краю; - по правому краю; - по центру; - по ширине;"><img src="/img/tmb/5/479605/cb37eccd9e40396c0c1e61b51d76bb0a-800x.jpg" title="Html Выравнивание… - определяет текстовый абзац - по левому краю; - по" alt="Выравнивание… - определяет текстовый абзац - по левому краю; - по правому краю; - по центру; -"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide15">
<h2><a href="/img/thumbs/3b42286d065f166527117774bcf3430e-800x.jpg" target="_blank">Слайд 15</a>Фон или обои страницы<br><br></h2>
<div class="image">
<a href="/img/thumbs/3b42286d065f166527117774bcf3430e-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Фон или обои страницы"><img src="/img/thumbs/3b42286d065f166527117774bcf3430e-800x.jpg" title="Html Фон или обои страницы" alt="Фон или обои страницы"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide16">
<h2><a href="/img/thumbs/94baa4f47fdd357952521a4add81bfa5-800x.jpg" target="_blank">Слайд 16</a>Вставка изображения<br></h2>
<div class="text">
<h3>не так', width='100', height='100'><br>src – путь к графическому файлу;<br>alt –</h3>
альтернативный картинке текст;<br>width – ширина изображения;<br>height – высота изображения.<br><br> </div>
<div class="image">
<a href="/img/thumbs/94baa4f47fdd357952521a4add81bfa5-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Вставка изображенияsrc – путь к графическому файлу;alt – альтернативный картинке текст;width – ширина изображения;height – высота изображения."><img src="/img/thumbs/94baa4f47fdd357952521a4add81bfa5-800x.jpg" title="Html Вставка изображенияsrc – путь к графическому файлу;alt – альтернативный картинке текст;width" alt="Вставка изображенияsrc – путь к графическому файлу;alt – альтернативный картинке текст;width – ширина изображения;height – высота изображения."></a>
</div>
<hr>
</div>
</div>
<div class="custom" >
<!-- Yandex.RTB R-A-448123-10 -->
<div id="yandex_rtb_R-A-448123-10"></div>
<script type="text/javascript">
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-448123-10",
renderTo: "yandex_rtb_R-A-448123-10",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script></div>
<div class="url" id="download"><a href="/informatika/html-6/download">Скачать презентацию</a></div>
</div>
<div class="right">
<div class="banners">
<div class="custom" >
<!-- Yandex.RTB R-A-448123-2 -->
<div id="yandex_rtb_R-A-448123-2"></div>
<script type="text/javascript">
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-448123-2",
renderTo: "yandex_rtb_R-A-448123-2",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script></div>
</div>
<div class="list related">
<h2>Похожие презентации</h2>
<div class="wrapper">
<a href="/informatika/istoriya-sozdaniya-kompyutera-2-klass">
<img src="/img/thumbs/99e35388a9b072344b23f04d90fed849-800x.jpg" alt="История создания компьютера 2 класс">
<span class="desc">
<span>История создания компьютера 2 класс</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 538</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/proby-pera">
<img src="/img/thumbs/2a5d9b19ddeae78e40265cbc4565cc4f-800x.jpg" alt="Пробы пера">
<span class="desc">
<span>Пробы пера</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 415</span>
</span>
</a>
</div>
<div class="custom" >
<!-- Yandex.RTB R-A-448123-12 -->
<script>window.yaContextCb.push(()=>{
Ya.Context.AdvManager.render({
type: 'fullscreen',
blockId: 'R-A-448123-12'
})
})</script></div>
<div class="wrapper">
<a href="/informatika/operatsionnye-sistemy-117">
<img src="/img/thumbs/2120e50015de317c0ab7e85ba939e3d6-800x.jpg" alt="Операционные системы">
<span class="desc">
<span>Операционные системы</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 269</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/informatsiya-svoystva-i-edinitsy-izmereniya-1">
<img src="/img/thumbs/9324e2b2dc19af58c20724608ca6942c-800x.jpg" alt="Информация. Свойства и единицы измерения">
<span class="desc">
<span>Информация. Свойства и единицы измерения</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 414</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/kompyuternye-slovari-i-sistemy-mashinnogo-perevoda-1">
<img src="/img/thumbs/d11f287cbab5f7e7b312f245b7192c4f-800x.jpg" alt="Компьютерные словари и системы машинного перевода текстов">
<span class="desc">
<span>Компьютерные словари и системы машинного перевода текстов</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 429</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/goryachie-klavishi">
<img src="/img/thumbs/462f5931ed9b21bd759bd7d4d81ce319-800x.jpg" alt="Горячие клавиши">
<span class="desc">
<span>Горячие клавиши</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 610</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/prepodavanie-informatiki-v-usloviyah-realizatsii-fgos">
<img src="/img/thumbs/ef52a423a8ca9950f53faa29c3f2873b-800x.jpg" alt="Преподавание информатики в условиях реализации ФГОС ООО">
<span class="desc">
<span>Преподавание информатики в условиях реализации ФГОС ООО</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 342</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/prezentatsiya-dlya-provedeniya-laboratorno-prakticheskih-rabot">
<img src="/img/thumbs/9a665f6522962a29e8ea5a29da9d8b67-800x.jpg" alt="Презентация для проведения лабораторно-практических работ по информатике на тему "Графический редактор Paint" (2 курс)">
<span class="desc">
<span>Презентация для проведения лабораторно-практических работ по информатике на тему "Графический редактор Paint" (2 курс)</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 342</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/informatsionnye-sluzhby-interneta">
<img src="/img/thumbs/5f3f3b1d93ce798f2105d4bfc58aa912-800x.jpg" alt="Информационные службы Интернета">
<span class="desc">
<span>Информационные службы Интернета</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 582</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/prezentatsiya-po-informatike-v-7-klasse">
<img src="/img/thumbs/bc822f1b46ba6f464a783510ae0d8f6a-800x.jpg" alt="Презентация по информатике в 7 классе "Своя игра"">
<span class="desc">
<span>Презентация по информатике в 7 классе "Своя игра"</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 580</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/roboty-chto-nas-zhdet-1">
<img src="/img/thumbs/49909c995756273bc56096390286eb41-800x.jpg" alt="Роботы. Что нас ждет">
<span class="desc">
<span>Роботы. Что нас ждет</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 442</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/bazy-dannyh-4">
<img src="/img/thumbs/93cefc8de97e8a9e11ddc79557f409ad-800x.jpg" alt="Базы данных">
<span class="desc">
<span>Базы данных</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 431</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/okna-za-i-protiv">
<img src="/img/thumbs/e319762620f3742f2d67972c17525b85-800x.jpg" alt="Окна: за и против">
<span class="desc">
<span>Окна: за и против</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 329</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/informatsionnaya-pautinka">
<img src="/img/thumbs/e4b18e8a9e91051c35aeba195bf33ac6-800x.jpg" alt=""Информационная паутинка"">
<span class="desc">
<span>"Информационная паутинка"</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 372</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/ranenie-informatsii">
<img src="/img/thumbs/89f905774a3e65b0f13d45e8e7ed973d-800x.jpg" alt="ранение информации">
<span class="desc">
<span>ранение информации</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 365</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/mobilnye-prilozheniya">
<img src="/img/thumbs/0f4de1d1c3f733c02c7dcc50f581a9a2-800x.jpg" alt="Мобильные приложения">
<span class="desc">
<span>Мобильные приложения</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 920</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/analogovyy-i-tsifrovoy-zvuk-2">
<img src="/img/thumbs/3230fbd179af18cc6d4fb1252c83f592-800x.jpg" alt="Аналоговый и цифровой звук">
<span class="desc">
<span>Аналоговый и цифровой звук</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 369</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/znakovye-informatsionnye-modeli-6-klass">
<img src="/img/thumbs/58dc618cc4e5b77e54ded68605bfa673-800x.jpg" alt="Знаковые информационные модели 6 класс">
<span class="desc">
<span>Знаковые информационные модели 6 класс</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 420</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/istoriya-pismennosti-7">
<img src="/img/thumbs/57489ce89c66cf466bf90f7d8be102d7-800x.jpg" alt="История письменности">
<span class="desc">
<span>История письменности</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 290</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/windows-movie-maker-2">
<img src="/img/thumbs/40f05ffb729658963f261acf1104659d-800x.jpg" alt="Windows Movie Maker">
<span class="desc">
<span>Windows Movie Maker</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 321</span>
</span>
</a>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
<div class="container bottom">
<div>
<div class="call_back">
<h4><i class="fas fa-bullhorn"></i>Обратная связь</h4>
<p>Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:</p>
<p>Email: <a href="#" class="js_hidden_email" data-address="abusetheslide" data-domain="ya.ru">Нажмите что бы посмотреть</a> </p> </div>
<div class="links">
</div>
<div class="whatis">
<h4><i class="fa fa-info text-red"></i>Что такое TheSlide.ru?</h4>
<p>Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно хранить и делиться своими презентациями с другими пользователями.</p>
<hr />
<p><a href="/privacy">Для правообладателей</a></p>
<a href="https://metrika.yandex.ru/stat/?id=48768281&from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/48768281/3_1_FFFFFFFF_EFEFEFFF_0_pageviews" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="48768281" data-lang="ru" /></a>
<!--LiveInternet counter-->
<script type="text/javascript">
document.write("<a href='//www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t16.2;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";h"+escape(document.title.substring(0,150))+";"+Math.random()+
"' alt='' title='LiveInternet: показано число просмотров за 24"+
" часа, посетителей за 24 часа и за сегодня' "+
"border='0' width='88' height='31'><\/a>")
</script>
<!--/LiveInternet-->
</div>
<div class="clear"></div>
</div>
</div>
<script src="/templates/presentation/js/script.js?2f7a446f4c1827ed407306caac7b976b"></script>
</body>
</html>
