Две основные части HTML-документа — это заголовок и тело. Каждый раздел содержит определенную информацию. Раздел заголовка содержит информацию, полезную для веб-браузера и поисковых систем, но не видимую читателю. Раздел body содержит информацию, которую вы хотите, чтобы посетитель увидел. Документ специально отформатирован таким образом, чтобы веб-браузеры могли анализировать информацию и правильно представлять ее посетителю.
Структура HTML-документа
HTML-документ должен быть правильно отформатирован, чтобы его мог прочитать веб-браузер. Ниже приведен общий план типичного HTML-документа:
Информация для веб-браузера и поисковых систем Содержимое, видимое читателю
Оба Теги
и теги содержатся внутри основного тег . Оба раздела должны заканчиваться символами "", чтобы документ можно было прочитать.
Содержимое заголовка
Раздел head документа содержит заголовок сайта, ключевые слова для поисковых систем, скрипты и расположение каскадной таблицы стилей, которую следует использовать при форматировании страницы. Типичные теги HTML, используемые в разделе заголовка, включают теги
, , <style> и <script>.</P> <p>
Тег <title> определяет заголовок документа. Тег связывает внешний ресурс, например файл CSS, с документом. Тег <style> определяет стили документа. Тег используется для определения автора, ключевых слов и описания документа. Тег <script> определяет сценарий, который должен быть запущен на компьютере посетителя. Если раздел заголовка не помещен в документ, содержимое документа все равно отображается в браузере.</P> <h2> Содержимое тела </h2> <p>
Раздел body используется для форматирования фактической веб-страницы. Большинство тегов HTML, таких как тег абзаца ( <p>
), тег привязки (), теги заголовков ( <h1> в <h6>) и тег раздела () используются в этом разделе документа. Скрипты на стороне сервера также размещены в этом разделе документа. Если в HTML-документе нет основного раздела, в веб-браузере ничего не отображается.</P> <h2> ТИП ДОКТА </h2> <p>
Единственное, что не входит между Теги <html> — это объявление DOCTYPE. Если он используется, он должен быть первой строкой в HTML-документе. Он используется, чтобы сообщить веб-браузеру, какую версию HTML использует документ. Браузер использует это объявление для правильного отображения страницы. Объявление DOCTYPE можно не указывать, но браузер может неправильно отобразить вашу страницу.</P> <br>
</div>
<div class="ad_x2 ad6">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1642008271571820" crossorigin="anonymous"></script> <!-- ru.ruodiantong --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1642008271571820" data-ad-slot="5763220344" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
</div>
<section id="turn-page" class="between wrap">
<div class="page up align box_s">
<i class="prev icon"></i>
<a class='LinkPrevArticle' href='https://ru.ruodiantong.com/c1020148/d1020157/189912/1020133787.html' >В чем преимущество таблицы в документе Word?</a>
</div>
<div class="page down align box_s">
<a class='LinkNextArticle' href='https://ru.ruodiantong.com/c1020148/d1020157/189912/1020133789.html' >Я уронил свой ноутбук, теперь мой экран не работает</a>
<i class="next icon"></i>
</div>
</section>
<div class="xian"></div>
<section class="art_list between wrap">
<ul>
<li>
<a href="https://ru.ruodiantong.com/c1020148/d1020157/202210/1020122889.html" class="start align">
<div class="text">
<strong class="row row-3">Каковы основные части телевизора?</strong>
</div>
</a>
</li>
<li>
<a href="https://ru.ruodiantong.com/c1020148/d1020157/202210/1020126695.html" class="start align">
<div class="text">
<strong class="row row-3">Каковы разные части адреса электронной почты?</strong>
</div>
</a>
</li>
<li>
<a href="https://ru.ruodiantong.com/v10208/b1020118/202210/1020127835.html" class="start align">
<div class="text">
<strong class="row row-3">Каковы основные части радиоприемника?</strong>
</div>
</a>
</li>
<li>
<a href="https://ru.ruodiantong.com/d10206/k102088/202210/1020131277.html" class="start align">
<div class="text">
<strong class="row row-3">Из каких частей состоит видеокамера?</strong>
</div>
</a>
</li>
</ul>
<ol>
<li>
<a href="https://ru.ruodiantong.com/p10207/a1020108/201402/1020034556.html" class="start align textover">
<strong class="textover">Каковы характеристики частей телескопа </strong>
</a>
</li>
<li>
<a href="https://ru.ruodiantong.com/v10208/b1020118/201402/1020037474.html" class="start align textover">
<strong class="textover">Каковы основные части радио </strong>
</a>
</li>
<li>
<a href="https://ru.ruodiantong.com/n10201/i102028/201402/1020059893.html" class="start align textover">
<strong class="textover">Какие части видеокамеры </strong>
</a>
</li>
<li>
<a href="https://ru.ruodiantong.com/z10203/j102052/201411/1020069973.html" class="start align textover">
<strong class="textover">Какие детали внутри сотового телефона </strong>
</a>
</li>
<li>
<a href="https://ru.ruodiantong.com/z10203/j102052/201411/1020078613.html" class="start align textover">
<strong class="textover">Какие части сотового телефона </strong>
</a>
</li>
</ol>
</section>
</article>
<aside class="right hb">
<div class="art_r2">
<div class="rt">
<section class="align start">
<i class="icon"></i>
<strong class="textover">Умная жизнь</strong>
</section>
</div>
<div class="imgs p20">
<section>
<a href="https://ru.ruodiantong.com/c1020148/d1020157/202210/1020121878.html">
<strong>
Каковы различные части Microsoft Excel? </strong>
</a>
<p class="row row-4">
Microsoft Excel состоит из различных функций, которые делают его очень эффективным в качестве программы для работы с электронными таблицами. Встроенные формулы, возможности построения диаграмм и расширенные функции экономят время при сборе и представлении информации. Рабочий лист Microsoft Excel </p>
</section>
<section>
<a href="https://ru.ruodiantong.com/c1020148/d1020157/202210/1020122712.html">
<strong>
Из каких частей состоит копировальный аппарат? </strong>
</a>
<p class="row row-4">
Копировальные аппараты являются стандартным оборудованием на многих рабочих местах, настолько обыденным, что они даже являются предметом офисных споров из-за неуместных картриджей с тонером и длинных очередей перед обеденным перерывом. Но задумывались ли вы когда-нибудь, что находится внутри большой </p>
</section>
</div>
<div class="tlist p20">
<ol>
<li>
<a href="https://ru.ruodiantong.com/d10206/e102095/201411/1020088933.html" class="start">
<strong class="row row-2">Какие важные части радио </strong>
</a>
</li>
<li>
<a href="https://ru.ruodiantong.com/d10206/s102097/201411/1020090027.html" class="start">
<strong class="row row-2">Каковы Части спикера </strong>
</a>
</li>
<li>
<a href="https://ru.ruodiantong.com/q102010/x1020132/201411/1020100433.html" class="start">
<strong class="row row-2">Каковы основные части телевидения </strong>
</a>
</li>
<li>
<a href="https://ru.ruodiantong.com/q102010/z1020138/201411/1020103021.html" class="start">
<strong class="row row-2">Каковы основные части телевидения </strong>
</a>
</li>
<li>
<a href="https://ru.ruodiantong.com/c1020148/d1020157/202210/1020121684.html" class="start">
<strong class="row row-2">Части экрана MS Word</strong>
</a>
</li>
<li>
<a href="https://ru.ruodiantong.com/c1020148/d1020157/202210/1020125867.html" class="start">
<strong class="row row-2">Из каких частей состоит оперативная память? </strong>
</a>
</li>
</ol>
</div>
</div>
</aside>
</section>
<footer class="align">
<section class="container">
<span>
Авторское право ©
<a href="https://ru.ruodiantong.com/">Россия Электронный Технологии</a>
Все права защищены
</span>
<a href="/" class="floog ibox">
<img src="/css2/img/logo1.png" alt="">
</a>
</section>
</footer>
</body>
</html> 