slogin.info

ihc 468x60 1 1
< >
Звезда активнаЗвезда активнаЗвезда активнаЗвезда активнаЗвезда активна5 / 5
 
Автор: Администратор
Просмотров: 3401
На этом уроке мы детально разберемся в структуре кода, будут объяснены все теги, который мы использовали на первом уроке, чтобы создать первую страницу.

Пришло время более детально разобраться, каким образом строится код HTML-документа и какие теги в нем за что отвечают. Я уже давал вам парочку примеров, толком не объяснив суть кода. Давайте возьмем код первого примера, где мы выводили строчку «Здравствуй, мир!».

 

<HTML>
    <HEAD>
        <TITLE> Как создать HTML документ </TITLE>
    </HEAD>
    <BODY>
        Здравствуй, мир!
    </BODY>
</HTML>

 

В этом коде использован минимум тегов, начнем с самого первого тега <HTML>, он помогает браузеру понять, что внутри будет код HTML и он обязателен в любом документе. Вы можете убрать этот тег из документа и проверить, как будет отображаться сайт. Скорее всего, ничего не изменится, сайт будет по-прежнему показывать тот же результат. Но существуют различные стандарты кодирования на HTML, по которым ваш сайт будет считаться бракованным. Стоит просто взять за правило, писать этот тег, как и остальные, о которых пойдет речь.

Следующий тег, который идет сразу же - <HEAD>, его можно считать как голову сайта или шапку, но все, что помещается внутри этого тега, никогда не отображается на самом сайте, здесь помещают системную информацию о странице – кодировку, подключение сторонних файлов (CSS/JS), метаданные и другое. Так же тут есть тег <TITLE> его наличие так же обязательно, внутри него помещают заголовок страницы, который отображается на вкладке при открытии страницы. Чтобы было понятнее, где он отображается, я на скриншоте выделил его красной чертой.

4 1

Следующий тег <BODY>. Это тег тела сайта, или если говорить напрямую сам сайт, его структура, тексты, картинки, ссылки и самое основное количество кода помещается именно сюда. Писать код вне этого тега считается плохим тоном. Сразу же пытайтесь себя приучить писать красивый и корректный код, иначе потом это будет сложнее сделать.

Остальные теги я не назову обязательными, в итоге вот заготовка-пустышка страницы без всякого текста

 

<HTML>
    <HEAD>
        <TITLE>
        </TITLE>
    </HEAD>
    <BODY>
    </BODY>
</HTML>

 

Попрактикуйтесь, по меняйте содержимое тегов <BODY> или <TITLE> и посмотрите что у вас получится, подобные практики и собственная инициатива поможет вам быстрее разобраться в HTML-кодировании.

< >

Поиск по сайту

Топ 10 активных пользователей

  • Имя пользователя Баллы
  • gawk
    44.20
  • hr@proovelab
    15.00
  • intuit89
    6.00
  • Varvarka
    4.00
  • ZOMRO
    3.20
  • Akyla58
    3.00
  • AnnaOl
    3.00
  • dimasik_3557
    3.00
  • ErcardSa
    3.00
  • Galinamuh
    3.00
 

Рекламные ссылки

IHC

Пожертвования

icon donate

Yandex.Money: 410011571748395

Webmoney:

R362907776401 (Рубли)

Z410919458006 (Доллары)

ihc 468x60 1 1

Последнее с форума

Urii-Polyakov-odnoklassniki аватар
Мы – команда разработчиков, дизайнеров и SEO-специалистов, которая любит свое дело и умеет создавать...
Перейти в тему
ZOMRO аватар
Оптимальные VDS/VPS Это сбалансированное предложение в соотношение цена-качество-количество ресурсо...
Перейти в тему
ZOMRO аватар
Скидка 50% на первый месяц Хотите получить уникальную скидку 50% на первый месяц пользования нашим ...
Перейти в тему

Последние статьи

Javascript функции

Функции - одна из основных концепций языка JavaScript. При этом есть кардинальное отличие от многих языков программирования, в JS каждая функция сама по себе является объектом, а соответственно и манипулировать с ней можно разными способами:

Ссылка на телефон

В этой статье мы рассмотрим простой и обычный способ создания ссылки на телефон.

CPA сети 30.01.2017
CPA сети

Сегодня мы подробно рассмотрим тему зарабатка на своих проектах (т.е. это не обязательно сайты) при помощи CPA сетей.