Популярность языка HTML росла вместе с развитием сети Интернет. Отсутствие в течение некоторого времени стандартов на язык HTML привело к тому, что некоторые браузеры отображали должным образом не все тэги, а в версиях различных фирм одни и те же тэги могли трактоваться неодинаково или даже не поддерживались. Широкое использование HTML-документов в сети Интернет привело к появлению международных стандартов на этот язык, называемых спецификациями языка HTML. Этой работой занялась широко известная организация World Wide Web Consortium (W3C). Первая из спецификаций, признанная большинством компаний-разработчиков, явилась HTML 2.0, представленная в конце 1995 г. Вскоре была выпущена предварительная (рабочая) версия спецификации 3.0, а в мае 1996 г. – проект спецификации HTML 3.2. После длительного обсуждения и исправления в январе 1997 г. эта спецификация стала официальной рекомендацией для разработчиков HTML-документов и браузеров. В декабре 1997 года официальной рекомендацией стала спецификация HTML 4.0, которая остается в действии до настоящего времени.
Основой спецификации HTML 4.0 стало отделение параметров описания документов от параметров представления отдельных его фрагментов на экране монитора. Такое разделение облегчает адаптацию языка к различным платформам и средам (Windows, UNIX, DOS и пр.) и упрощает процесс внесения изменений в документы. В соответствии с такой концепцией для описания документа следует использовать таблицу стилей, причем это понятие сходно с используемым в современных текстовых редакторах, таких как Word 97 или 2000. Использование же данных о форме представления документа вперемежку с содержанием самого документа не рекомендуется.
Спецификация HTML 4.0 отменяет ряд ранее использовавшихся тэгов. Отмена тэга означает, что этот тэг по-прежнему поддерживается браузерами, но его применение в современных документах не рекомендуется. В дальнейшем такие тэги могут быть переведены в разряд устаревших, которые уже могут не поддерживаться браузерами. Информация такого рода может быть получена на сайте http://www.w3.org/TR/.
Любой HTML-документ заключен в контейнер и .
Здесь и далее по тексту запись "контейнер и " означает, что это контейнер с открывающим и закрывающим тэгами. Аналогичен смысл записи и для других возможных тэгов.
Сам документ, как уже говорилось выше, представляет собой обычный текстовый файл. Его можно просматривать в DOS с помощью стандартных редакторов и средств просмотра текстовых документов, при этом вместе с самим текстом мы будем видеть и тэги. Структурно документ распадается на 2 части: заголовочную и основную, или тело документа. Первая часть находится внутри контейнера
и , а основная часть – внутри контейнера и .
Единственный обязательный тэг, который используется в заголовочной части, —
, причем он образует контейнер, внутри которого размещается текст заголовка. При загрузке документа в браузер текст заголовка загружается в первую очередь в окно заголовка браузера. Если текст заголовка достаточно информативен, пользователь в процессе поиска релевантных документов уже на этапе загрузки документа может определить, действительно ли ему нужен этот документ, а если не нужен, то сразу отказаться от его загрузки и перейти к загрузке следующего. Текст названия используется и при создании закладки для данного документа, с этой точки зрения также очень важна его информативность.</p></div></div>
<div class="show-more show-more_reader text-center mt-4">
<a class="btn btn-primary" href="/x/elektronnye-izdaniya/p-21">
Назад
</a>
<a
class="btn btn-primary ml-3"
href="/x/elektronnye-izdaniya/p-23"
>
Вперед
</a>
</div>
</section>
<hr class="w-100">
<section>
<div class="pagination-container">
<nav>
<ul class="pagination">
<li class="page-item">
<a class="page-link" href="/x/elektronnye-izdaniya">1</a>
</li>
<li class="page-item disabled">
<span class="page-link">…</span>
</li>
<li class="page-item">
<a class="page-link" href="/x/elektronnye-izdaniya/p-20">20</a>
</li>
<li class="page-item">
<a class="page-link" href="/x/elektronnye-izdaniya/p-21">21</a>
</li>
<li class="page-item active">
<span class="page-link">22</span>
</li>
<li class="page-item">
<a class="page-link" href="/x/elektronnye-izdaniya/p-23">23</a>
</li>
<li class="page-item">
<a class="page-link" href="/x/elektronnye-izdaniya/p-24">24</a>
</li>
<li class="page-item disabled">
<span class="page-link">…</span>
</li>
</ul>
</nav>
</div>
</section>
<hr class="w-100">
</div>
<section class="related my-4">
<div class="row">
<div class="col-12">
<h2 class="h2">Похожие книги</h2>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-6 book-card ">
<div class="book-card__wrap">
<div class="book-card__img-wrap">
<a
class="card__img-link book-card__img-link"
href="/x/elektronnye-izdaniya"
>
<img
class="card__img book-card__img book-img img img-fluid "
width="215"
height="323"
src="/uploads/covers/af/elektronnye-izdaniya.jpg"
alt="Электронные издания"
>
</a>
</div>
<div class="book-card__meta">
<div class="book-card__title-wrap">
<a class="book-card__title" href="/x/elektronnye-izdaniya"><b>Электронные издания</b></a>
</div>
<div class="mt-2 book-card__author-list">
<a class="book-card__author text-dark" href="/a/vladimir-vul">Владимир Вуль</a>
</div>
<div class="mt-2">
<a href="/g/programmy">Программы</a>
</div>
<div class="book-card__description mt-3">
Книга посвящена рассмотрению всей совокупности проблем, связанных с созданием, воспроизведением на компьютере и практическим использованием электронных и мультимедийных изданий. В частности, показано место этих изданий в современной медиа-индустрии. Рассмотрено использование различных HTML-редакторов и специализированных программных средств создания электронных и мультимедийных изданий (MS FrontPage, Macromedia Director, DreamWeaver и Flash, а та
</div>
<div class="text-right ">
<a class="btn btn-outline-primary w-100 mt-2" href="/x/elektronnye-izdaniya">Читать онлайн</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6 book-card ">
<div class="book-card__wrap">
<div class="book-card__img-wrap">
<a
class="card__img-link book-card__img-link"
href="/x/elementarnyy-telegram-vse-chto-nuzhno-znat-o-samom-perspektivnom"
>
<img
class="card__img book-card__img book-img img img-fluid "
width="215"
height="323"
src="/uploads/covers/a4/elementarnyy-telegram-vse-chto-nuzhno-znat-o-samom-perspektivnom.jpg"
alt="Элементарный TELEGRAM. Все, что нужно знать о самом перспективном мессенджере страны, чтобы на нем зарабатывать"
>
</a>
</div>
<div class="book-card__meta">
<div class="book-card__title-wrap">
<a class="book-card__title" href="/x/elementarnyy-telegram-vse-chto-nuzhno-znat-o-samom-perspektivnom"><b>Элементарный TELEGRAM. Все, что нужно знать о самом перспективном мессенджере страны, чтобы на нем зарабатывать</b></a>
</div>
<div class="mt-2 book-card__author-list">
<a class="book-card__author text-dark" href="/a/aleksey-shabarshin">Алексей Шабаршин</a>
</div>
<div class="mt-2">
<a href="/g/internet-biznes">Интернет-бизнес</a>
</div>
<div class="book-card__description mt-3">
Telegram – самый перспективный мессенджер в современном мире. Прирост более 100 млн новых пользователей в год, приятная политика конфиденциальности и безграничные возможности заработка обеспечивают платформе сумасшедшую популярность.Вы хотите развивать экспертный блог? Скупить несколько каналов и зарабатывать на рекламе? Или создавать контент, работая на других админов? Каким бы ни был ваш запрос, telegram сможет удовлетворить его.Алексей Шабарши
</div>
<div class="text-right ">
<a class="btn btn-outline-primary w-100 mt-2" href="/x/elementarnyy-telegram-vse-chto-nuzhno-znat-o-samom-perspektivnom">Читать онлайн</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6 book-card ">
<div class="book-card__wrap">
<div class="book-card__img-wrap">
<a
class="card__img-link book-card__img-link"
href="/x/kompyuternye-metody-analiza-pocherka"
>
<img
class="card__img book-card__img book-img img img-fluid "
width="215"
height="323"
src="/uploads/covers/46/kompyuternye-metody-analiza-pocherka.jpg"
alt="Компьютерные методы анализа почерка"
>
</a>
</div>
<div class="book-card__meta">
<div class="book-card__title-wrap">
<a class="book-card__title" href="/x/kompyuternye-metody-analiza-pocherka"><b>Компьютерные методы анализа почерка</b></a>
</div>
<div class="mt-2 book-card__author-list">
<a class="book-card__author text-dark" href="/a/yuriy-chernov">Юрий Чернов</a>
</div>
<div class="mt-2">
<a href="/g/programmy">Программы</a>
</div>
<div class="book-card__description mt-3">
Книга посвящена компьютерным методам анализа почерка. Автор рассматривает анализ почерка как одно из перспективных направлений психологии, медицины, социологии, педагогики. С развитием цифровых технологий письмо от руки, с одной стороны, используется все меньше, с другой стороны, эти технологии предоставляют новые возможности для научно-обоснованного анализа почерка. Письмо от руки остается неотъемлемой частью нашей культуры и практики. В книге о
</div>
<div class="text-right ">
<a class="btn btn-outline-primary w-100 mt-2" href="/x/kompyuternye-metody-analiza-pocherka">Читать онлайн</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6 book-card ">
<div class="book-card__wrap">
<div class="book-card__img-wrap">
<a
class="card__img-link book-card__img-link"
href="/x/sozday-svoy-vpn-bezopasnoe-ispolzovanie-interneta"
>
<img
class="card__img book-card__img book-img img img-fluid "
width="215"
height="323"
src="/uploads/covers/2b/sozday-svoy-vpn-bezopasnoe-ispolzovanie-interneta.jpg"
alt="Создай свой VPN. Безопасное использование интернета"
>
</a>
</div>
<div class="book-card__meta">
<div class="book-card__title-wrap">
<a class="book-card__title" href="/x/sozday-svoy-vpn-bezopasnoe-ispolzovanie-interneta"><b>Создай свой VPN. Безопасное использование интернета</b></a>
</div>
<div class="mt-2 book-card__author-list">
<a class="book-card__author text-dark" href="/a/dzheyd-karter">Джейд Картер</a>
</div>
<div class="mt-2">
<a href="/g/samouchiteli">Самоучители</a>
</div>
<div class="book-card__description mt-3">
Книга будет полезна для тех, кто стремится к созданию собственной виртуальной частной сети (VPN). Она охватывает широкий спектр тем, начиная с основ безопасности сетей и технологий VPN, и заканчивая практическими шагами по настройке и обслуживанию серверов и клиентов VPN. Автор подробно рассматривает различные аспекты создания VPN, включая выбор платформы и инфраструктуры, обеспечение безопасности данных, оптимизацию производительности и интеграц
</div>
<div class="text-right ">
<a class="btn btn-outline-primary w-100 mt-2" href="/x/sozday-svoy-vpn-bezopasnoe-ispolzovanie-interneta">Читать онлайн</a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-6 book-card ">
<div class="book-card__wrap">
<div class="book-card__img-wrap">
<a
class="card__img-link book-card__img-link"
href="/x/castlevania-nasledie-igrovoy-sagi"
>
<img
class="card__img book-card__img book-img img img-fluid lazyload"
width="215"
height="323"
data-src="/uploads/covers/a1/castlevania-nasledie-igrovoy-sagi.jpg"
alt="Castlevania. Наследие игровой саги"
>
<div
class="lazy__img-spinner"
style="width: 215px; height: 323px;"
></div>
</a>
</div>
<div class="book-card__meta">
<div class="book-card__title-wrap">
<a class="book-card__title" href="/x/castlevania-nasledie-igrovoy-sagi"><b>Castlevania. Наследие игровой саги</b></a>
</div>
<div class="mt-2 book-card__author-list">
<a class="book-card__author text-dark" href="/a/dzhanni-molinaro">Джанни Молинаро</a>
</div>
<div class="mt-2">
<a href="/g/programmy">Программы</a>
</div>
<div class="book-card__description mt-3">
Узнайте, как эволюционировала сага – от платформера и исследования к элементам RPG и 3D-слэшеру. Внутри вас ждет не только сюжет и лор франшизы, но и описание механик, история разработки, а также примеры, как серия Castlevania повлияла на игровую индустрию.Погрузитесь в леденящую душу историю:Чем, кроме «Дракулы» Брэма Стокера, вдохновлялись разработчики и как роман стал частью канона.Что общего у кнута «Убийца вампиров» с «Клинками Хаоса» из God
</div>
<div class="text-right ">
<a class="btn btn-outline-primary w-100 mt-2" href="/x/castlevania-nasledie-igrovoy-sagi">Читать онлайн</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6 book-card ">
<div class="book-card__wrap">
<div class="book-card__img-wrap">
<a
class="card__img-link book-card__img-link"
href="/x/ot-eminema-do-billa-geytsa-iskusstvo-obshcheniya-i-vystraivaniya-svyazey"
>
<img
class="card__img book-card__img book-img img img-fluid lazyload"
width="215"
height="323"
data-src="/uploads/covers/34/ot-eminema-do-billa-geytsa-iskusstvo-obshcheniya-i-vystraivaniya-svyazey.jpg"
alt="От Эминема до Билла Гейтса. Искусство общения и выстраивания связей"
>
<div
class="lazy__img-spinner"
style="width: 215px; height: 323px;"
></div>
</a>
</div>
<div class="book-card__meta">
<div class="book-card__title-wrap">
<a class="book-card__title" href="/x/ot-eminema-do-billa-geytsa-iskusstvo-obshcheniya-i-vystraivaniya-svyazey"><b>От Эминема до Билла Гейтса. Искусство общения и выстраивания связей</b></a>
</div>
<div class="mt-2 book-card__author-list">
<a class="book-card__author text-dark" href="/a/brayan-greyzer">Брайан Грейзер</a>
</div>
<div class="mt-2">
<a href="/g/lichnaya-effektivnost">Личная эффективность</a>
</div>
<div class="book-card__description mt-3">
Главной составляющей своего успеха оскароносный продюсер Брайан Грейзер считает способность установить искреннюю связь с кем угодно. Открывая для нас увлекательное закулисье своих самых знаковых фильмов и телешоу, он стремится донести до читателей простую мысль: мы слишком погружены в свои гаджеты и теряем связь с интересными людьми и их опытом. В своей книге Грейзер вспоминает, как личные встречи с самыми знаменитыми и влиятельными людьми соврем
</div>
<div class="text-right ">
<a class="btn btn-outline-primary w-100 mt-2" href="/x/ot-eminema-do-billa-geytsa-iskusstvo-obshcheniya-i-vystraivaniya-svyazey">Читать онлайн</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6 book-card ">
<div class="book-card__wrap">
<div class="book-card__img-wrap">
<a
class="card__img-link book-card__img-link"
href="/x/hroniki-mirohodcev-v-poiskah-relikvii"
>
<img
class="card__img book-card__img book-img img img-fluid lazyload"
width="215"
height="323"
data-src="/uploads/covers/a8/hroniki-mirohodcev-v-poiskah-relikvii.jpg"
alt="Хроники мироходцев. В поисках реликвии"
>
<div
class="lazy__img-spinner"
style="width: 215px; height: 323px;"
></div>
</a>
</div>
<div class="book-card__meta">
<div class="book-card__title-wrap">
<a class="book-card__title" href="/x/hroniki-mirohodcev-v-poiskah-relikvii"><b>Хроники мироходцев. В поисках реликвии</b></a>
</div>
<div class="mt-2 book-card__author-list">
<a class="book-card__author text-dark" href="/a/dina-galkina">Дина Галкина</a>
</div>
<div class="mt-2">
<a href="/g/knigi-o-priklyucheniyah">Книги о приключениях</a>
</div>
<div class="book-card__description mt-3">
Каково это – быть отчисленной из чародейской школы, когда всю жизнь только и мечтала там учиться? Особенно – быть отчисленной за два дня до начала учебного года… из-за отсутствия магии! Неужели мудрые чародеи ошиблись, отправляя мне приглашение в свою школу? Хорошо, что мир, наполненный магией и приключениями, не ограничивается стенами магической академии – а уж приключения мы с друзьями-ветерками обязательно отыщем, да ещё какие!
</div>
<div class="text-right ">
<a class="btn btn-outline-primary w-100 mt-2" href="/x/hroniki-mirohodcev-v-poiskah-relikvii">Читать онлайн</a>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
</div>
<script src="/build/runtime.5332280c.js" defer></script><script src="/build/site.b0ab3bc5.js" defer></script>
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(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.webvisor.org/metrika/tag_ww.js", "ym");
ym(97881572, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true
});
</script>
<!-- /Yandex.Metrika counter -->
</div>
</body>
</html>
