Заголовок документа HTML
Заголовок документа размещается
контейнере
в
В
заголовке
страницы,
параметры документа.
указывается
кодировка,
Так,
например,
название
указывается в тэгах:
название
основные
документа
Моя первая страница< /TITLE >
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/ac/d0/acd046a1b0a01e3ec3bd922a04cf0a5b7bdb8471.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/ac/d0/acd046a1b0a01e3ec3bd922a04cf0a5b7bdb8471.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Также в заголовке страницы часто
указывают характеристики страницы,
некоторые параметры (например, тэг
META информирует о кодировке
таблицы
Формат:<META charset=“windows1251”>
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/f6/71/f671d133f257da3ffe8ce3857a41b06f38d3280e.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/f6/71/f671d133f257da3ffe8ce3857a41b06f38d3280e.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Фон
Фон электронной страницы можно
задавать двумя способами:
1.Задание цвета( название, кодировка)
2. Из файла
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/05/66/0566f7d5dc6ab3c76af3ad6ccd37d39f735e32b5.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/05/66/0566f7d5dc6ab3c76af3ad6ccd37d39f735e32b5.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Указание цвета фона, текста
документа:
За указание цвета фона отвечает атрибут
BGCOLOR, входящий в состав тэга
BODY.Например, чтобы цвет фона был красным
мы должны написать следующий код:
<BODY BGCOLOR="название цвета фона или его
шестнадцатеричный вид">
Например, чтобы цвет фона был красным мы
должны написать следующий код:
<BODY BGCOLOR="RED">
или
<BODY BGCOLOR="FF0000">
Цвет текста атрибут TEXT=“RED” или кодировка.
Например:
<BODY BGCOLOR="RED«TEXT=“Silver” >
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/42/38/4238d64572d787801d838f9571be346cd20f2e41.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/42/38/4238d64572d787801d838f9571be346cd20f2e41.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Фон из файла
Фоном можно сделать и картинку. Можно
использовать, как большой графический
файл ( учтите страница будет грузиться
очень долго ), так и маленький. Он будет
автоматически размножен обозревателем
по всей странице.
<BODY BACKGROUND="IMAGES.GIF">
Где images.gif адрес и имя файла
картинки. В данном случае файл должен
находиться в одной папке с самой
страницей.
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/f5/41/f541c0c6e3950e795401b945f797650f43cbc649.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/f5/41/f541c0c6e3950e795401b945f797650f43cbc649.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Практический совет:
Написав одновременно два параметра,
один из которых делает фон
красным, а другой делает фон
рисунком, можно обезопасить себя.
Допустим человек смотрит страницу
без поддержки рисунков, тогда фон
у него будет цветом, а если
поддержка рисунков включена, то и
фон будет залит из рисунков.
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/64/b5/64b5b3e77693323c16afdf5ad091f259da1d5543.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/64/b5/64b5b3e77693323c16afdf5ad091f259da1d5543.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Форматирование текстов
К форматированию основного текста
относится установка основных
параметров:
А) размер;
Б) цвет;
В) шрифт;
Г)выравнивание.
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/e1/28/e1280d7af6b31892f847ee3f6474d2a7f7e9efb6.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/e1/28/e1280d7af6b31892f847ee3f6474d2a7f7e9efb6.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Заголовки
Размер заголовка задается номером
шрифта и тэгом Н. Например:
<H1> Заголовок первого уровня</H1>
<H2> Заголовок первого уровня</H2>
Примечание : номера заголовка от 1 до 6 в
порядке уменьшения шрифтов
Рекомендуется отделить заголовок от
содержания документа горизонтальной
линией ( тэг <HR>)
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/6f/4a/6f4aabe2a597125034948058eede1d90344e06bb.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/6f/4a/6f4aabe2a597125034948058eede1d90344e06bb.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Параграфы
Содержание текста представляет
собой последовательность
параграфов, каждый из которых
может иметь свой
параметры(атрибуты).
Открывается и закрывается параграф
тегом <р> и </p>.
В конце содержания параграфа стоит
одиночный тэг <br> разрыв строки
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/6c/9b/6c9bc0271c2166795429585c1c54fc0492aafe61.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/6c/9b/6c9bc0271c2166795429585c1c54fc0492aafe61.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Форматирование текста
Осуществляется тэгом FONT.
Атрибуты(дополнительные
параметры):
FACE=“Arial”;
SIZE=1 (от 1 до 7);
color=“blue”(или шестнадцатеричный
код);
ALIGN=“center”,”left”,”right”
Начертание:
<B>,<I><SUB><SUP>
</div>
</div>
<div class="media-material-detail-body-presentation__container">
<div class="media-material-detail-body-presentation-image__container">
<a href="https://fs.znanio.ru/methodology/images/7d/dd/7ddd4bfd6fb270da83df25aea0f1b7626e022eeb.jpg"
title="Ссылка на снимок материала: "
target="_blank">
<img class="media-material-detail-body-presentation-image__snapshot"
src="https://fs.znanio.ru/methodology/images/7d/dd/7ddd4bfd6fb270da83df25aea0f1b7626e022eeb.jpg"
alt=""
loading="lazy" />
</a>
</div>
<div class="media-material-detail-body-presentation-text__container">
Пример записи
<P ALIGN=center>
<b> <I>
<font color=blue size=2 face=Arial >
Первое знакомство.
</font>
</B><I>
<br>
</P>
</div>
</div>
</div>
<div class="material-detail-after-content-ads__container">
<div id="yandex_rtb_R-A-1580174-12"></div>
</div>
<div class="media-material-detail__copyright">
<p>
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с
договором-офертой сайта. Вы можете
<a href="https://znanio.ru/docs/tmp/report_violation.html"
title="Сообщить о нарушении"
target="_blank">сообщить о нарушении</a>.
</p>
</div>
</div>
<div class="media-material-detail-download__container">
<form class="media-material-detail-download__form"
action="https://znanio.ru/media/vvedenie_v_html-128827/download"
method="post"
target="_blank">
<input name="email" placeholder="Введите ваш E-mail"/>
<div class="media-material-detail-download-button__container">
<button class="button button--primary media-material-download__js" type="submit">Скачать</button>
</div>
</form>
<button class="button button--default move-up__js">Вверх</button>
</div>
<footer class="copyright__container">
<div class="copyright-base__container">
© ООО «Знанио»<br><br>С вами с 2009 года.
<img class="copyright-restriction__image" src="https://znanio.ru/build/assets/img/footer/restriction.png"
alt="Изображение возрастные ограничения 12+"/>
</div>
<div class="copyright-about__container">
<p><strong>О портале</strong></p>
<ul class="copyright-about__list">
<li class="copyright-about__item">
<a class="copyright-about__link" href="https://znanio.ru/about" title="Сведения об организации">Сведения
об организации</a>
</li>
<li class="copyright-about__item">
<a class="copyright-about__link" href="https://znanio.ru/docs/o.pdf" title="Договор-оферта">Договор-оферта</a>
</li>
<li class="copyright-about__item">
<a class="copyright-about__link" href="https://znanio.ru/p" title="Проверка документов">Проверка
документов</a>
</li>
<li class="copyright-about__item">
<a class="copyright-about__link" href="https://znanio.ru/about" title="Обратная связь">Обратная
связь</a>
</li>
<li class="copyright-about__item">
<a class="copyright-about__link" href="https://znanio.ru/about" title="Рекламодателям">Рекламодателям</a>
</li>
<li class="copyright-about__item">
<a class="copyright-about__link" href="https://znanio.ru/docs/tmp/report_violation.html"
title="Сообщить о нарушении">Сообщить о нарушении</a>
</li>
<li class="copyright-about__item">
<a class="copyright-about__link" href="https://znanio.ru/about" title="Центр поддержки">Центр
поддержки</a>
</li>
</ul>
</div>
<div class="copyright-social__container">
<p><strong>Мы в соцсетях</strong></p>
<ul class="copyright-social__list">
<li class="copyright-social__item">
<a class="copyright-social__link" href="https://vk.com/znanioru" target="_blank"
title="Вконтакте">Вконтакте</a>
</li>
<li class="copyright-social__item">
<a class="copyright-social__link" href="https://ok.ru/znanioru" target="_blank"
title="Одноклассники">Одноклассники</a>
</li>
<li class="copyright-social__item">
<a class="copyright-social__link" href="https://www.facebook.com/znanioru" target="_blank"
title="Фейсбук">Фейсбук</a>
</li>
<li class="copyright-social__item">
<a class="copyright-social__link" href="https://instagram.com/znanioru" target="_blank"
title="Инстаграм">Инстаграм</a>
</li>
<li class="copyright-social__item">
<a class="copyright-social__link"
href="https://www.youtube.com/channel/UCcKrjMPh-3ZwjCi_UQTNHXg" target="_blank"
title="Ютьюб">Ютьюб</a>
</li>
</ul>
</div>
<div class="copyright-license__container">
<ul class="copyright-license__list">
<li class="copyright-license__item">
<img class="copyright-license__image" src="https://znanio.ru/build/assets/img/footer/gerb-license.png"
alt="Изображение образовательная лицензия"/>
<a class="copyright-license__link" href="https://znanio.ru/docs/li.pdf" target="_blank"
title="Образовательная лицензия">Образовательная лицензия №5257 от 09.09.2020
(Л035-01253-67/00192487)</a>
</li>
<li class="copyright-license__item">
<img class="copyright-license__image" src="https://znanio.ru/build/assets/img/footer/gerb-smi.png"
alt="Изображение свидетельство СМИ"/>
<a class="copyright-license__link" href="https://znanio.ru/docs/smi.png" target="_blank"
title="Запись в реестре зарегистрированных СМИ">Запись в реестре зарегистрированных СМИ ЭЛ №ФС77-77478 от 25.12.2019</a>
</li>
<li class="copyright-license__item">
<img class="copyright-license__image" src="https://znanio.ru/build/assets/img/footer/gerb-trademark.png"
alt="Изображение свидетельство правообладателя товарного знака"/>
<a class="copyright-license__link" href="https://znanio.ru/docs/tm.jpg" target="_blank"
title="Свидетельство правообладателя товарного знака">Свидетельство правообладателя товарного
знака 11.01.2017</a>
</li>
</ul>
</div>
</footer>
</div>
<div class="right-bar__container">
<div class="media-material-recommendation__container">
<p class="media-material-recommendation__title">Посмотрите также</p>
<ul class="media-material-recommendation__list">
<li class="media-material-recommendation__item">
<a class="media-material-recommendation__link"
href="https://znanio.ru/media/prezentatsiya-k-zanyatiyu-po-informatike-v-1-klasse-po-teme-zakonomernosti-2955356"
title="Презентация к занятию по информатике в 1 классе по теме "Закономерности"">
Презентация к занятию по информатике в 1 классе по теме "Закономерности"
</a>
</li>
<li class="media-material-recommendation__item">
<a class="media-material-recommendation__link"
href="https://znanio.ru/media/kak-podruzhitsya-s-nejrosetyu-i-sdelat-ee-svoim-pomoschnikom-pri-podgotovke-k-vypolneniyu-vpr-2954915"
title="Как подружиться с нейросетью и сделать ее своим помощником при подготовке к выполнению ВПР.">
Как подружиться с нейросетью и сделать ее своим помощником при подготовке к выполнению ВПР.
</a>
</li>
<li class="media-material-recommendation__item">
<a class="media-material-recommendation__link"
href="https://znanio.ru/media/prezentatsiya-open-office-draw-sozdanie-3d-obektov-2954406"
title="Презентация "Open Office Draw. Создание 3D объектов"">
Презентация "Open Office Draw. Создание 3D объектов"
</a>
</li>
<li class="media-material-recommendation__item">
<a class="media-material-recommendation__link"
href="https://znanio.ru/media/uchimsya-rabotat-s-tekstovymi-dokumentami-2954128"
title="Учимся работать с текстовыми документами">
Учимся работать с текстовыми документами
</a>
</li>
<li class="media-material-recommendation__item">
<a class="media-material-recommendation__link"
href="https://znanio.ru/media/prezentatsiya-k-uroku-informatiki-ustrojstva-vvoda-i-vyvoda-informatsii-2952565"
title="Презентация к уроку информатики "Устройства ввода и вывода информации"">
Презентация к уроку информатики "Устройства ввода и вывода информации"
</a>
</li>
<li class="media-material-recommendation__item">
<a class="media-material-recommendation__link"
href="https://znanio.ru/media/prezentatsiya-2952485"
title="Презентация">
Презентация
</a>
</li>
<li class="media-material-recommendation__item">
<a class="media-material-recommendation__link"
href="https://znanio.ru/media/prezentatsiya-o-modelyah-predstavleniya-tsveta-v-srede-informatsionno-tehnologicheskih-ustrojstv-2952245"
title="Презентация о моделях представления цвета в среде информационно-технологических устройств">
Презентация о моделях представления цвета в среде информационно-технологических устройств
</a>
</li>
<li class="media-material-recommendation__item">
<a class="media-material-recommendation__link"
href="https://znanio.ru/media/printsipy-postroeniya-kompyutera-pokoleniya-evm-2950808"
title="Принципы построения компьютера. Поколения ЭВМ.">
Принципы построения компьютера. Поколения ЭВМ.
</a>
</li>
<li class="media-material-recommendation__item">
<a class="media-material-recommendation__link"
href="https://znanio.ru/media/informatika-elektronnaya-tablitsa-2950621"
title="Информатика. Электронная таблица">
Информатика. Электронная таблица
</a>
</li>
<li class="media-material-recommendation__item">
<a class="media-material-recommendation__link"
href="https://znanio.ru/media/prezentatsiya-1-2-n-v-prichastiyah-i-prilagatelnyh-2950456"
title="Презентация "1-2 Н в причастиях и прилагательных"">
Презентация "1-2 Н в причастиях и прилагательных"
</a>
</li>
</ul>
</div>
<div class="right-bar-ads__container">
<div id="yandex_rtb_R-A-1580174-3"></div>
</div>
</div>
</div>
<script type="text/javascript" src="https://znanio.ru/build/assets/js/app.min.js?v=0.3.2" async></script>
<script type="text/javascript" async>(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(39196045, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true });</script>
<noscript><div><img src="https://mc.yandex.ru/watch/39196045" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<script type="text/javascript" src="https://yandex.ru/ads/system/context.js" async></script>
</body>
</html>
Создание электронных страниц HTML.ppt
